*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #17161d;--surface: #201f29;--surface-2: #272633;--nav-bg: #121118;--nav-text: #d7d9e3;--nav-muted: #80849a;--nav-border: rgba(172, 175, 196, .14);--nav-hover: rgba(172, 175, 196, .07);--nav-active-bg: rgba(123, 140, 171, .18);--nav-active-text: #c6cfe2;--accent: #3d6756;--accent-strong: #6aa88d;--accent-lt: rgba(61, 103, 86, .32);--on-accent: #eef4f0;--link: #9fb0cf;--success: #5fa887;--warn: #e0a94c;--danger: #e0705a;--text: #e9eaf1;--muted: #9a9db2;--border: rgba(172, 175, 196, .14);--border-strong: rgba(172, 175, 196, .26);--row-hover: #24232e;--row-sel: rgba(61, 103, 86, .22);--code-bg: #111;--code-border: #2a2a2a;--code-text: #e5e5e5;--code-var-filled: #6aa88d;--code-var-secret: #888;--radius: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--tip-bg: #2a2933;--tip-text: #e9eaf1;--tip-border: rgba(106, 168, 141, .3);--space-hair: 2px;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--size-app-header: 56px;--size-app-rail: 56px;--size-app-sidebar: 220px;--size-detail-min: 380px;--size-detail-max: 480px;--notes-width: 460px;--ctrl-pad-y: 7px;--size-step-num: 26px;--font-sans: "Atkinson Hyperlegible Next", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Atkinson Hyperlegible Mono", ui-monospace, monospace;--font-shade: "Shade Mono", "Atkinson Hyperlegible Mono", ui-monospace, monospace;--mono-weight: 450;--text-scale: 1;--text-2xs: calc(12px * var(--text-scale));--text-xs: calc(14px * var(--text-scale));--text-sm: calc(15px * var(--text-scale));--text-base: calc(16px * var(--text-scale));--text-md: calc(18px * var(--text-scale));--text-lg: calc(21px * var(--text-scale));--text-xl: calc(25px * var(--text-scale));--text-2xl: calc(32px * var(--text-scale));--measure: 72ch;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .35);--duration-fast: .12s;--duration-base: .2s;--ease: cubic-bezier(.2, .8, .2, 1)}html[data-theme=light]{color-scheme:light;--bg: #f2f1f6;--surface: #ffffff;--surface-2: #f7f6fa;--nav-bg: #ebeaf1;--nav-text: #2e2d38;--nav-muted: #6f728a;--nav-border: rgba(54, 51, 65, .14);--nav-hover: rgba(54, 51, 65, .05);--nav-active-bg: rgba(123, 140, 171, .16);--nav-active-text: #33405a;--accent: #2f5546;--accent-strong: #345c4c;--accent-lt: rgba(61, 103, 86, .14);--on-accent: #f4f8f5;--link: #4c5f80;--success: #2f6b52;--warn: #976a1c;--danger: #a8402c;--text: #23222c;--muted: #5f6273;--border: rgba(54, 51, 65, .14);--border-strong: rgba(54, 51, 65, .24);--row-hover: #f4f3f8;--row-sel: rgba(47, 85, 70, .1);--shadow: 0 1px 3px rgba(35, 34, 44, .1), 0 1px 2px rgba(35, 34, 44, .06);--tip-bg: #23222c;--tip-text: #f2f1f6;--tip-border: rgba(52, 92, 76, .3);--shadow-sm: 0 1px 2px rgba(35, 34, 44, .08);--shadow-md: 0 4px 12px rgba(35, 34, 44, .12), 0 2px 4px rgba(35, 34, 44, .07);--shadow-lg: 0 8px 24px rgba(35, 34, 44, .16), 0 4px 8px rgba(35, 34, 44, .08)}html[data-code-weight=bold]{--mono-weight: 600}html[data-text-size=small]{--text-scale: .9}html[data-text-size=large]{--text-scale: 1.15}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:1em}@media(max-width:1439px){:root{--size-app-sidebar: 196px;--size-app-header: 48px;--size-detail-min: 340px;--text-2xs: 11px;--text-xs: 13px;--text-sm: 14px;--text-base: 15px;--text-md: 17px;--text-lg: 19px;--text-xl: 22px;--text-2xl: 28px}}h1{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight)}h2{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight)}h3{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug)}h4{font-size:var(--text-md);font-weight:600;line-height:var(--leading-snug)}h5{font-size:var(--text-base);font-weight:600;line-height:var(--leading-normal)}h6{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-normal);color:var(--muted)}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.stack[data-gap=sm]{gap:var(--space-2)}.stack[data-gap=md]{gap:var(--space-4)}.stack[data-gap=lg]{gap:var(--space-5)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.cluster[data-gap=sm]{gap:var(--space-1)}.cluster[data-gap=md]{gap:var(--space-2)}.cluster[data-gap=lg]{gap:var(--space-4)}.row{display:flex;align-items:center;min-width:0}.row>*{min-width:0}.row[data-gap=sm]{gap:var(--space-1)}.row[data-gap=md]{gap:var(--space-2)}.row[data-gap=lg]{gap:var(--space-4)}.inline-icon{display:inline-flex;align-items:center;gap:var(--space-1)}.grid{display:grid;gap:var(--space-4)}.grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.grid[data-cols=auto]{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min, 200px),1fr))}.grow{flex:1;min-width:0}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.list-row{display:grid;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:var(--space-2)}.detail-shell{display:grid;grid-template-columns:1fr var(--size-detail-min);gap:var(--space-4);align-items:start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--ctrl-pad-y) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:var(--text-xs);font-weight:600;line-height:var(--leading-tight);cursor:pointer;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.btn[disabled]{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{border-color:var(--border-strong);background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--nav-hover)}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.badge[hidden]{display:none}.badge{display:inline-flex;align-items:baseline;white-space:nowrap;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--mono-weight)}.badge:before,.badge:after{opacity:.5}.badge:before{content:"[";margin-right:.3em}.badge:after{content:"]";margin-left:.3em}.badge-ok{color:var(--success)}.badge-warn{color:var(--warn)}.badge-danger{color:var(--danger)}.badge-info{color:var(--link)}.alert{--alert-color: var(--danger);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--alert-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--alert-color) 30%,transparent);border-radius:var(--radius-sm)}.alert[hidden]{display:none}.alert-danger{--alert-color: var(--danger)}.alert-warn{--alert-color: var(--warn)}.alert-info{--alert-color: var(--link)}.alert-success{--alert-color: var(--success)}.alert-icon{flex-shrink:0;color:var(--alert-color);font-size:var(--text-sm);line-height:var(--leading-snug)}.alert-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.alert-title{color:var(--text);font-size:var(--text-xs);font-weight:600}.alert-message{color:var(--muted);font-size:var(--text-2xs);line-height:var(--leading-normal);overflow-wrap:anywhere}.alert-detail{padding-top:var(--space-1);border-top:1px dashed color-mix(in srgb,var(--alert-color) 30%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--mono-weight);overflow-wrap:anywhere}.alert-inline{padding:var(--space-1) 0 var(--space-1) var(--space-3);background:none;border:0;border-left:2px solid var(--alert-color);border-radius:0}.alert-banner{padding:var(--space-3) var(--space-6);background:color-mix(in srgb,var(--alert-color) 12%,transparent);border:0;border-bottom:1px solid color-mix(in srgb,var(--alert-color) 35%,transparent);border-radius:var(--radius-md) var(--radius-md) 0 0}.form-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3)}.form-row:has(.form-hint){padding-bottom:var(--space-5)}.form-row .form-field{flex:1 1 180px}.form-row>.btn{align-self:flex-end}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.form-label{color:var(--muted);font-size:var(--text-xs);font-weight:600}.form-optional{color:var(--nav-muted);font-weight:400}.form-hint{position:absolute;top:100%;left:0;margin-top:var(--space-hair);color:var(--nav-muted);font-size:var(--text-2xs)}.text-input,.select-input{width:100%;padding:var(--ctrl-pad-y) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg);color:var(--text);font:inherit;font-size:var(--text-xs);line-height:var(--leading-tight);outline:none;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.select-input{appearance:none;padding-right:var(--space-6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%238b8fa3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:14px 14px}.text-input:focus-visible,.select-input:focus-visible{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-lt)}.form-error{min-height:1.2em;color:var(--danger);font-size:var(--text-2xs)}dialog.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--space-6));max-width:460px;padding:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}dialog.dialog::backdrop{background:#0000008c}.dialog-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-md);font-weight:600}.dialog-body{padding:var(--space-5);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.dialog-input{width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-xs);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border)}body{display:grid;grid-template-columns:var(--size-app-rail) 1fr;grid-template-areas:"rail main";height:100vh;overflow:hidden}.rail{grid-area:rail;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;background:var(--nav-bg);border-right:1px solid var(--nav-border);transition:background var(--duration-fast) var(--ease)}.rail:hover{background:var(--nav-hover)}.rail-hit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--nav-muted);font:inherit;font-size:var(--text-lg);line-height:1;cursor:pointer;transition:color var(--duration-fast) var(--ease)}.rail:hover .rail-hit,.rail-hit:focus-visible{color:var(--nav-text)}.rail-hit:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}.rail-brand{position:relative;z-index:1;font-size:var(--text-lg);line-height:1;text-decoration:none}.book-mark{display:inline-flex;font-family:var(--font-shade);font-weight:400;line-height:1}.book-page-a{color:var(--accent)}.book-page-b{color:var(--accent-strong)}.sidebar{position:fixed;inset-block:0;left:0;width:var(--size-app-sidebar);max-width:92vw;z-index:40;transform:translate(-100%);transition:transform var(--duration-base) var(--ease);background:var(--nav-bg);border-right:1px solid var(--nav-border);display:flex;flex-direction:column;overflow-y:auto;padding:var(--space-5) 0 var(--space-5);box-shadow:var(--shadow-lg)}body[data-drawer=sidebar] .sidebar{transform:none}.drawer-scrim{display:none;position:fixed;inset:0;z-index:30;background:#00000080}body[data-drawer] .drawer-scrim{display:block}.drawer-close{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:var(--text-sm);cursor:pointer}.drawer-close:hover{background:var(--nav-hover);color:var(--text)}.sidebar .drawer-close{display:inline-flex}.sidebar-close{position:absolute;top:var(--space-3);right:var(--space-3)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4) var(--space-5);border-bottom:1px solid var(--nav-border);margin-bottom:var(--space-3);text-decoration:none}.wordmark{font-size:var(--text-md);font-weight:700;letter-spacing:-.01em;color:var(--nav-text)}.wordmark-run{color:var(--accent-strong)}.nav-system{font-size:var(--text-sm);font-weight:700;color:var(--nav-text);letter-spacing:.01em;border-top:1px solid var(--nav-border);margin-top:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-1)}.sidebar-logo+.nav-system{border-top:none;margin-top:0;padding-top:0}.nav-section{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--nav-muted);padding:var(--space-3) var(--space-4) var(--space-1)}.nav-filter{position:relative;padding:var(--space-3) var(--space-3) var(--space-2)}.nav-filter-input{width:100%;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);font:inherit;font-size:var(--text-2xs);color:var(--nav-text);background:var(--surface);border:1px solid var(--nav-border);border-radius:var(--radius-sm);outline:none}.nav-filter-input::placeholder{color:var(--nav-muted)}.nav-filter-input:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-lt)}.nav-filter-input::-webkit-search-cancel-button{display:none}.nav-filter-key{position:absolute;top:calc(50% - var(--space-hair));right:var(--space-4);transform:translateY(-50%);padding:0 var(--space-1);border:1px solid var(--nav-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-2xs);color:var(--nav-muted);pointer-events:none}.nav-filter-clear{pointer-events:auto;background:transparent;cursor:pointer}.nav-filter-clear:hover{border-color:var(--border-strong);color:var(--nav-text)}.nav-results{padding:var(--space-2) var(--space-4);font-size:var(--text-2xs);color:var(--nav-muted)}.nav-tree{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-4)}.nav-sys,.nav-cat{display:flex;flex-direction:column}.nav-sys+.nav-sys{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--nav-border)}.nav-sys:not(.open) .nav-sys-body,.nav-cat:not(.open) .nav-cat-body{display:none}.nav-sys[hidden],.nav-cat[hidden],.nav-links a[hidden]{display:none}.nav-row{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--nav-text);font:inherit;text-align:left;cursor:pointer}.nav-row:hover{background:var(--nav-hover)}.nav-chev{flex-shrink:0;width:9px;font-size:var(--text-2xs);line-height:1;color:var(--nav-muted);transition:transform var(--duration-fast) var(--ease)}.nav-sys.open>.nav-row>.nav-chev,.nav-cat.open>.nav-row>.nav-chev{transform:rotate(90deg)}.nav-sys-name{font-size:var(--text-xs);font-weight:700;letter-spacing:.01em}.nav-cat-name{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--nav-muted)}.nav-cat.open>.nav-row>.nav-cat-name{color:var(--nav-text)}.nav-count{margin-left:auto;font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-2xs);color:var(--nav-muted)}.nav-count:before{content:"[";margin-right:.15em;opacity:.5}.nav-count:after{content:"]";margin-left:.15em;opacity:.5}.nav-sys-body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0 var(--space-2)}.nav-cat-body{display:flex;flex-direction:column;gap:var(--space-hair)}.nav-links{display:flex;flex-direction:column;gap:var(--space-hair);margin:0 0 var(--space-1) calc(var(--space-3) + var(--space-4));padding:0 0 var(--space-1) var(--space-3);border-left:1px solid var(--nav-border)}.sidebar nav:not(.nav-links){display:flex;flex-direction:column;gap:var(--space-hair);padding:0 var(--space-2)}.nav-links a,.sidebar nav:not(.nav-links) a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--nav-text);text-decoration:none;transition:background var(--duration-fast) var(--ease)}nav a:hover{background:var(--nav-hover)}nav a.active{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:500}.main{position:relative;grid-area:main;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:1440px;margin-inline:auto}.main-header{position:relative;padding:var(--space-4) var(--space-6) var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0}.notes-toggle{margin-left:auto;flex-shrink:0}.notes-toggle-glyph{font-family:var(--font-mono);font-weight:var(--mono-weight);color:var(--muted)}body.notes-hidden .notes-panel{transform:translate(100%);opacity:0;visibility:hidden;transition:transform var(--duration-base) var(--ease),opacity var(--duration-base) var(--ease),visibility 0s linear var(--duration-base)}.main-header h1{font-size:var(--text-lg);line-height:var(--leading-tight)}.main-header p{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-1);line-height:var(--leading-normal)}.content{flex:1;overflow-y:auto;padding:var(--space-6);scroll-padding-top:var(--space-6)}.session-actions{padding:var(--space-2) var(--space-2) var(--space-3)}.session-actions button{display:flex;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--nav-text);font:inherit;font-size:var(--text-xs);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease)}.session-actions button:hover{background:var(--nav-hover)}.vars-panel{flex:1;min-width:0}.vars-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-5)}.var-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:150px}.var-label-row{display:flex;align-items:center;gap:var(--space-2)}.var-label{font-size:var(--text-2xs);font-weight:600;color:var(--muted)}.var-input{width:100%;padding:var(--space-1) var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-family:var(--font-mono);font-weight:var(--mono-weight);color:var(--text);outline:none;transition:border-color var(--duration-fast)}.var-input:focus{border-color:var(--accent-strong);box-shadow:0 0 0 2px #6aa88d33}.vars-summary{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:0;border:none;background:transparent;color:var(--muted);font:inherit;font-size:var(--text-2xs);line-height:var(--leading-tight);text-align:left;cursor:pointer}.vars-summary-caret{color:var(--muted)}.vars-summary-title{font-weight:600;color:var(--text)}.vars-summary-list{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono)}.vars-summary-set{color:var(--warn);white-space:nowrap}.vars-summary-edit{flex-shrink:0}dialog.vars-editor{position:fixed;inset-block:0;inset-inline:auto 0;width:var(--size-detail-max);max-width:92vw;height:100dvh;max-height:none;margin:0;padding:0;border:none;border-left:1px solid var(--border-strong);border-radius:0;background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);flex-direction:column}dialog.vars-editor[open]{display:flex}dialog.vars-editor::backdrop{background:#00000080}.vars-editor-head{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.vars-editor-title{font-size:var(--text-sm);font-weight:600}.vars-editor-set{color:var(--warn);font-family:var(--font-mono)}.vars-editor-head .drawer-close{margin-left:auto}.vars-editor-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2) var(--space-5) var(--space-5)}.vars-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-shrink:0;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2)}.vars-table{width:100%;border-collapse:collapse}.vars-table thead th{position:sticky;top:0;z-index:1;padding:var(--space-3) var(--space-2) var(--space-2);background:var(--surface);text-align:left;font-size:var(--text-2xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.vars-table-flag{width:22px;padding-inline:0}.vars-table-value{width:58%}.vars-table tbody tr{border-top:1px solid var(--border)}.vars-table td{padding:var(--space-2);vertical-align:middle}.vars-dot{display:block;width:7px;height:7px;border-radius:50%;border:1px solid var(--border-strong)}.vars-table tr.is-set .vars-dot{background:var(--accent-strong);border-color:var(--accent-strong)}.vars-table-label{font-size:var(--text-2xs);font-weight:600;line-height:var(--leading-snug);color:var(--muted)}.vars-table tr.is-set .vars-table-label{color:var(--text)}.vars-table-name{margin-right:var(--space-1)}.hint-btn{width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:11px;font-weight:700;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.hint-btn:hover,.hint-btn.active{background:var(--accent-lt);border-color:var(--accent-strong);color:var(--accent-strong)}.hint-popup{position:fixed;z-index:200;width:440px;max-width:calc(100vw - var(--space-4));background:#111;border:1px solid #2a2a2a;border-radius:var(--radius-md);box-shadow:0 8px 24px #0006;padding:var(--space-3) var(--space-4);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s}.hint-popup.open{visibility:visible;opacity:1;pointer-events:auto}.hint-popup-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#555;margin-bottom:var(--space-2)}.hint-popup pre{font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-2xs);line-height:1.6;color:#e5e5e5;white-space:pre-wrap;word-break:break-all}.glossary-term{text-decoration:underline dotted;text-decoration-color:var(--border-strong);text-underline-offset:2px;cursor:help}.glossary-term:hover,.glossary-term:focus-visible{text-decoration-color:var(--accent-strong)}.glossary-term:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.glossary-popup{position:fixed;z-index:200;width:360px;max-width:calc(100vw - var(--space-4));background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}.glossary-popup.open{visibility:visible;opacity:1;pointer-events:auto}.glossary-popup-term{margin:0 0 var(--space-1);font-weight:700;color:var(--text)}.glossary-popup-exp{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--accent-strong)}.glossary-popup-desc{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--muted)}.glossary-popup-link{display:inline-block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--accent-strong)}.notes-panel{position:fixed;inset-block:0;right:0;width:var(--notes-width);max-width:92vw;z-index:40;border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;background:var(--nav-bg);box-shadow:var(--shadow-lg);transition:transform var(--duration-base) var(--ease),opacity var(--duration-base) var(--ease),visibility 0s linear 0s}.notes-panel .drawer-close{display:inline-flex}.notes-resize{position:absolute;left:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10}.notes-resize:hover,body.resizing-notes .notes-resize{background:var(--accent);opacity:.5}body.resizing-notes{cursor:col-resize;user-select:none}body.notes-dismiss-armed .notes-resize{background:var(--accent-strong);opacity:.9}.notes-panel:before{content:"";position:absolute;inset:0;background:#00000047;opacity:0;pointer-events:none;z-index:4;transition:opacity var(--duration-fast) var(--ease)}body.notes-dismiss-armed .notes-panel:before{opacity:1}.notes-dismiss-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;margin:0;padding:var(--space-2) var(--space-4);background:var(--tip-bg);color:var(--tip-text);border:1px solid var(--tip-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-2xs);font-weight:600;text-align:center;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast) var(--ease),visibility 0s linear var(--duration-fast)}body.notes-dismiss-armed .notes-dismiss-hint{opacity:1;visibility:visible;transition:opacity var(--duration-fast) var(--ease),visibility 0s linear 0s}.notes-header{border-bottom:1px solid var(--nav-border);flex-shrink:0;position:relative}.notes-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.notes-row+.notes-row{border-top:1px solid var(--nav-border)}.notes-row-end,.notes-overflow{display:flex;align-items:center;gap:var(--space-1);position:relative}.notes-compose{display:flex;align-items:center;gap:var(--space-hair);min-width:0}.notes-tool{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:none;color:var(--nav-muted);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-2xs);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast)}.notes-tool:hover,.notes-tool[aria-expanded=true]{background:var(--nav-hover);color:var(--text)}.notes-tool-icon{display:block}.notes-tool-sep{width:var(--space-2);flex-shrink:0}.notes-menu{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:168px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);z-index:20}.notes-menu[hidden]{display:none}.notes-menu button{display:flex;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;background:none;color:var(--text);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-2xs);cursor:pointer}.notes-menu button:hover{background:var(--nav-hover)}.notes-menu-danger{color:var(--danger)}.notes-menu-sep{height:1px;background:var(--border);margin:var(--space-1) 0}.notes-cheatsheet{position:absolute;top:calc(100% + var(--space-1));left:var(--space-3);width:min(322px,calc(100% - var(--space-5)));background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3);z-index:20}.notes-cheatsheet[hidden]{display:none}.notes-cheatsheet-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;margin-bottom:var(--space-2)}.notes-cheatsheet-list{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);align-items:baseline}.notes-cheatsheet-list dt{font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-2xs);color:var(--text);white-space:nowrap}.notes-cheatsheet-list dd{font-size:var(--text-2xs);color:var(--muted)}.notes-cheatsheet-tip{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--text-2xs);color:var(--muted)}.notes-panel[data-mode=preview] .notes-row-compose{display:none}.notes-record{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-2xs);color:var(--nav-muted);cursor:pointer;white-space:nowrap;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.notes-record:hover{color:var(--text);background:var(--nav-hover)}.notes-record input{margin:0;accent-color:var(--accent)}.notes-sync:disabled,.notes-sync.loading{opacity:.4;cursor:default;pointer-events:none}.notes-textarea{flex:1;width:100%;resize:none;border:none;outline:none;padding:var(--space-3) var(--space-4);background:transparent;color:var(--text);font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-2xs);line-height:1.7;caret-color:var(--accent)}.notes-textarea::placeholder{color:var(--nav-muted);font-style:italic}.notes-preview{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);color:var(--text);font-size:var(--text-xs);line-height:1.7}.notes-preview a{color:var(--link)}.notes-preview a:hover{color:var(--accent-strong)}.notes-preview h1,.notes-preview h2,.notes-preview h3,.notes-preview h4{font-weight:600;margin:var(--space-4) 0 var(--space-2);line-height:1.3}.notes-preview h1{font-size:var(--text-base)}.notes-preview h2{font-size:var(--text-sm)}.notes-preview h3,.notes-preview h4{font-size:var(--text-xs)}.notes-preview p{margin:var(--space-2) 0}.notes-preview code{font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-2xs);background:#80808026;padding:var(--space-hair) var(--space-1);border-radius:3px}.notes-preview pre{background:#111;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto;margin:var(--space-2) 0}.notes-preview pre code{background:none;padding:0}.notes-preview img{max-width:100%;display:block;margin:var(--space-2) 0;border-radius:var(--radius-sm);border:1px solid var(--border)}.notes-preview ul,.notes-preview ol{margin:var(--space-2) 0;padding-left:var(--space-5)}.notes-preview li{margin:var(--space-1) 0}.notes-preview blockquote{border-left:3px solid var(--border);margin:var(--space-2) 0;padding-left:var(--space-3);color:var(--muted)}.notes-preview hr{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.notes-preview table{border-collapse:collapse;width:100%;margin:var(--space-2) 0;font-size:var(--text-2xs)}.notes-preview th,.notes-preview td{border:1px solid var(--border);padding:var(--space-1) var(--space-2);text-align:left}.notes-preview th{background:#8080801a;font-weight:600}.notes-tabs{display:flex;gap:var(--space-hair)}.notes-tab{font-size:var(--text-2xs);color:var(--nav-muted);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast)}.notes-tab:hover,.notes-tab.active{color:var(--text);background:var(--nav-hover)}.notes-sync-toast[hidden]{display:none}.notes-sync-toast{position:absolute;bottom:var(--space-3);left:var(--space-3);right:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-2xs);display:flex;align-items:center;gap:var(--space-2);z-index:10}.notes-sync-toast--success{background:var(--accent-lt);color:var(--nav-active-text);border:1px solid var(--accent)}.notes-sync-toast--error{background:#ef44440f;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.notes-sync-toast--pending{background:var(--surface);color:var(--muted);border:1px solid var(--border-strong)}.notes-sync-toast--pending:before{content:"";flex:none;width:var(--space-3);height:var(--space-3);border:2px solid var(--border-strong);border-top-color:var(--muted);border-radius:50%;animation:notes-sync-spin .7s linear infinite}@keyframes notes-sync-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.notes-sync-toast--pending:before{animation:none}}.notes-sync-toast-msg{flex:1}.notes-sync-toast-close{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;font-size:12px;padding:var(--space-hair);line-height:1}.notes-sync-toast-close:hover{opacity:1}.appearance{position:fixed;left:calc(var(--size-app-rail) + var(--space-3));bottom:var(--space-3);width:236px;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:60}.appearance[hidden]{display:none}.appearance-title{margin:0 0 var(--space-hair);padding-bottom:var(--space-2);border-bottom:1px solid var(--nav-border);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.appearance-label{margin:0 0 var(--space-1);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.theme-row,.weight-row,.size-row,.steps-row{display:flex;gap:var(--space-hair)}.theme-btn,.weight-btn,.size-btn,.steps-btn{flex:1;padding:var(--space-1) 0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--nav-muted);font-size:var(--text-2xs);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.theme-btn:hover,.weight-btn:hover,.size-btn:hover,.steps-btn:hover{background:var(--nav-hover);color:var(--nav-text)}.theme-btn.active,.weight-btn.active,.size-btn.active,.steps-btn.active{background:var(--surface);color:var(--nav-text);font-weight:500;box-shadow:var(--shadow-sm)}body[data-drawer=sidebar] .appearance{left:calc(var(--size-app-sidebar) + var(--space-3))}.rail-appearance{position:absolute;bottom:var(--space-3);left:0;right:0;display:flex;justify-content:center;z-index:1}.rail-cog{width:30px;height:30px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--nav-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.rail-cog:hover,.rail-cog[aria-expanded=true]{background:var(--nav-hover);color:var(--nav-text)}.rail-cog:focus-visible{outline:2px solid var(--accent-strong);outline-offset:-2px}.rail-cog-icon{display:block;flex-shrink:0}.sidebar-appearance{margin-top:auto;border-top:1px solid var(--nav-border);padding:var(--space-2)}.sidebar-appearance .rail-cog{width:100%;justify-content:flex-start;padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-2xs);color:var(--nav-text)}.toc{max-width:1440px;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.toc-label{margin:0 0 var(--space-2);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.toc-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.toc-list a{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);color:var(--text);text-decoration:none}.toc-list a:hover{color:var(--accent-strong)}.toc-num{min-width:1.5em;font-size:var(--text-2xs);color:var(--muted);font-variant-numeric:tabular-nums}.step-controls{display:flex;align-items:center;gap:var(--space-2);max-width:1440px;margin-bottom:var(--space-3)}.step-controls .spacer{flex:1}.step-controls button{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:var(--text-2xs);cursor:pointer}.step-controls button:hover{border-color:var(--border-strong);color:var(--text)}.step-controls .contents-btn.active{border-color:var(--accent-strong);color:var(--text);background:var(--accent-lt)}.step-card .step-header{cursor:pointer}.step-toggle{padding:0;border:none;background:transparent;color:var(--muted);font-size:var(--text-xs);line-height:1;cursor:pointer;transition:transform var(--duration-fast) var(--ease)}.step-card.collapsed .step-toggle{transform:rotate(-90deg)}.step-card.collapsed{box-shadow:none}.step-card.collapsed .step-header{border-bottom:none}.step-card.collapsed .step-body{display:none}.step-preview{display:none;margin:0;padding:0 var(--space-5) var(--space-4) calc(var(--space-5) + var(--size-step-num) + var(--space-3));color:var(--muted);font-size:var(--text-sm)}.step-card.collapsed .step-preview{display:block}.runbook-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;scroll-padding-top:var(--space-6)}.runbook-scroll .content{flex:0 0 auto;overflow:visible}.runbook-bar{display:flex;align-items:center;gap:var(--space-3);position:sticky;top:0;z-index:2;padding:var(--space-2) var(--space-6);background:var(--bg);border-bottom:1px solid var(--border)}.runbook-bar .vars-panel{flex:1;min-width:0;padding:0;border-bottom:none;background:transparent}.zen-bar{display:none;align-items:center;gap:var(--space-3);max-width:1440px;padding:var(--space-3) var(--space-5);margin-bottom:var(--space-4);border-bottom:1px solid var(--border)}.zen-bar .spacer{flex:1}.zen-title{font-weight:600;color:var(--text)}.zen-count{font-size:var(--text-2xs);color:var(--muted)}.zen-bar button{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:var(--text-2xs);cursor:pointer}.zen-bar button:hover{border-color:var(--border-strong);color:var(--text)}body.zen{grid-template-columns:1fr;grid-template-areas:"main"}body.zen .rail,body.zen .sidebar,body.zen .notes-panel,body.zen .notes-toggle,body.zen .main-header,body.zen .toc,body.zen .step-controls,body.zen #rollback{display:none}body.zen .zen-bar{display:flex}.steps{display:flex;flex-direction:column;gap:var(--space-4);max-width:1440px}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.step-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.step-num{width:var(--size-step-num);height:var(--size-step-num);border-radius:50%;background:var(--accent-lt);color:var(--nav-active-text);font-size:var(--text-2xs);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-check{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--border);background:transparent;color:transparent;font-size:var(--text-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.step-check:hover{border-color:var(--accent-strong);background:#6aa88d1a;color:var(--accent-strong);box-shadow:0 0 0 4px #6aa88d1f}.step-card.done{border-color:#6aa88d59}.step-card.done .step-check{background:var(--accent);border-color:var(--accent-strong);color:#fff;box-shadow:0 0 0 4px #6aa88d26}.step-card.done .step-title{text-decoration:line-through;color:var(--muted)}.step-card.done .step-body{opacity:.45;transition:opacity var(--duration-fast)}.step-title{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-snug)}.step-body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.step-body p{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal)}.step-subheading{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-top:var(--space-2)}.section{padding-top:var(--space-5);border-top:1px solid var(--border)}.section:first-child{border-top:0;padding-top:0}.section-title{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug)}.section-body,.section-lead{display:flex;flex-direction:column;gap:var(--space-3)}.section-body{padding-top:var(--space-3)}.section-lead{padding-bottom:var(--space-4)}.section-body p,.section-lead p{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal)}.step-body p,.section-lead p,.section-body p,.prose-list{max-width:var(--measure)}.page-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.page-nav a{display:flex;flex-direction:column;gap:var(--space-hair);text-decoration:none}.page-nav-next{margin-left:auto;text-align:right}.page-nav-dir{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.page-nav-title{font-size:var(--text-sm);color:var(--link)}.prose-list{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.prose-list li{font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal)}.section-label{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:var(--space-6);margin-bottom:var(--space-3)}.rollback-card{background:#ef44440a;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);overflow:hidden}.rollback-card .step-header{background:#ef44440d;border-bottom-color:#ef444426}.rollback-card .step-num{background:#ef44441a;color:var(--danger)}#rollback .step-card+.step-card{margin-top:var(--space-4)}.runbook-tags{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-2)}.code-group{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);overflow:hidden}.code-group .code-block{background:transparent;border:none;border-radius:0}.code-block{position:relative;background:var(--code-bg);border-radius:var(--radius-md);border:1px solid var(--code-border)}.code-block pre{padding:var(--space-4);padding-right:var(--space-7);overflow-x:auto}.code-block code{font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-2xs);line-height:1.7;color:var(--code-text);white-space:pre}.code-block .var-placeholder,.code-block .var-placeholder *{color:#f87171!important;background:#f8717126;border-radius:3px;padding:0 var(--space-1);font-style:italic}.code-block .var-filled{color:var(--code-var-filled);background:#6aa88d1f;border-radius:3px;padding:0 var(--space-1)}.code-block .var-secret{color:var(--code-var-secret);background:#80808026;border-radius:3px;padding:0 var(--space-1);letter-spacing:.1em}.code-label-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--code-border)}.code-label-tick{color:var(--accent-strong);font-family:var(--font-mono);font-weight:var(--mono-weight);line-height:1}.code-label{margin-right:auto;font-size:13px;font-weight:600;color:var(--code-text)}.block-check{width:22px;height:22px;border-radius:var(--radius-sm);border:1.5px solid #444;background:transparent;color:transparent;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.block-check:hover{border-color:var(--accent-strong);color:var(--accent-strong);box-shadow:0 0 0 3px #6aa88d26}.code-group.done .block-check{background:var(--accent);border-color:var(--accent-strong);color:#fff}.code-group.done .code-label{text-decoration:line-through;opacity:.5}.code-group.done .code-block{opacity:.35}.hljs-keyword,.hljs-operator,.hljs-reserved{color:#c678dd}.hljs-string,.hljs-doctag{color:#98c379}.hljs-number,.hljs-literal{color:#d19a66}.hljs-comment{color:#5c6370;font-style:italic}.hljs-title,.hljs-function{color:#61aeee}.hljs-variable,.hljs-attr{color:#e5c07b}.hljs-built_in,.hljs-meta{color:#e06c75}.hljs-type,.hljs-name{color:#56b6c2}.var-filled{color:#e5e5e5}.copy-btn{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);background:#1f1f1f;border:1px solid #333;border-radius:var(--radius-sm);color:#888;font-size:11px;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);white-space:nowrap}.copy-btn:hover{background:#2a2a2a;color:#e5e5e5}.copy-btn.copied{color:var(--code-var-filled);border-color:#6aa88d4d}.runbook-notice{display:flex;gap:var(--space-3);align-items:flex-start;margin:var(--space-3) var(--space-6) 0;padding:var(--space-2) var(--space-4);background:#ef444412;border:1px solid rgba(239,68,68,.2);border-left:4px solid var(--danger);border-radius:var(--radius-sm);flex-shrink:0}.runbook-notice-icon{font-size:var(--text-base);line-height:1.3;color:var(--danger);flex-shrink:0}.runbook-notice p{font-size:var(--text-xs);font-weight:500;line-height:var(--leading-normal);color:var(--text)}.notice{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#3b82f60f;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text);line-height:var(--leading-normal)}.notice p,.notice li{font-size:inherit;line-height:inherit;color:inherit}.notice ul{padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.notice-warn{background:#f59e0b0f;border-color:#f59e0b40}.notice-danger{background:#ef44440f;border-color:#ef444440}.notice-branch{background:#7c6af70f;border-color:#7c6af740;flex-direction:column;gap:var(--space-1)}.notice-branch ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.notice-branch li{position:relative;padding-left:var(--space-4)}.notice-branch li:before{content:"\2192";color:#7c6af7a6;position:absolute;left:0}.notice-branch a{color:#7c6af7e6;text-decoration:underline;text-underline-offset:2px}.notice-branch a:hover{color:#7c6af7}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:var(--text-xs);line-height:var(--leading-normal)}.table-wrap th,.table-wrap td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.table-wrap th{font-weight:600;color:var(--muted);border-bottom-width:2px;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:none}.table-wrap td code{white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.runbook-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.runbook-card:hover{border-color:var(--accent-strong);box-shadow:var(--shadow-md)}.card-title{font-size:var(--text-xs);font-weight:600;line-height:var(--leading-snug)}.card-desc{font-size:var(--text-2xs);color:var(--muted);line-height:var(--leading-normal)}.index-inner{max-width:1040px;margin:0 auto}.search-hub{margin-top:var(--space-6);padding:var(--space-5);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.search-hub-title{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight)}.search-hub-sub{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.search-field{position:relative;display:flex;align-items:center;margin-top:var(--space-4)}.search-icon{position:absolute;left:var(--space-4);display:flex;color:var(--muted);pointer-events:none}.search-icon svg{width:20px;height:20px}.index-search{width:100%;padding:var(--space-3) var(--space-7) var(--space-3) calc(var(--space-4) + var(--space-6));font:inherit;font-size:var(--text-md);color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.index-search::placeholder{color:var(--muted)}.index-search:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-lt)}.index-search::-webkit-search-cancel-button{display:none}.search-key{position:absolute;right:var(--space-4);padding:0 var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-xs);color:var(--muted);pointer-events:none}.search-clear{pointer-events:auto;background:transparent;cursor:pointer}.search-clear:hover{border-color:var(--border-strong);color:var(--text)}.search-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.search-chips-label{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:var(--space-1)}.search-chip{font-size:var(--text-xs);color:var(--link);text-decoration:none;border-bottom:1px dotted var(--border-strong)}.search-chip:hover{color:var(--accent-strong);border-bottom-color:var(--accent-strong)}.index-system{font-size:var(--text-md);margin-top:var(--space-6);margin-bottom:var(--space-2)}.index-category{margin-top:var(--space-5)}.index-category-label{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:var(--space-2)}.index-results{margin-top:var(--space-6)}.index-results-empty{color:var(--muted);font-size:var(--text-sm)}.search-result-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.search-result-link{display:block;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.search-result-link:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.search-result-title{display:block;font-weight:600;color:var(--link)}.search-result-link:hover .search-result-title{color:var(--accent-strong)}.search-result-meta{display:block;margin-top:var(--space-1);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.search-result-snippet{display:block;margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--muted)}.search-result-snippet mark{padding:0 var(--space-hair);background:var(--accent-lt);border-radius:var(--radius-sm);color:var(--text)}.index-welcome{margin-top:var(--space-6);padding:var(--space-6);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.index-welcome-title{margin-bottom:var(--space-2);color:var(--text);font-size:var(--text-md);font-weight:600}.index-welcome code{padding:.1em .35em;background:var(--nav-hover);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:.9em;color:var(--text)}.index-shelf{margin-top:var(--space-6);padding:var(--space-5);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-2xl);color:var(--code-text)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,13ch);column-gap:var(--space-6);row-gap:var(--space-5);justify-content:start;font-family:var(--font-shade)}.shelf-bookcase{display:flex;flex-direction:column}.shelf-line,.shelf{display:flex;line-height:1.2}.shelf-corner,.shelf-rule,.shelf-wall,.shelf-pad{flex:0 0 1ch;width:1ch;text-align:center}.shelf-corner,.shelf-wall{color:var(--code-text);opacity:.5}.shelf-rule{color:var(--code-text);opacity:.3}.shelf-books{display:flex;flex:0 0 10ch}.shelf-book,.shelf-empty{position:relative;display:inline-block;flex:0 0 2ch;width:2ch;text-align:left}.shelf-book{color:var(--code-text);text-decoration:none}.shelf-spine{display:inline-block;width:1ch;text-align:center;border-radius:var(--radius-sm)}.shelf-book:hover .shelf-spine,.shelf-book:focus-visible .shelf-spine{background:var(--code-var-filled);color:var(--code-bg)}.shelf-book:focus-visible{outline:none}.shelf-tip{position:absolute;left:0;bottom:calc(100% + var(--space-2));z-index:20;display:none;min-width:12rem;max-width:18rem;padding:var(--space-2) var(--space-3);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);white-space:normal;pointer-events:none;font-family:var(--font-mono)}.shelf-book:hover .shelf-tip,.shelf-book:focus-visible .shelf-tip{display:block}.shelf-tip-title{display:block;font-size:var(--text-2xs);color:var(--code-text)}.shelf-tip-meta{display:block;margin-top:var(--space-hair);font-size:var(--text-2xs);color:var(--code-text);opacity:.6}.shelf-tip-dewey{display:block;margin-top:var(--space-1);font-size:var(--text-2xs);color:var(--code-var-filled)}.shelf-count{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--code-border);font-size:var(--text-xs);color:var(--code-text);opacity:.6}.runbook-card[hidden],.index-group[hidden],.index-category[hidden],.search-chips[hidden],.index-results[hidden],.index-shelf[hidden],.index-catalogue[hidden]{display:none}.auth-main{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6)}.auth-card{width:100%;max-width:380px;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.auth-card>.alert-banner{margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-5)}.auth-card>.alert-banner+.auth-lede{margin-bottom:0}.auth-title{margin-bottom:var(--space-2);font-size:var(--text-lg)}.auth-lede{margin-bottom:var(--space-5);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.auth-lede code{padding:.1em .35em;background:var(--nav-hover);border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:.9em}.auth-status{margin-top:var(--space-4);color:var(--muted);font-size:var(--text-xs)}.auth-status[hidden]{display:none}.admin-inner{max-width:1160px;margin-inline:auto}.admin-card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.admin-result{display:flex;align-items:center;gap:var(--space-2)}.admin-result[hidden]{display:none}.admin-url{flex:1;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-weight:var(--mono-weight);font-size:var(--text-xs);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.admin-actions{display:flex;gap:var(--space-2);white-space:nowrap}.audit-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}.audit-pager{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.audit-from{color:var(--muted);font-size:var(--text-xs)}.account-inner{max-width:1160px;margin-inline:auto}.account-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.account-card-head .section-label{margin:0}.account-passkey-label{width:100%;min-width:12ch}.account-device{display:flex;align-items:center;gap:var(--space-1)}.account-note{margin-bottom:var(--space-2);color:var(--nav-muted);font-size:var(--text-2xs)}.apikey-reveal{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.apikey-reveal .account-note{margin-bottom:var(--space-2)}.apikey-value{display:flex;align-items:center;gap:var(--space-2)}.apikey-value code{flex:1 1 auto;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--code-border);border-radius:var(--radius-sm);background:var(--code-bg);color:var(--code-text);font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}@media(max-width:1199.98px){.notes-panel,body.notes-hidden .notes-panel{display:flex;position:fixed;inset-block:0;right:0;width:460px;max-width:92vw;z-index:40;transform:translate(100%);transition:transform var(--duration-base) var(--ease);box-shadow:var(--shadow-lg)}body[data-drawer=notes] .notes-panel{transform:none}.notes-panel .drawer-close{display:inline-flex}}@media(max-width:639.98px){dialog.vars-editor{inset-inline:0;width:100vw;max-width:100vw;border-left:none}.vars-table thead{display:none}.vars-table,.vars-table tbody,.vars-table tr,.vars-table td{display:block}.vars-table tbody tr{padding:var(--space-4) 0}.vars-table td{padding:0}.vars-table-flag{display:none}.vars-table-value{width:auto}.vars-table-name{display:inline-block;margin-bottom:var(--space-1)}}@media print{body{display:block!important}.rail,.sidebar,.main{display:none!important}.notes-panel{position:static!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;overflow:visible!important;border:none!important;box-shadow:none!important}.notes-resize,.notes-header,.notes-textarea,.notes-preview[hidden]{display:none!important}.notes-preview{height:auto!important;overflow:visible!important;padding:0!important;font-size:11pt!important}.notes-preview img{max-width:100%!important;break-inside:avoid}}@media(prefers-reduced-motion:reduce){body,.notes-panel,body.notes-hidden .notes-panel,.notes-dismiss-hint,.notes-panel:before{transition:none}}.sg-inner{max-width:1160px;margin-inline:auto}.sg-heading{margin-top:var(--space-7);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:var(--text-xl)}.sg-section{margin-top:var(--space-6)}.sg-section>h3{margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg)}.sg-section>p{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--text-sm)}.sg-atom{white-space:nowrap;color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--mono-weight)}.sg-atom:before,.sg-atom:after{opacity:.5}.sg-atom:before{content:"[";margin-right:.3em}.sg-atom:after{content:"]";margin-left:.3em}.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-3)}.sg-swatch{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sg-swatch .chip{height:60px}.sg-swatch .meta{padding:var(--space-2) var(--space-3);color:var(--muted);font-size:var(--text-2xs)}.sg-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.sg-stack{display:flex;flex-direction:column;gap:var(--space-3)}.sg-specimen{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.sg-mono{font-family:var(--font-mono);font-weight:var(--mono-weight)}.sg-swatch code,.sg-row code{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.sg-bar{height:12px;background:var(--accent);border-radius:3px}.sg-box{width:96px;height:44px;background:var(--accent-lt);border:1px solid color-mix(in srgb,var(--accent-strong) 35%,transparent);border-radius:var(--radius-sm)}.sg-primitives{gap:var(--space-4)}.sg-primitive{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.sg-primitive-head{display:flex;align-items:baseline;gap:var(--space-3)}.sg-primitive-head code{color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--mono-weight)}.sg-primitive-head span{color:var(--muted);font-size:var(--text-2xs)}.sg-sidebar{width:240px;background:var(--nav-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.sg-appearance-panel{position:static;margin-top:var(--space-4)}.sg-tile{padding:var(--space-3) var(--space-4);background:var(--accent-lt);border:1px solid color-mix(in srgb,var(--accent-strong) 35%,transparent);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-xs)}