@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=light]{--primary: #1a65cc;--primary-hover: #144fa1;--primary-emphasis: #2b7de9;--primary-subtle: #ebf1fd;--primary-border: #8db6f2;--primary-fg: #ffffff;--primary-solid: #1a65cc;--primary-solid-hover: #144fa1;--primary-solid-fg: #ffffff;--bg: #f4f6fa;--fg: #1b1b20;--surface: #ffffff;--surface-elevated: #ffffff;--surface-inset: #e6e9ef;--card: #ffffff;--card-translucent: #ffffff;--popover: #ffffff;--secondary: #eef0f4;--muted: #dde1e9;--muted-fg: #5a5d68;--subtle-fg: #717786;--accent: #eef0f4;--hover: #eef0f4;--ok: #1e8a4e;--ok-subtle: #e6f5ec;--warn: #d49b2a;--warn-subtle: #fdf4e0;--destructive: #cc3333;--destructive-fg: #ffffff;--destructive-subtle: #fde8e8;--destructive-text: #b32d2d;--info: #0e7490;--info-subtle: #dcf7fd;--border-subtle: #e6e9ef;--border: #dce0e8;--border-strong: #a8aebd;--border-soft: #e6e9ef;--ring: #2b7de9;--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 9999px;--shadow-xs: 0 1px 2px 0 rgb(27 27 32 / .05);--shadow-sm: 0 1px 3px 0 rgb(27 27 32 / .08), 0 1px 2px -1px rgb(27 27 32 / .06);--shadow-md: 0 4px 12px -2px rgb(27 27 32 / .08), 0 2px 4px -2px rgb(27 27 32 / .05);--shadow-lg: 0 16px 32px -8px rgb(27 27 32 / .12), 0 6px 12px -6px rgb(27 27 32 / .08);--shadow-card: var(--shadow-xs);--shadow-focus: 0 0 0 3px color-mix(in oklab, var(--ring) 22%, transparent);--glass-bg: rgb(255 255 255 / .72);--glass-border: rgb(255 255 255 / .64);--glass-blur: saturate(170%) blur(28px);--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:light}[data-theme=dark]{--primary: #8db6f2;--primary-hover: #b5d1f7;--primary-emphasis: #649aeb;--primary-subtle: rgb(43 125 233 / .18);--primary-border: #4a86e3;--primary-fg: #0d3268;--primary-solid: #2b7de9;--primary-solid-hover: #4a86e3;--primary-solid-fg: #ffffff;--bg: #0f1014;--fg: #e6e9ef;--surface: #1b1b20;--surface-elevated: #202229;--surface-inset: #0b0c0f;--card: #1b1b20;--card-translucent: #1b1b20;--popover: #202229;--secondary: #202229;--muted: #202229;--muted-fg: #a8aebd;--subtle-fg: #8d93a3;--accent: #33353d;--hover: #292b33;--ok: #5fb883;--ok-subtle: rgb(95 184 131 / .16);--warn: #eec978;--warn-subtle: rgb(201 146 37 / .18);--destructive: #d64a4a;--destructive-fg: #ffffff;--destructive-subtle: rgb(214 74 74 / .16);--destructive-text: #ee8a8a;--info: #5ecfe0;--info-subtle: rgb(47 184 207 / .16);--border-subtle: #2e3039;--border: #33353d;--border-strong: #5a5d68;--border-soft: #2e3039;--ring: #649aeb;--shadow-xs: 0 0 0 1px rgb(255 255 255 / .04);--shadow-sm: 0 0 0 1px rgb(255 255 255 / .05), 0 1px 3px 0 rgb(0 0 0 / .4);--shadow-md: 0 0 0 1px rgb(255 255 255 / .06), 0 4px 12px -2px rgb(0 0 0 / .5);--shadow-lg: 0 0 0 1px rgb(255 255 255 / .06), 0 16px 40px -8px rgb(0 0 0 / .6);--shadow-card: var(--shadow-xs);--shadow-focus: 0 0 0 3px color-mix(in oklab, var(--ring) 30%, transparent);--glass-bg: rgb(27 27 32 / .68);--glass-border: rgb(255 255 255 / .08);--glass-blur: saturate(160%) blur(34px);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--primary: #8db6f2;--primary-hover: #b5d1f7;--primary-emphasis: #649aeb;--primary-subtle: rgb(43 125 233 / .18);--primary-border: #4a86e3;--primary-fg: #0d3268;--primary-solid: #2b7de9;--primary-solid-hover: #4a86e3;--primary-solid-fg: #ffffff;--bg: #0f1014;--fg: #e6e9ef;--surface: #1b1b20;--surface-elevated: #202229;--surface-inset: #0b0c0f;--card: #1b1b20;--card-translucent: #1b1b20;--popover: #202229;--secondary: #202229;--muted: #202229;--muted-fg: #a8aebd;--subtle-fg: #8d93a3;--accent: #33353d;--hover: #292b33;--ok: #5fb883;--ok-subtle: rgb(95 184 131 / .16);--warn: #eec978;--warn-subtle: rgb(201 146 37 / .18);--destructive: #d64a4a;--destructive-subtle: rgb(214 74 74 / .16);--destructive-text: #ee8a8a;--info: #5ecfe0;--info-subtle: rgb(47 184 207 / .16);--border-subtle: #2e3039;--border: #33353d;--border-strong: #5a5d68;--border-soft: #2e3039;--ring: #649aeb;--shadow-xs: 0 0 0 1px rgb(255 255 255 / .04);--shadow-sm: 0 0 0 1px rgb(255 255 255 / .05), 0 1px 3px 0 rgb(0 0 0 / .4);--shadow-md: 0 0 0 1px rgb(255 255 255 / .06), 0 4px 12px -2px rgb(0 0 0 / .5);--shadow-lg: 0 0 0 1px rgb(255 255 255 / .06), 0 16px 40px -8px rgb(0 0 0 / .6);--shadow-card: var(--shadow-xs);--shadow-focus: 0 0 0 3px color-mix(in oklab, var(--ring) 30%, transparent);--glass-bg: rgb(27 27 32 / .68);--glass-border: rgb(255 255 255 / .08);--glass-blur: saturate(160%) blur(34px)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,Noto Sans SC,sans-serif;font-size:14px;line-height:1.5;font-optical-sizing:auto;font-feature-settings:"cv02","cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color .12s var(--ease)}a:hover{color:var(--primary-hover)}code,.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.8125rem;font-feature-settings:"zero"}code{background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.1em .4em}::selection{background:color-mix(in oklab,var(--primary) 22%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border);border:3px solid transparent;border-radius:var(--radius-pill);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box}.app{display:grid;grid-template-columns:248px 1fr;min-height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:0;height:100vh;position:sticky;top:0}.brand{padding:20px 18px 16px;display:flex;align-items:center;gap:11px}.brand-mark{width:30px;height:30px;display:block;flex-shrink:0;object-fit:contain;border-radius:var(--radius)}.brand-label{font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--fg);line-height:1.2}.brand-sub{font-size:.6875rem;font-weight:500;letter-spacing:.01em;color:var(--muted-fg);margin-top:2px}.nav{padding:8px 12px;flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.nav a{display:flex;align-items:center;padding:8px 12px;color:var(--muted-fg);font-size:.875rem;font-weight:500;border-radius:var(--radius);transition:background .14s var(--ease),color .14s var(--ease)}.nav a:hover{background:var(--hover);color:var(--fg)}.nav a.active{background:var(--primary-subtle);color:var(--primary);font-weight:600}.nav a.nav-with-badge{justify-content:space-between;gap:8px}.nav-badge{min-width:20px;height:19px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;background:var(--muted);color:var(--muted-fg);border-radius:var(--radius-pill);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.nav a.active .nav-badge{background:color-mix(in oklab,var(--primary) 16%,transparent);color:var(--primary)}.sidebar-foot{padding:12px;border-top:1px solid var(--border-subtle);display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.main{padding:32px 40px;overflow-x:auto;background:var(--bg);min-height:100%}@media (max-width: 760px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}.main{padding:20px 16px}}.toolbar{display:flex;gap:12px;margin-bottom:22px;align-items:center}.toolbar h2{margin:0;font-size:1.375rem;font-weight:600;letter-spacing:-.02em}.eyebrow{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;letter-spacing:.01em;color:var(--muted-fg);margin:0 0 8px}.spacer{flex:1}button,input,select,textarea{font-family:inherit;font-size:inherit}button{background:var(--primary-solid);border:1px solid transparent;color:var(--primary-solid-fg);padding:8px 16px;font-weight:600;font-size:.875rem;border-radius:var(--radius);cursor:pointer;transition:background .14s var(--ease),box-shadow .14s var(--ease),transform 80ms var(--ease),border-color .14s var(--ease)}button:hover:not(:disabled){background:var(--primary-solid-hover)}button:active:not(:disabled){transform:scale(.975)}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button.ghost{background:var(--surface);border:1px solid var(--border);color:var(--fg)}button.ghost:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}button.danger{background:var(--destructive);color:var(--destructive-fg)}button.danger:hover:not(:disabled){background:color-mix(in oklab,var(--destructive) 88%,black)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:var(--surface);color:var(--fg);border:1px solid var(--border);padding:8px 12px;width:100%;font-size:.875rem;border-radius:var(--radius);outline:none;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}input::placeholder,textarea::placeholder{color:var(--subtle-fg)}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}textarea{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8125rem;line-height:1.6;min-height:120px;resize:vertical}input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border-subtle);vertical-align:top;font-size:.875rem}th{background:var(--surface-inset);font-weight:600;color:var(--muted-fg);font-size:.75rem;letter-spacing:.01em;white-space:nowrap}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s var(--ease)}tbody tr:hover td{background:var(--hover)}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;font-size:.75rem;font-weight:500;background:var(--secondary);color:var(--muted-fg);border-radius:var(--radius-pill);line-height:1.5}.tag.ok{background:var(--ok-subtle);color:var(--ok)}.tag.warn{background:var(--warn-subtle);color:var(--warn)}.tag.danger{background:var(--destructive-subtle);color:var(--destructive-text)}.tag.info{background:var(--info-subtle);color:var(--info)}.status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 9px;font-size:.75rem;font-weight:500;border-radius:var(--radius-pill);background:var(--secondary);color:var(--muted-fg);line-height:1.5}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}.status-pending,.status-active,.status-connected,.status-approved,.status-ok{background:var(--ok-subtle);color:var(--ok)}.status-pending{background:var(--warn-subtle);color:var(--warn)}.status-rejected,.status-error,.status-failed,.status-revoked{background:var(--destructive-subtle);color:var(--destructive-text)}.status-archived,.status-disabled,.status-inactive{background:var(--secondary);color:var(--subtle-fg)}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;margin-bottom:18px;box-shadow:var(--shadow-md)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions>button{min-width:76px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{color:var(--fg);font-size:.8125rem;font-weight:500}.form{display:flex;flex-direction:column;gap:4px}.form-actions{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}.hint{color:var(--muted-fg);font-size:.8125rem;line-height:1.55}.error{color:var(--destructive-text);margin:8px 0;font-size:.8125rem;padding:10px 14px;background:var(--destructive-subtle);border:1px solid color-mix(in oklab,var(--destructive) 28%,transparent);border-radius:var(--radius)}.warning{color:var(--warn);font-size:.8125rem;padding:10px 14px;background:var(--warn-subtle);border:1px solid color-mix(in oklab,var(--warn) 28%,transparent);border-radius:var(--radius)}.muted{color:var(--muted-fg)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:56px 24px;color:var(--muted-fg);font-size:.875rem;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg)}.project-switcher{position:relative;padding:0 12px 10px}.project-switcher>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--fg);font-weight:500;padding:8px 12px;border-radius:var(--radius)}.project-switcher>button:hover:not(:disabled){background:var(--hover);border-color:var(--border-strong)}.project-dropdown{position:absolute;left:12px;right:12px;top:calc(100% - 4px);z-index:30;background:var(--popover);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;max-height:320px;overflow-y:auto;animation:pop-in .16s var(--ease-out)}.project-dropdown a,.project-dropdown button{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--fg);font-weight:500;padding:8px 10px;border-radius:var(--radius-sm)}.project-dropdown a:hover,.project-dropdown button:hover{background:var(--hover);color:var(--fg)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ca-fingerprint{margin:0 12px 10px;padding:10px 12px;background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius);font-size:.75rem;color:var(--muted-fg);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ca-fingerprint code{background:transparent;border:none;padding:0;color:var(--fg)}.token-block{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8125rem;background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:12px 14px;word-break:break-all;line-height:1.6;color:var(--fg)}.revealed-token-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:color-mix(in oklab,var(--fg) 32%,transparent);backdrop-filter:blur(4px);animation:fade-in .2s var(--ease-out)}.revealed-token-modal>*{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:24px;max-width:520px;width:100%;animation:pop-in .2s var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.toast{position:fixed;bottom:24px;right:24px;z-index:70;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:500;color:var(--fg);max-width:380px;animation:toast-in .28s var(--ease-out)}.toast:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted-fg);flex:0 0 8px}.toast-success:before{background:var(--ok)}.toast-error:before{background:var(--destructive)}.toast-info:before{background:var(--info)}.toast-warn:before,.toast-warning:before{background:var(--warn)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.row-expanded td{background:var(--surface-inset)}.login-shell{min-height:100%;display:grid;place-items:center;position:relative;overflow:hidden;padding:24px;background:radial-gradient(120% 90% at 50% -10%,color-mix(in oklab,var(--primary) 9%,transparent) 0%,transparent 55%),var(--bg)}.login-wrapper{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.login-header{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:28px}.login-header .brand{border-bottom:none;padding:0;margin:0}.login-subtitle{font-size:.875rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted-fg)}.login-guide-link{margin-top:18px;font-size:.8125rem;font-weight:500;color:var(--muted-fg);transition:color .14s var(--ease)}.login-guide-link:hover{color:var(--primary)}.login-card{width:100%;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.login-card form{display:flex;flex-direction:column;gap:18px}.login-card .field{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.login-card .field label{font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--fg)}.login-card .field input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;color:var(--fg);font-size:.9375rem;letter-spacing:0;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.login-card .field input::placeholder{color:var(--subtle-fg)}.login-card .field input:hover:not(:focus){border-color:var(--border-strong)}.login-card .field input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.login-card .field input:-webkit-autofill,.login-card .field input:-webkit-autofill:hover,.login-card .field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--fg);transition:background-color 99999s ease-in-out 0s}.login-card .error{display:flex;align-items:center;gap:10px;margin:0;border:1px solid color-mix(in oklab,var(--destructive) 28%,transparent);background:var(--destructive-subtle);border-radius:var(--radius);padding:10px 14px;font-size:.8125rem;letter-spacing:0;color:var(--destructive-text)}.login-card .error:before{content:"";width:6px;height:6px;background:var(--destructive);border-radius:50%;animation:login-pulse 1.4s ease-in-out infinite;flex:0 0 6px}@keyframes login-pulse{0%,to{opacity:1}50%{opacity:.35}}.login-card button[type=submit]{width:100%;padding:12px 16px;font-size:.9375rem;font-weight:600;letter-spacing:0;text-transform:none;background:var(--primary-solid);color:var(--primary-solid-fg);border:1px solid transparent;border-radius:var(--radius);cursor:pointer;margin-top:4px;transition:background .14s var(--ease),transform 80ms var(--ease)}.login-card button[type=submit]:hover:not(:disabled){background:var(--primary-solid-hover)}.login-card button[type=submit]:active:not(:disabled){transform:scale(.985)}.login-card button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.login-spinner{display:inline-block;width:13px;height:13px;margin-right:8px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:login-spin .7s linear infinite;vertical-align:middle}@keyframes login-spin{to{transform:rotate(360deg)}}.lang-switch{position:absolute;top:20px;right:20px;z-index:2;font-size:.8125rem;font-weight:500;letter-spacing:0;padding:7px 14px}.theme-toggle,.lang-toggle{font-size:.8125rem;font-weight:500;padding:6px 12px;letter-spacing:0}.doc{max-width:920px;margin-inline:auto}.doc-standalone{min-height:100%;background:var(--bg)}.doc-standalone-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:14px 40px;background:var(--surface);border-bottom:1px solid var(--border-subtle)}.doc-standalone-bar .brand{padding:0}.doc-standalone>.main{padding-top:28px}@media (max-width: 760px){.doc-standalone-bar{padding:12px 16px}}.doc-lead{font-size:.9375rem;color:var(--muted-fg);line-height:1.75;margin:0}.doc-section{margin-bottom:18px}.doc-section>h3{display:flex;align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}.doc-section p{line-height:1.75;margin:0 0 12px}.doc-section p:last-child{margin-bottom:0}.doc-section ol,.doc-section ul{line-height:1.75;padding-left:22px;margin:0 0 12px}.doc-section li{margin-bottom:8px}.doc-section li:last-child{margin-bottom:0}.doc-step{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--radius);background:var(--primary-subtle);color:var(--primary);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.codeblock{position:relative;margin:0 0 12px}.codeblock pre{margin:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.8125rem;line-height:1.65;background:var(--surface-inset);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:14px 16px;overflow-x:auto;color:var(--fg);tab-size:2}.codeblock .copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:.6875rem;font-weight:500;background:var(--surface);color:var(--muted-fg);border:1px solid var(--border);border-radius:var(--radius-sm);opacity:0;transition:opacity .14s var(--ease)}.codeblock:hover .copy-btn{opacity:1}.codeblock .copy-btn:hover:not(:disabled){background:var(--hover);color:var(--fg);border-color:var(--border-strong)}.callout{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius);background:var(--primary-subtle);border:1px solid color-mix(in oklab,var(--primary) 22%,transparent);line-height:1.7;margin:0 0 12px}.callout.info{background:var(--info-subtle);border-color:color-mix(in oklab,var(--info) 28%,transparent)}.callout.warn{background:var(--warn-subtle);border-color:color-mix(in oklab,var(--warn) 28%,transparent)}.callout-emoji{font-size:1.05rem;line-height:1.5;flex-shrink:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.mode-grid{grid-template-columns:1fr}}.mode-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;background:var(--surface)}.mode-card.is-primary{border-color:var(--primary-border);box-shadow:0 0 0 1px var(--primary-border)}.mode-card h4{margin:0 0 10px;font-size:.9375rem;font-weight:600}.mode-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:.8125rem}.mode-card dt{color:var(--muted-fg)}.mode-card dd{margin:0;color:var(--fg)}.token-compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-card);margin:0 0 14px}.token-compare .tcol{padding:18px 20px}.token-compare .tcol+.tcol{border-left:1px solid var(--border-subtle)}.token-compare .tcol-tag{display:inline-block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);margin-bottom:12px}.token-compare .admin .tcol-tag{color:var(--primary);background:var(--primary-subtle)}.token-compare .egress .tcol-tag{color:var(--ok);background:var(--ok-subtle)}.token-compare dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:.8125rem}.token-compare dt{color:var(--subtle-fg);white-space:nowrap}.token-compare dd{margin:0;color:var(--fg)}@media (max-width: 760px){.token-compare{grid-template-columns:1fr}.token-compare .tcol+.tcol{border-left:none;border-top:1px solid var(--border-subtle)}}.token-oneliner{padding:12px 16px;border-radius:var(--radius);background:var(--primary-subtle);border:1px solid color-mix(in oklab,var(--primary) 22%,transparent);font-size:.875rem;line-height:1.7;margin:0}.token-oneliner b{color:var(--primary);font-weight:600}.case-list{display:flex;flex-direction:column;gap:14px;margin:0 0 14px}.case{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 18px}.case.spotlight{border-color:var(--primary-border);box-shadow:0 0 0 1px var(--primary-border)}.case-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.case-badge{flex:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:600;color:var(--muted-fg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 8px}.case.spotlight .case-badge{color:var(--primary);border-color:var(--primary-border);background:var(--primary-subtle)}.case-title{font-size:.9375rem;font-weight:600}.case-pill{margin-left:auto;align-self:center;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--primary-subtle);border-radius:var(--radius-pill);padding:2px 9px}.case p{margin:6px 0;font-size:.875rem;line-height:1.7}.case .codeblock{margin:12px 0 0}.case-note{margin-top:12px;font-size:.8125rem;color:var(--muted-fg);line-height:1.7;border-left:3px solid var(--primary-border);padding:2px 0 2px 12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}