.note-page-shell { width:min(100% - 32px,1280px); margin:0 auto; padding:38px 0 46px; }.note-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:26px; }.note-title { font-size:clamp(24px,4vw,38px); }.note-subtitle { margin:14px 0 0; color:var(--muted); font-size:15px; font-weight:700; }.site-nav { display:flex; gap:8px; flex-wrap:wrap; }.site-nav a,.subtle-link { display:inline-flex; align-items:center; min-height:39px; padding:8px 11px; border:1px solid #506650; border-radius:7px; color:#d8ebd0; background:rgba(23,34,24,.8); font-size:13px; font-weight:700; text-decoration:none; transition:transform .18s,background .18s,border-color .18s; }.site-nav a:hover,.subtle-link:hover { transform:translateY(-2px); border-color:var(--accent); background:#2a4029; }.site-nav a.is-active { color:#12200d; border-color:var(--accent-light); background:var(--accent-light); }.sidebar-toggle { display:none; width:100%; min-height:46px; margin:0 0 12px; border:1px solid #526e4d; border-radius:8px; color:#dff8cc; background:#284026; }.note-layout { display:grid; grid-template-columns:290px minmax(0,1fr); gap:18px; align-items:start; }.note-sidebar,.note-editor-card { border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(35,49,37,.96),rgba(21,30,23,.96)); box-shadow:var(--shadow); }.note-sidebar { position:sticky; top:18px; padding:18px; }.sidebar-heading,.editor-heading,.section-heading { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }.sidebar-heading h2,.editor-heading h2,.section-heading h3 { margin:0; font-size:17px; }.new-note-button { min-height:36px; padding:7px 9px; border:1px solid #526e4d; border-radius:7px; color:#dff8cc; background:#284026; font-size:12px; white-space:nowrap; }.note-search { min-height:40px; margin:16px 0 10px; padding:8px 10px; font-size:13px; }.note-list { display:grid; max-height:calc(100vh - 230px); gap:6px; overflow:auto; }.note-list-empty { margin:7px 2px; color:var(--muted); font-size:12px; line-height:1.6; }.note-list-item { width:100%; padding:11px 10px; border:1px solid transparent; border-radius:8px; color:var(--text); background:transparent; text-align:left; }.note-list-item:hover { background:#263825; }.note-list-item.is-active { border-color:#608a4e; background:#2d4329; }.note-list-item strong,.note-list-item span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.note-list-item strong { font-size:13px; }.note-list-item span { margin-top:4px; color:#aebbac; font-size:11px; }.note-editor-card { min-height:680px; padding:24px; }.save-status { min-height:22px; margin:0; color:var(--accent-light); font-size:12px; font-weight:700; text-align:right; }.note-meta-grid { display:grid; grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(180px,1fr) minmax(135px,1fr); gap:13px; margin-top:22px; }.note-updated-field { display:grid; align-content:start; gap:10px; padding:0 1px; }.note-meta-label { font-size:14px; font-weight:700; }.note-updated-field time { min-height:48px; padding:13px 0; color:#c8d6c5; font-size:12px; }.editor-toolbar { display:flex; justify-content:space-between; gap:12px; align-items:center; margin:20px 0 9px; }.editor-toolbar p { margin:0; color:var(--muted); font-size:12px; }.subtle-link { min-height:33px; padding:5px 8px; font-size:11px; white-space:nowrap; }.command-editor-shell { display:grid; grid-template-columns:48px minmax(0,1fr); min-height:420px; max-height:64vh; overflow:hidden; border:1px solid #506250; border-radius:9px; background:#0c110d; }.line-numbers { min-height:100%; margin:0; padding:15px 9px; overflow:hidden; border-right:1px solid #394839; color:#70806e; background:#101711; font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; text-align:right; user-select:none; }.command-editor { display:block; width:100%; min-height:420px; height:100%; margin:0; padding:15px; resize:vertical; overflow:auto; border:0; border-radius:0; color:#e9f8db; background:transparent; font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size:2; white-space:pre; }.command-editor:focus { box-shadow:inset 0 0 0 2px rgba(117,201,71,.35); }.editor-actions { display:flex; align-items:center; gap:10px; margin-top:14px; }.copy-all-button,.delete-note-button { min-height:42px; padding:8px 12px; border-radius:7px; color:#e9f8db; background:#304b2e; font-size:13px; }.delete-note-button { border:1px solid #6d4a45; color:#ffd3cb; background:#412a28; }.copy-all-button:disabled,.delete-note-button:disabled { cursor:not-allowed; opacity:.45; }.command-lines-section { margin-top:25px; padding-top:20px; border-top:1px solid #3e513e; }.line-count { margin:0; padding:4px 7px; border:1px solid #4a6049; border-radius:20px; color:var(--muted); font-size:11px; }.command-lines { display:grid; gap:7px; margin-top:13px; }.command-line { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:9px; align-items:center; padding:8px; border:1px solid #3d4d3d; border-radius:7px; background:rgba(12,17,13,.5); }.command-line-number { color:#88a981; font:11px ui-monospace,SFMono-Regular,Consolas,monospace; text-align:right; }.command-line code { min-width:0; overflow:hidden; color:#d8e8d4; font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; text-overflow:ellipsis; white-space:nowrap; }.copy-line-button { min-height:34px; padding:6px 9px; border:1px solid #526e4d; border-radius:6px; color:#dff8cc; background:#284026; font-size:11px; }.command-lines-empty { margin:5px 0; color:var(--muted); font-size:12px; }.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
@media (max-width:900px) { .note-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.note-layout { grid-template-columns:250px minmax(0,1fr); } }
@media (max-width:700px) { .note-page-shell { width:min(100% - 24px,1280px); padding-top:29px; }.note-header { align-items:flex-start; flex-direction:column; margin-bottom:18px; }.site-nav { width:100%; }.site-nav a { flex:1; justify-content:center; }.sidebar-toggle { display:block; }.note-layout { display:block; }.note-sidebar { position:fixed; z-index:20; top:0; bottom:0; left:0; width:min(88vw,310px); padding-top:24px; transform:translateX(-110%); transition:transform .2s ease; }.note-layout.sidebar-open .note-sidebar { transform:translateX(0); }.note-editor-card { min-height:0; padding:18px; }.note-meta-grid { grid-template-columns:1fr; }.editor-toolbar { align-items:flex-start; flex-direction:column; }.command-editor-shell,.command-editor { min-height:360px; }.editor-actions { align-items:stretch; flex-direction:column; }.copy-all-button,.delete-note-button { width:100%; }.command-line { grid-template-columns:28px minmax(0,1fr); }.copy-line-button { grid-column:2; justify-self:start; }.note-list { max-height:calc(100vh - 145px); } }

/* Inline IntelliSense: the mirror never alters the textarea source value. */
.command-editor-shell { grid-template-columns:48px minmax(0,1fr); }
.command-editor-stage { position:relative; min-width:0; min-height:420px; overflow:hidden; }
.command-editor,.command-editor-ghost { position:absolute; inset:0; width:100%; height:100%; min-height:420px; margin:0; padding:15px; border:0; font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:normal; tab-size:2; white-space:pre; }
.command-editor { z-index:1; resize:none; color:#e9f8db; background:transparent; }
.command-editor-ghost { z-index:0; overflow:visible; color:transparent; pointer-events:none; user-select:none; }
.command-editor-ghost .ghost-source { color:transparent; }
.command-editor-ghost .ghost-text { color:#758073; text-shadow:0 0 8px rgba(119,142,111,.12); }
.command-autocomplete { position:absolute; z-index:3; width:min(340px,calc(100% - 20px)); max-height:244px; overflow:auto; border:1px solid #587356; border-radius:8px; background:#172117; box-shadow:0 16px 30px rgba(0,0,0,.43); }
.command-autocomplete-option { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; width:100%; padding:7px 9px; border:0; border-radius:6px; color:#dcebd8; background:transparent; text-align:left; font:600 12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace; }
.command-autocomplete-option:hover,.command-autocomplete-option.is-active { background:#2b412a; transform:none; filter:none; }
.command-autocomplete-option strong { overflow-wrap:anywhere; }.command-autocomplete-option span { color:#acbdab; font:500 11px/1.35 "Zen Kaku Gothic New",sans-serif; }.command-autocomplete-option em { align-self:center; color:#7f9d79; font:500 10px/1.3 "Zen Kaku Gothic New",sans-serif; font-style:normal; }
.editor-assist { min-height:20px; margin:8px 1px 0; color:#cde4bb; font-size:12px; line-height:1.5; }.editor-assist strong { margin-right:5px; color:var(--accent-light); }.editor-notation { margin:2px 1px 0; color:#849181; font-size:10px; }
.command-line.is-incomplete { border-color:#6a805d; }.command-line.is-incomplete .command-line-state { color:#cfe9b8; }.command-line.is-incomplete .command-line-diagnostic { color:#c5d8ba; }
@media (max-width:700px) { .command-editor-stage,.command-editor,.command-editor-ghost { min-height:360px; }.command-autocomplete { width:min(300px,calc(100% - 16px)); }.editor-notation { font-size:9px; } }

.validation-summary { min-height:19px; margin:9px 0 0; color:#c8efad; font-size:12px; font-weight:700; }.command-lines { gap:8px; margin-top:12px; }.command-line { grid-template-columns:32px minmax(0,1fr) auto auto; align-items:start; padding:9px 8px; }.command-line.is-valid { border-color:rgba(100,166,70,.6); }.command-line.is-info { border-color:rgba(102,160,190,.58); }.command-line.is-unverified { border-color:rgba(196,160,76,.62); }.command-line.is-error { border-color:rgba(218,101,83,.75); background:rgba(74,30,25,.25); }.command-line-number { padding-top:3px; }.command-line-main { min-width:0; }.command-line code { display:block; overflow:auto hidden; text-overflow:clip; white-space:pre; }.command-line-diagnostic { margin:4px 0 0; color:#afc7ae; font-size:11px; line-height:1.45; }.is-error .command-line-diagnostic { color:#ffb7aa; }.is-unverified .command-line-diagnostic { color:#f2d99c; }.is-info .command-line-diagnostic { color:#b2d6e9; }.command-line-state { min-width:74px; padding:5px 6px; border:1px solid #4c6549; border-radius:5px; color:#d6f2cb; font-size:10px; font-weight:700; text-align:center; white-space:nowrap; }.is-info .command-line-state { border-color:#527b8e; color:#c3e9f9; }.is-unverified .command-line-state { border-color:#816d3e; color:#f2d99c; }.is-error .command-line-state { border-color:#8a4e44; color:#ffc1b6; }
.copy-mode-note { margin:6px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
@media (max-width:700px) { .command-line { grid-template-columns:28px minmax(0,1fr); }.command-line-state,.copy-line-button { grid-column:2; justify-self:start; } }