:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f8f5ef;--color-surface:#fff;--color-elevated:#fff;--color-sunken:#efe9dd;--color-text-primary:#011a47;--color-text-secondary:#4a5a72;--color-text-tertiary:#6a778e;--color-border-subtle:#e6e0d4;--color-border-strong:#9b9382;--color-accent:#016176;--color-accent-hover:#014e5f;--color-accent-soft:#e2f1f5;--color-cta:#d44200;--color-cta-hover:#c2410c;--color-success:#0d7a4e;--color-warning:#8a5300;--color-danger:#b42318;--color-focus-ring:#01617661;--font-display:"Newsreader", Georgia, "Times New Roman", serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-6:24px;--spacing-8:32px;--spacing-12:48px;--duration-fast:.12s;--duration-base:.18s;--ease-pandu:cubic-bezier(.2, .7, .3, 1);--color-primary:var(--color-accent);--color-primary-dark:var(--color-accent-hover);--color-primary-darker:var(--color-accent);--color-primary-50:var(--color-accent-soft);--color-primary-100:var(--color-accent-soft);--color-accent-dark:var(--color-cta-hover);--color-bg:var(--color-canvas);--color-text:var(--color-text-primary);--color-muted:var(--color-text-secondary);--color-muted-2:var(--color-text-secondary);--color-line:var(--color-border-subtle);--color-line-strong:var(--color-border-strong);--color-line-dashed:#011a4738;--color-success-bg:#e8f7ee;--color-danger-bg:#fdece9;--color-warning-bg:#fdf2df;--ring:var(--color-focus-ring);--ring-offset:0 0 0 3px var(--color-focus-ring);--primary:var(--color-accent);--primary-dark:var(--color-accent-hover);--accent:var(--color-cta);--bg:var(--color-canvas);--surface:var(--color-surface);--text:var(--color-text-primary);--muted:var(--color-text-secondary);--line:var(--color-border-subtle);--line-strong:var(--color-border-strong);--muted-2:var(--color-text-secondary);--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:16px;--radius-full:999px;--radius:var(--radius-lg);--shadow-sm:0 1px 2px #011a4712;--shadow-md:0 8px 22px #011a4717;--shadow-lg:0 16px 36px #011a4721;--shadow-xl:0 22px 50px #011a4729;--shadow:var(--shadow-md);--space-xs:var(--spacing-1);--space-sm:var(--spacing-2);--space-md:var(--spacing-4);--space-lg:var(--spacing-6);--space-xl:var(--spacing-8);--space-2xl:var(--spacing-12);--space-3xl:64px;--transition:.18s var(--ease-pandu);--transition-slow:.28s var(--ease-pandu);--color-on-primary:#fff;--color-code-bg:#0f1a17;--color-code-fg:#e6efe9;--color-composer-hint:var(--color-text-tertiary);--color-typing-dot:var(--color-text-tertiary);--color-control-disabled-bg:var(--color-border-strong);--color-success-border:#b9e5cb;--color-on-primary-muted:#c5e3ec;--color-spinner-track:var(--color-border-subtle);--color-progress-track:var(--color-sunken);--color-danger-border-hover:#e6a89f;--color-info-bg:var(--color-accent-soft);--color-avatar-user-bg:var(--color-sunken);--color-danger-border:#f0c2bb;--color-danger-border-soft:#f2c3bd;--color-table-head-bg:var(--color-sunken);--color-header-translucent:#f8f5efeb;--color-overlay:#011a4773;--color-grid-line:#011a470d;--color-button-shadow:#011a471a;--color-on-primary-14:#ffffff24;--color-on-primary-22:#ffffff38;--bp-sm:640px;--bp-md:900px;--bp-lg:1200px;--z-below:-1;--z-base:0;--z-sticky:20;--z-header:30;--z-overlay:40;--z-toast:60;--z-max:80;--control-height-sm:40px;--control-height-md:44px;--control-height-lg:48px;--content-max-marketing:1200px;--content-max-app:1320px;--content-max-admin:1440px;--content-max-chat:960px;--content-max-prose:780px;--content-max-auth:460px;--sidebar-width:252px;--sidebar-width-collapsed:82px;--workspace-nav-width:280px;--inspector-width:320px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0a1220;--color-surface:#101b2d;--color-elevated:#16233a;--color-sunken:#070e19;--color-text-primary:#e9edf3;--color-text-secondary:#a3b0c4;--color-text-tertiary:#7987a0;--color-border-subtle:#1e2c42;--color-border-strong:#576883;--color-accent:#35a8c4;--color-accent-hover:#4dbcd7;--color-accent-soft:#0d2b36;--color-cta:#f9803f;--color-cta-hover:#fb9560;--color-success:#4ab883;--color-warning:#e0ab4c;--color-danger:#f0776a;--color-focus-ring:#35a8c480;--color-on-primary:#011a47;--color-on-primary-muted:#013844;--color-on-primary-14:#011a4724;--color-on-primary-22:#011a4738;--color-success-bg:#052e16;--color-danger-bg:#1e0907;--color-warning-bg:#1c1500;--color-success-border:#0d3d28;--color-danger-border:#5c2a24;--color-danger-border-soft:#5c2a24;--color-danger-border-hover:#7a3a32;--color-code-bg:#070e19;--color-code-fg:#e9edf3;--color-line-dashed:#e9edf338;--color-overlay:#0000009e;--color-grid-line:#e9edf30f;--color-button-shadow:#00000059;--color-header-translucent:#0a1220eb;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 22px #0006;--shadow-lg:0 16px 36px #00000080;--shadow-xl:0 22px 50px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0a1220;--color-surface:#101b2d;--color-elevated:#16233a;--color-sunken:#070e19;--color-text-primary:#e9edf3;--color-text-secondary:#a3b0c4;--color-text-tertiary:#7987a0;--color-border-subtle:#1e2c42;--color-border-strong:#576883;--color-accent:#35a8c4;--color-accent-hover:#4dbcd7;--color-accent-soft:#0d2b36;--color-cta:#f9803f;--color-cta-hover:#fb9560;--color-success:#4ab883;--color-warning:#e0ab4c;--color-danger:#f0776a;--color-focus-ring:#35a8c480;--color-on-primary:#011a47;--color-on-primary-muted:#013844;--color-on-primary-14:#011a4724;--color-on-primary-22:#011a4738;--color-success-bg:#052e16;--color-danger-bg:#1e0907;--color-warning-bg:#1c1500;--color-success-border:#0d3d28;--color-danger-border:#5c2a24;--color-danger-border-soft:#5c2a24;--color-danger-border-hover:#7a3a32;--color-code-bg:#070e19;--color-code-fg:#e9edf3;--color-line-dashed:#e9edf338;--color-overlay:#0000009e;--color-grid-line:#e9edf30f;--color-button-shadow:#00000059;--color-header-translucent:#0a1220eb;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 22px #0006;--shadow-lg:0 16px 36px #00000080;--shadow-xl:0 22px 50px #0000008c}}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);color:var(--color-text-primary);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button:not(:disabled),a,summary,[role=button]{cursor:pointer}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:800;line-height:1.15}p{line-height:1.65}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.button{border-radius:var(--radius-md);min-height:44px;transition:background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:700;display:inline-flex}.button.primary{background:var(--color-accent);color:var(--color-on-primary);box-shadow:0 1px 2px var(--color-button-shadow)}.button.primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.cta{background:var(--color-cta);color:var(--color-on-primary);box-shadow:0 1px 2px var(--color-button-shadow)}.button.cta:hover:not(:disabled){background:var(--color-cta-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.button.secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.button.light{background:var(--color-surface);color:var(--color-accent)}.button.light:hover{background:var(--color-accent-soft)}.button.danger{background:var(--color-danger);color:var(--color-on-primary);box-shadow:0 1px 2px var(--color-button-shadow)}.button.danger:hover{background:var(--color-danger);filter:brightness(.92);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button.small{min-height:40px;padding:8px 16px;font-size:14px}.button.full{width:100%}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button:active:not(:disabled){transform:translateY(0)}
html{--header-height:76px;scroll-padding-top:calc(var(--header-height) + var(--spacing-8))}.site-header{z-index:var(--z-header);height:var(--header-height);max-width:var(--content-max-marketing);padding:0 var(--spacing-6);background:var(--color-header-translucent);justify-content:space-between;align-items:center;margin:auto;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);letter-spacing:-.03em;color:var(--color-text-primary);font-size:15px;font-weight:800;display:flex}.brand-mark{width:var(--control-height-sm);height:var(--control-height-sm);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-primary);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.brand-wordmark{width:calc(var(--spacing-12) * 2);height:var(--spacing-6);color:var(--color-text-primary);background:currentColor;display:inline-block;-webkit-mask:url(/wordmark.svg) 50%/contain no-repeat;mask:url(/wordmark.svg) 50%/contain no-repeat}.site-header nav{align-items:center;gap:var(--spacing-6);font-size:14px;font-weight:600;display:flex}.site-header nav a:not(.button){transition:color var(--duration-base) var(--ease-pandu);min-height:var(--control-height-md);align-items:center;display:inline-flex}.site-header nav a:not(.button):hover,.site-header nav a:not(.button):focus-visible{color:var(--color-accent)}.site-header .button{min-height:var(--control-height-md)}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:72px;max-width:1200px;margin:40px auto 100px;padding:44px 28px;display:grid;position:relative}.hero:before{content:"";z-index:-1;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 170'%3E%3Cpath d='M0 100 L140 100 L165 40 L195 150 L222 85 L245 100 L600 100' fill='none' stroke='%23016176' stroke-width='2.5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:contain;width:min(560px,90%);height:170px;position:absolute;top:30px;right:0}.eyebrow{border:1px solid var(--color-accent-soft);background:var(--color-accent-soft);color:var(--color-accent-hover);border-radius:var(--radius-xs);font-family:var(--font-mono);letter-spacing:.01em;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero h1{font-family:var(--font-display);letter-spacing:-.015em;margin:22px 0;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:600;line-height:1.08}.hero-copy>p{color:var(--color-text-secondary);max-width:620px;font-size:18px}.hero-actions{gap:12px;margin:28px 0 18px;display:flex}.hero-copy>small{color:var(--color-text-secondary);align-items:center;gap:7px;display:flex}.hero-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);padding:26px}.hero-mock{min-height:420px;position:relative}.hero-mock-prompt{position:relative}.hero-mock-crumb{margin:0 0 var(--spacing-2);font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:12px;font-weight:600}.hero-mock-title{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 var(--spacing-2);color:var(--color-text-primary);font-size:1.85rem;font-weight:600}.hero-mock-meta{margin:0 0 var(--spacing-4);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-tertiary);font-size:11px;font-weight:600}.hero-mock-body{margin:0 0 var(--spacing-4);color:var(--color-text-secondary);font-size:15px}.hero-mock-cmd{min-height:var(--control-height-md);font-family:var(--font-mono);color:var(--color-text-primary);align-items:center;gap:2px;font-size:15px;display:flex}.hero-caret{background:var(--color-accent);vertical-align:text-bottom;width:2px;height:1.05em;animation:hero-caret calc(var(--duration-base) * 4) step-end infinite;display:inline-block}.hero-mock.is-pearl .hero-caret{opacity:0;animation:none}@keyframes hero-caret{50%{opacity:0}}.hero-slash-menu{z-index:var(--z-sticky);margin:var(--spacing-2) 0 0;padding:var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-elevated);box-shadow:var(--shadow-md);list-style:none;display:none;position:absolute;top:100%;left:0;right:0}.hero-mock.is-menu .hero-slash-menu{gap:2px;display:grid}.hero-slash-menu li{justify-content:space-between;align-items:center;gap:var(--spacing-4);min-height:var(--control-height-md);padding:0 var(--spacing-2);border-radius:var(--radius-sm);font-size:14px;display:flex}.hero-slash-menu li.is-active{background:var(--color-accent-soft)}.hero-slash-menu strong{color:var(--color-text-primary);font-weight:700}.hero-slash-menu span{font-family:var(--font-mono);color:var(--color-accent);font-size:12px}.hero-pearl{opacity:0;transform:translateY(var(--spacing-2));transition:opacity calc(var(--duration-base) * 2) var(--ease-pandu), transform calc(var(--duration-base) * 2) var(--ease-pandu)}.hero-mock.is-pearl .hero-pearl{opacity:1;transform:none}.hero-pearl p{color:var(--color-text-primary);margin:0}.typing{gap:4px;display:flex}.typing i{background:var(--color-text-tertiary);width:6px;height:6px;animation:pulse calc(var(--duration-base) * 7) infinite;border-radius:50%}.typing i:nth-child(2){animation-delay:var(--duration-fast)}.typing i:nth-child(3){animation-delay:calc(var(--duration-fast) * 2)}@keyframes pulse{50%{opacity:.3;transform:translateY(-2px)}}.section{max-width:1200px;margin:auto;padding:80px 28px}.center{text-align:center}.section h2,.cta-band h2,.public-heading h1{font-family:var(--font-display);letter-spacing:-.01em;margin:18px 0 8px;font-size:clamp(2rem,4vw,2.9rem);font-weight:600}.lead,.public-heading p{color:var(--color-text-secondary);font-size:17px}.section-head{max-width:720px}#coba{scroll-margin-top:calc(var(--header-height) + var(--spacing-8))}.demo-grid{gap:var(--spacing-6);grid-template-columns:1fr 1fr;margin-top:46px;display:grid}.demo-card{background:var(--color-surface);padding:var(--spacing-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.demo-label{margin:0 0 var(--spacing-4);font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-text-tertiary);font-size:12px;font-weight:600}.demo-kicker{margin-bottom:var(--spacing-2);font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-accent);font-size:11px;font-weight:600;display:block}.demo-flip{perspective:1000px;width:100%;min-height:220px;transform-style:preserve-3d;text-align:left;background:0 0;border:0;place-items:stretch stretch;padding:0;display:grid}.demo-flip-inner{width:100%;min-width:0;min-height:220px;transform-style:preserve-3d;transition:transform calc(var(--duration-base) * 3) var(--ease-pandu);position:relative}.demo-flip.is-flipped .demo-flip-inner{transform:rotateY(180deg)}.demo-flip-face{padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text-primary);backface-visibility:hidden;flex-direction:column;justify-content:center;font-size:16px;line-height:1.5;display:flex;position:absolute;inset:0;transform:rotateY(0)}.demo-flip-back{background:var(--color-accent-soft);transform:rotateY(180deg)}.demo-chips{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.demo-chips button{min-height:var(--control-height-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-primary);transition:background var(--duration-base) var(--ease-pandu), border-color var(--duration-base) var(--ease-pandu), color var(--duration-base) var(--ease-pandu);padding:8px 14px;font-size:14px;font-weight:600}.demo-chips button:hover,.demo-chips button:focus-visible,.demo-chips button.is-active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.demo-answer{min-height:8.5rem;padding:var(--spacing-4);border-radius:var(--radius-md);background:var(--color-canvas)}.demo-answer p{color:var(--color-text-secondary);margin:0;font-size:15px}.demo-answer .demo-cite{margin-top:var(--spacing-4);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-family:var(--font-mono);padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.feature-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px;display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-top:2px solid var(--color-accent);border-radius:var(--radius-sm);transition:box-shadow var(--transition-slow), border-color var(--transition-slow);padding:26px;position:relative}.feature-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-strong);border-top-color:var(--color-accent)}.feature-card>.illu,.large-icon{background:var(--color-accent-soft);width:46px;height:46px;color:var(--color-accent);border-radius:var(--radius-xs);place-items:center;display:grid}.feature-card h3{margin:18px 0 7px;font-size:17px}.feature-card p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.feature-card .feature-example{margin-top:var(--spacing-4);font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:12px}.use-steps{counter-reset:step;gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);margin:46px 0 0;padding:0;list-style:none;display:grid}.use-steps li{counter-increment:step;padding:var(--spacing-6) var(--spacing-6) var(--spacing-6) 72px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);position:relative}.use-steps li:before{content:counter(step);left:var(--spacing-4);top:var(--spacing-6);width:var(--control-height-md);height:var(--control-height-md);font-family:var(--font-display);color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm);place-items:center;font-size:1.4rem;font-weight:600;display:grid;position:absolute}.use-steps h3{margin:0 0 var(--spacing-2);font-size:17px}.use-steps p{color:var(--color-text-secondary);margin:0;font-size:14px}.compare-wrap{-webkit-overflow-scrolling:touch;max-width:100%;margin-top:46px;overflow-x:auto}.compare{border-collapse:collapse;background:var(--color-surface);width:100%;min-width:640px;font-size:14px}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);padding:12px 14px}.compare thead th{color:var(--color-text-primary);background:var(--color-sunken);font-size:13px;font-weight:700}.compare th[scope=row]{color:var(--color-text-primary);width:32%;font-weight:600}.compare .is-pandu{background:var(--color-accent-soft);color:var(--color-text-primary);font-weight:700}.compare-group th{padding-top:var(--spacing-6);font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-text-primary);background:var(--color-sunken);border-bottom-color:var(--color-border-strong);font-size:12px}.compare-note{max-width:780px;margin:var(--spacing-6) 0 0;color:var(--color-text-secondary);font-size:16px}.cta-band{border-radius:var(--radius-xl);background:var(--color-text-primary);max-width:1144px;color:var(--color-canvas);justify-content:space-between;align-items:center;gap:24px;margin:65px auto 90px;padding:46px 52px;display:flex}.cta-band h2{color:var(--color-canvas);margin:0;font-size:2rem}.cta-band p{color:var(--color-canvas);margin:8px 0 0}.powered-by{max-width:1200px;margin:0 auto 20px;padding:0 28px}.powered-by-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-secondary);margin:0 0 22px;font-size:12px}.powered-by-logos{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.powered-by-item{align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);display:flex}.powered-by-item span{color:var(--color-text-secondary);font-size:13px;font-weight:600}.footer{border-top:1px dashed var(--color-line-dashed);max-width:1200px;color:var(--color-text-secondary);grid-template-columns:1fr auto;gap:14px;margin:auto;padding:46px 28px;font-size:14px;display:grid}.footer strong{color:var(--color-text-primary)}.footer p{margin:6px 0 0}.footer div:nth-child(2){gap:var(--spacing-6);display:flex}.footer div:nth-child(2) a{min-height:var(--control-height-md);transition:color var(--duration-base) var(--ease-pandu);align-items:center;display:inline-flex}.footer div:nth-child(2) a:hover,.footer div:nth-child(2) a:focus-visible{color:var(--color-accent)}.footer>small{font-family:var(--font-mono);grid-column:1/-1;font-size:12px}.illu{color:var(--color-accent);--illu-fill:var(--color-accent-soft);--illu-cta:var(--color-cta)}.illu-pulse{animation:illu-pulse calc(var(--duration-base) * 5) var(--ease-pandu) infinite;transform-origin:50%;transform-box:fill-box}.illu-breathe{animation:illu-breathe calc(var(--duration-base) * 6) var(--ease-pandu) infinite;transform-box:fill-box}.illu-breathe-left{transform-origin:100%}.illu-breathe-right{transform-origin:0}.illu-tick polyline{stroke-dasharray:1;stroke-dashoffset:1px;animation:illu-tick calc(var(--duration-base) * 4) var(--ease-pandu) forwards}.illu-eyelid{transform-origin:top;transform-box:fill-box;animation:illu-blink calc(var(--duration-base) * 33) var(--ease-pandu) infinite;transform:scaleY(0)}.illu-audio .illu-bar{transform-origin:bottom;transform-box:fill-box;animation:illu-bar calc(var(--duration-base) * 5) var(--ease-pandu) infinite}.illu-audio .illu-bar:nth-child(2){animation-delay:var(--duration-fast)}.illu-audio .illu-bar:nth-child(3){animation-delay:calc(var(--duration-fast) * 2)}.illu-audio .illu-bar:nth-child(4){animation-delay:calc(var(--duration-fast) * 3)}.illu-audio .illu-bar:nth-child(5){animation-delay:calc(var(--duration-fast) * 4)}@keyframes illu-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.04)}55%{transform:scale(1.01)}}@keyframes illu-breathe{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.03)}}@keyframes illu-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes illu-tick{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes illu-blink{0%,94%,98%,to{transform:scaleY(0)}96%{transform:scaleY(1)}}
.auth-page{background:linear-gradient(var(--color-grid-line) 1px, transparent 1px) 0 0 / 100% 40px, var(--color-canvas);min-height:100vh;padding:var(--spacing-12) var(--spacing-6);flex-direction:column;align-items:center;display:flex}.auth-brand{margin-bottom:var(--spacing-8)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:var(--spacing-8);box-shadow:var(--shadow)}.auth-heading{text-align:center;margin-bottom:var(--spacing-6)}.auth-heading h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 7px;font-size:28px;font-weight:600}.auth-heading p,.auth-switch,.legal-note{color:var(--color-text-secondary);font-size:14px}.form{flex-direction:column;gap:18px;display:flex}.form label{font-size:14px;font-weight:700;display:block}.form label small{color:var(--color-text-secondary);margin-top:4px;font-weight:400;display:block}.form label span{color:var(--color-text-secondary);font-weight:500}.form input,.form select,.form textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);width:100%;color:var(--color-text-primary);transition:border-color var(--transition), box-shadow var(--transition);margin-top:7px;padding:0 14px;display:block}.form input{height:48px}.form select{min-height:48px}.form textarea{resize:vertical;min-height:92px;padding:12px 14px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--color-accent);box-shadow:var(--ring-offset);outline:0}.form-link{color:var(--color-accent);text-align:right;margin-top:-8px;font-size:14px;font-weight:700}.auth-switch,.legal-note{text-align:center}.auth-switch a,.legal-note a{color:var(--color-accent);font-weight:700}.alert{border-radius:var(--radius-xs);border:1px solid #0000;padding:12px 14px;font-size:14px;line-height:1.5}.alert.error,.field-error{color:var(--color-danger);background:var(--color-danger-bg);border-color:var(--color-danger-border-soft)}.field-error{background:0 0;border:0;margin-top:6px;padding:0;font-size:13px}.alert.success{color:var(--color-success);background:var(--color-success-bg);border-color:var(--color-success-border)}.auth-divider{color:var(--color-text-secondary);font-family:var(--font-mono);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-line-dashed);background-image:linear-gradient(to right, var(--color-line-dashed) 60%, transparent 0%);background-repeat:repeat-x;background-size:6px 1px;flex:1;height:1px}.google-button{gap:10px;margin-top:0}.google-mark{flex-shrink:0}.turnstile-widget{min-height:65px}.auth-page .form>.button.primary{background:var(--color-cta);color:var(--color-on-primary)}.auth-page .form>.button.primary:hover:not(:disabled){background:var(--color-cta-hover)}.auth-illu{margin-bottom:var(--spacing-4);color:var(--color-accent);place-items:center;display:grid}.cookie-consent{left:var(--spacing-6);right:var(--spacing-6);bottom:var(--spacing-6);z-index:var(--z-toast);align-items:center;gap:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);max-width:720px;box-shadow:var(--shadow-lg);flex-wrap:wrap;justify-content:space-between;margin:0 auto;padding:18px 20px;display:flex;position:fixed}.cookie-consent p{color:var(--color-text-secondary);flex:380px;margin:0;font-size:13px;line-height:1.5}.cookie-consent .button{flex-shrink:0}
.app-layout{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-subtle);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar>.brand{padding:0 8px 26px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a,.sidebar-logout{border-radius:var(--radius-sm);min-height:46px;color:var(--color-text-secondary);transition:background var(--transition), color var(--transition);align-items:center;gap:12px;padding:10px 13px;font-size:14px;font-weight:600;display:flex}.sidebar nav a:hover,.sidebar-logout:hover,.sidebar .theme-toggle:hover,.sidebar .theme-toggle:focus-visible{background:var(--color-accent-soft);color:var(--color-accent)}.sidebar .theme-toggle{margin-top:auto}.sidebar form{margin-top:0}.sidebar-logout{background:0 0;border:0;width:100%}.app-main{width:100%;min-width:0;max-width:1320px;margin:0 auto;padding:40px}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.01em;margin:3px 0;font-size:30px;font-weight:600}.page-head p{color:var(--color-text-secondary);margin:0}.theme-toggle{min-width:var(--control-height-md);min-height:var(--control-height-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);justify-content:center;align-items:center;gap:var(--spacing-2);white-space:nowrap;transition:border-color var(--duration-base) var(--ease-pandu), color var(--duration-base) var(--ease-pandu), background var(--duration-base) var(--ease-pandu);background:0 0;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.theme-toggle-row{border-radius:var(--radius-sm);border:0;justify-content:flex-start;width:100%;min-height:46px;padding:10px 13px}
.page-head-actions{gap:var(--spacing-2);flex-wrap:wrap;align-items:center;display:flex}.welcome-panel{border-radius:var(--radius-lg);background:var(--color-accent);min-height:230px;color:var(--color-on-primary);justify-content:space-between;align-items:center;padding:38px 44px;display:flex;position:relative;overflow:hidden}.welcome-panel h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-on-primary);margin:16px 0 7px;font-size:29px;font-weight:600}.welcome-panel p{color:var(--color-on-primary-muted);max-width:480px;margin:0 0 20px}.welcome-panel a{align-items:center;gap:7px;font-weight:700;display:inline-flex}.welcome-panel>svg{opacity:.13;flex-shrink:0;transform:rotate(-8deg)}.light-eyebrow{background:var(--color-on-primary-14);border-color:var(--color-on-primary-22);color:var(--color-on-primary)}.dashboard-grid{grid-template-columns:1.6fr .8fr;gap:20px;margin-top:20px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius);padding:26px}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-title h2{margin:0;font-size:18px}.panel-title p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.panel-title>a{color:var(--color-accent);font-size:13px;font-weight:700}.conversation-list,.history-list{margin-top:18px}.conversation-list>a,.history-list>a{padding:14px var(--space-sm);border-top:1px dashed var(--color-line-dashed);transition:background var(--transition);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.history-list>a{grid-template-columns:auto 1fr}.conversation-list>a:hover,.history-list>a:hover{background:var(--color-accent-soft);border-radius:var(--radius-sm);border-top-color:#0000;margin:0 -12px;padding-inline:17px}.conversation-list>a>span,.history-list>a>span{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);place-items:center;display:grid}.conversation-list small,.history-list small{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono);align-items:center;gap:5px;margin-top:3px;display:flex}.usage-card .usage-number,.usage-detail .usage-number{margin-top:28px}.usage-number strong{font-family:var(--font-mono);letter-spacing:-.02em;font-size:36px}.usage-number span{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:13px}.progress{background:var(--color-sunken);border-radius:var(--radius-full);height:8px;margin:12px 0;overflow:hidden}.progress i{background:var(--color-accent);border-radius:inherit;height:100%;transition:width var(--transition-slow);display:block}.usage-card>small{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px}.usage-card>.button{margin-top:25px}.usage-detail{max-width:680px}.usage-detail p{color:var(--color-text-secondary)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:40px 20px}.empty-state>span{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:48px;height:48px;color:var(--color-accent);place-items:center;margin:auto;display:grid}.empty-state>svg{color:var(--color-accent);margin:auto}.empty-state h3,.empty-state h2{color:var(--color-text-primary);margin:14px 0 4px;font-size:17px}.empty-state a{color:var(--color-accent);font-weight:700}
.chat-shell{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);grid-template-rows:auto 1fr auto;max-width:960px;height:calc(100vh - 76px);margin:-10px auto 0;display:grid;overflow:hidden}.chat-top{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.chat-top>div{flex-direction:column;display:flex}.online{color:var(--color-success);font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:5px;display:inline-flex}.online i{background:var(--color-success);border-radius:50%;width:7px;height:7px;display:inline-block}.icon-button{border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);width:44px;height:44px;color:var(--color-text-secondary);transition:border-color var(--transition), color var(--transition), background var(--transition);place-items:center;display:grid}.icon-button:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.messages{padding:26px;overflow:auto}.chat-empty{text-align:center;max-width:650px;margin:8vh auto}.chat-empty>span{background:var(--color-accent-soft);width:58px;height:58px;color:var(--color-accent);border-radius:var(--radius-md);place-items:center;margin:auto;display:grid}.chat-empty h1{font-family:var(--font-display);letter-spacing:-.01em;margin:18px 0 6px;font-size:27px;font-weight:600}.chat-empty p{color:var(--color-text-secondary)}.prompt-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.prompt-grid button{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);text-align:left;min-height:72px;color:var(--color-text-secondary);transition:border-color var(--transition), background var(--transition);padding:12px 14px;font-size:13px;line-height:1.5}.prompt-grid button:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft)}.prompt-grid button:disabled{opacity:.55;cursor:not-allowed}.message{grid-template-columns:auto 1fr;gap:12px;max-width:780px;margin:22px auto;display:grid}.message .avatar{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:34px;height:34px;color:var(--color-accent);place-items:center;display:grid}.message.user .avatar{background:var(--color-sunken);color:var(--color-text-secondary)}.message.error .avatar{background:var(--color-danger-bg);color:var(--color-danger)}.message.error p{color:var(--color-danger)}.message strong{font-size:13px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0;line-height:1.7}.chat-msg-attachments{flex-direction:column;align-items:flex-start;gap:8px;margin:8px 0 4px;display:flex}.chat-msg-attachment-img{object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-sunken);width:auto;max-width:min(100%,18rem);height:auto;max-height:14rem;display:block}.message-md{line-height:1.7}.message-md>:first-child{margin-top:5px}.message-md>:last-child{margin-bottom:0}.message-md p{white-space:normal;overflow-wrap:anywhere;margin:5px 0}.message-md ul,.message-md ol{margin:8px 0;padding-left:22px}.message-md li{margin:3px 0}.message-md li>p{margin:0}.message-md h1,.message-md h2,.message-md h3,.message-md h4{font-family:var(--font-display);letter-spacing:-.01em;margin:14px 0 6px;font-weight:600;line-height:1.3}.message-md h1{font-size:20px}.message-md h2{font-size:18px}.message-md h3{font-size:16px}.message-md h4{font-size:15px}.message-md strong{font-size:inherit;font-weight:700}.message-md a{color:var(--color-accent);overflow-wrap:anywhere;text-decoration:underline}.message-md code{background:var(--color-accent-soft);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.message-md pre{background:var(--color-code-bg);color:var(--color-code-fg);border-radius:var(--radius-sm);margin:8px 0;padding:12px 14px;overflow:auto}.message-md pre code{color:inherit;background:0 0;padding:0}.message-md blockquote{border-left:3px solid var(--color-border-subtle);color:var(--color-text-secondary);margin:8px 0;padding-left:12px}.message-md table{border-collapse:collapse;margin:8px 0;font-size:14px;display:block;overflow-x:auto}.message-md th,.message-md td{border:1px solid var(--color-border-subtle);text-align:left;padding:5px 9px}.source-chip{background:var(--color-accent-soft);color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline;border-radius:999px;align-items:baseline;max-width:280px;margin:0 2px;padding:1px 8px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex;overflow:hidden}.chat-typing{gap:4px;padding-top:12px;display:flex}.chat-typing i{background:var(--color-typing-dot);width:6px;height:6px;animation:pulse calc(var(--duration-base) * 7) infinite;border-radius:50%}.chat-typing i:nth-child(2){animation-delay:var(--duration-fast)}.chat-typing i:nth-child(3){animation-delay:calc(var(--duration-fast) * 2)}.composer{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);grid-template-columns:1fr auto;margin:0 22px 20px;padding:10px 10px 8px;display:grid}.composer:focus-within{border-color:var(--color-accent);box-shadow:var(--ring-offset)}.composer textarea{resize:none;padding:12px var(--space-sm);background:0 0;border:0;outline:0;min-height:42px;max-height:150px}.composer-send,.composer button[type=submit]{border-radius:var(--radius-sm);background:var(--color-accent);width:42px;height:42px;color:var(--color-on-primary);transition:background var(--transition), transform var(--transition);border:0;place-items:center;display:grid}.composer-send:hover:not(:disabled),.composer button[type=submit]:hover:not(:disabled){background:var(--color-accent-hover)}.composer-send:disabled,.composer button[type=submit]:disabled{background:var(--color-border-strong);cursor:not-allowed}.composer small{text-align:center;color:var(--color-text-tertiary);font-family:var(--font-mono);grid-column:1/-1;padding-top:6px;font-size:10px}.chat-attach{grid-column:1/-1;gap:6px;padding:0 4px 8px;display:grid}.chat-attach.is-dragover{outline:2px dashed var(--color-accent);outline-offset:2px;background:var(--color-accent-soft);border-radius:var(--radius-sm)}.chat-attach-warning{border-radius:var(--radius-xs);background:var(--color-warning-bg);color:var(--color-warning);font-size:11px;font-family:var(--font-mono);margin:0;padding:6px 8px}.chat-attach-actions{flex-wrap:wrap;gap:6px;display:flex}.chat-attach-btn{border:1px dashed var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);min-height:36px;color:var(--color-text-secondary);font-family:var(--font-mono);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.chat-attach-btn:hover:not(:disabled),.chat-attach-btn:focus-visible{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.chat-attach-btn:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.chat-attach-btn:disabled{opacity:.55;cursor:not-allowed}.chat-attach-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.chat-attach-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);justify-content:space-between;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.chat-attach-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-sunken);flex:none;width:48px;height:48px}.chat-attach-item div{flex:auto;gap:2px;min-width:0;display:grid}.chat-attach-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-attach-item span,.chat-attach-item em{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:10px;font-style:normal}.chat-attach-item progress{width:100%;height:6px}.chat-attach-error{color:var(--color-danger)}.chat-attach-block-hint{font-size:11px;font-family:var(--font-mono);color:var(--color-danger);margin:0}.chat-attach-remove{color:var(--color-text-secondary);background:0 0;border:0;place-items:center;min-width:28px;min-height:28px;display:grid}.chat-attach-remove:hover,.chat-attach-remove:focus-visible{color:var(--color-danger)}.chat-attach-item.is-processing em{color:var(--color-warning)}.chat-footer{flex-direction:column;min-height:0;display:flex}.chat-footer .gamel-bookmark-panel{max-height:220px;margin:0 22px 8px;overflow:auto}.composer-toolbar{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 8px;display:flex}.composer-toolbar-left{align-items:center;gap:8px;display:flex;position:relative}.composer-toolbar-right{align-items:center;gap:8px;display:flex}.chat-action-container{position:relative}.chat-action-btn{border-radius:var(--radius-xs);border:1px solid var(--color-border-strong);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);place-items:center;padding:0;display:grid}.chat-action-btn:hover,.chat-action-btn.is-open{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.chat-action-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.chat-action-menu{z-index:40;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow-md);gap:2px;padding:4px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0}.chat-action-menu-item{border-radius:var(--radius-xs);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12px;display:flex}.chat-action-menu-item:hover{background:var(--color-accent-soft);color:var(--color-accent)}.chat-action-menu-text strong{font-size:12px;font-weight:600;line-height:1.2;display:block}.chat-action-menu-text span{color:var(--color-text-secondary);margin-top:1px;font-size:10px;display:block}.chat-mode-dropdown{position:relative}.chat-mode-trigger{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);min-height:32px;color:var(--color-text-primary);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.chat-mode-trigger:hover,.chat-mode-trigger.is-open{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.chat-mode-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.chat-mode-trigger-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:500}.chat-mode-trigger-value{color:inherit;font-weight:700}.chat-mode-chevron{color:var(--color-text-secondary);transition:transform var(--transition)}.chat-mode-trigger.is-open .chat-mode-chevron{transform:rotate(180deg)}.chat-mode-menu{z-index:40;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:260px;box-shadow:var(--shadow-md);gap:2px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0}.chat-mode-menu-header{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);margin-bottom:4px;padding:4px 8px 6px;font-size:9px;font-weight:700}.chat-mode-item{border-radius:var(--radius-xs);text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.chat-mode-item:hover,.chat-mode-item.is-selected{background:var(--color-accent-soft)}.chat-mode-item-content{gap:1px;display:grid}.chat-mode-item-title{font-family:var(--font-mono);color:var(--color-text-primary);font-size:12px;font-weight:700}.chat-mode-item.is-selected .chat-mode-item-title{color:var(--color-accent)}.chat-mode-item-hint{color:var(--color-text-secondary);font-size:11px}.chat-mode-check{color:var(--color-accent);font-size:14px;font-weight:700}.chat-mode-chip{font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);vertical-align:middle;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600}.chat-context-picker{grid-column:1/-1;padding:0 4px 8px;position:relative}.chat-context-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-context-pills .chat-attach{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.chat-context-pills .chat-attach-warning,.chat-context-pills .chat-attach-list{flex:100%}.chat-context-pill{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-accent-soft);max-width:220px;color:var(--color-accent);font-family:var(--font-mono);align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.chat-context-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-context-pill button{color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.chat-context-add{border:1px dashed var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-full);font-family:var(--font-mono);padding:3px 10px;font-size:10px;font-weight:600}.composer-upload-btn{visibility:visible;border:1px dashed var(--color-accent);background:var(--color-accent-soft);min-height:32px;color:var(--color-accent);border-radius:var(--radius-full);font-family:var(--font-mono);align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.chat-context-menu-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 6px 6px;display:flex}.chat-context-menu-header strong{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:10px}.chat-context-menu-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.chat-context-menu-close:hover{color:var(--color-text-primary)}.chat-context-menu{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);gap:4px;max-height:240px;margin-top:8px;padding:8px;display:grid;overflow:auto}.chat-context-menu input{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);padding:6px 8px;font-size:13px}.chat-context-menu p{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:8px 0 2px;font-size:10px}.chat-context-menu button{text-align:left;border-radius:var(--radius-xs);background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.chat-context-menu button.is-active,.chat-context-menu button[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent)}.chat-artifact-card{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-accent-soft);margin-top:10px;padding:12px}.chat-artifact-card strong{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px;font-size:11px;display:block}.chat-artifact-card p{white-space:pre-wrap;margin:0 0 8px;font-size:14px}.chat-artifact-card small{color:var(--color-text-secondary);margin-bottom:8px;display:block}.chat-artifact-save{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-artifact-save select{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);min-width:160px;padding:6px 8px}.chat-turn-failed{border-radius:var(--radius-sm);background:var(--color-danger-bg);margin-top:8px;padding:10px 12px}.chat-turn-failed p{color:var(--color-danger);margin:0 0 8px;font-size:13px}
.pricing-grid{grid-template-columns:repeat(2,minmax(0,390px));justify-content:center;gap:20px;display:grid}.price-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;padding:30px;display:flex;position:relative}.price-card.featured{border:2px solid var(--color-accent);box-shadow:var(--shadow)}.popular{background:var(--color-cta);color:var(--color-on-primary);font-family:var(--font-mono);letter-spacing:.03em;border-radius:var(--radius-xs);box-shadow:var(--shadow-sm);padding:6px 10px;font-size:10px;font-weight:600;position:absolute;top:-12px;right:22px}.price-card h2{margin:0;font-size:19px}.price-card>p{color:var(--color-text-secondary);min-height:50px;font-size:14px}.price{margin:24px 0}.price strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:34px;font-weight:600}.price span{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12px}.price-card ul{flex:1;margin:0 0 26px;padding:0;list-style:none}.price-card li{align-items:center;gap:9px;margin:12px 0;font-size:14px;display:flex}.price-card li svg{color:var(--color-success);flex-shrink:0}
.settings-stack{gap:24px;width:100%;max-width:780px;display:grid}.settings-panel{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs);padding:24px 28px}.settings-panel h2{letter-spacing:-.01em;color:var(--color-text-primary);margin:0 0 6px;font-size:18px;font-weight:700}.panel-description{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;line-height:1.6}.settings-panel .form{gap:16px}.settings-panel .form label{color:var(--color-text-primary);font-size:13px;font-weight:600}.settings-panel .form input,.settings-panel .form select{border-radius:var(--radius-xs);height:44px;min-height:44px;padding:0 12px;font-size:14px}.settings-panel .form textarea{border-radius:var(--radius-xs);padding:10px 12px;font-size:14px;line-height:1.5}.settings-panel .button.full,.settings-panel button[type=submit]{align-self:flex-start;width:auto;min-width:170px;min-height:40px;padding:8px 18px;font-size:14px}.mobile-account-actions{display:none}.totp-settings{gap:14px;display:grid}.totp-settings img{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);padding:10px}.totp-settings code{background:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;padding:12px 14px;font-size:13px;display:block}.telegram-link-code{background:var(--color-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);gap:10px;margin-top:14px;padding:16px;display:grid}.telegram-link-code p{color:var(--color-text-secondary);margin:0;font-size:13px}.link-code{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);width:fit-content;font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-accent);padding:8px 16px;font-size:18px;font-weight:700;display:inline-block}.memory-settings{gap:24px;display:grid}.memory-intro{border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);align-items:center;gap:14px;padding:14px 16px;display:flex}.memory-intro>span{border-radius:var(--radius-sm);background:var(--color-surface);width:38px;height:38px;color:var(--color-accent);box-shadow:var(--shadow-xs);flex:0 0 38px;place-items:center;display:grid}.memory-intro p{color:var(--color-text-secondary);margin:2px 0 0;font-size:12px;line-height:1.5}.memory-divider{background:var(--color-border-subtle);height:1px;margin:8px 0}.memory-settings h3{color:var(--color-text-primary);margin:0 0 4px;font-size:16px;font-weight:700}.memory-list{gap:10px;display:grid}.memory-empty{border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-secondary);text-align:center;padding:18px;font-size:13px}.memory-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--transition), box-shadow var(--transition);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.memory-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.memory-item>div{min-width:0}.memory-item span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full);margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.memory-item p{color:var(--color-text-primary);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.memory-delete{border-radius:var(--radius-xs);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.memory-delete:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border-soft)}
.status-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;max-width:560px;margin:9vh auto;padding:42px}.status-card>span{border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;display:grid}.status-card>span svg{width:32px;height:32px}.success-icon{background:var(--color-success-bg);color:var(--color-success)}.error-icon{background:var(--color-danger-bg);color:var(--color-danger)}.pending-icon{background:var(--color-warning-bg);color:var(--color-warning)}.status-card h1{font-family:var(--font-display);letter-spacing:-.01em;margin-top:22px;font-size:23px;font-weight:600}.status-card dl{text-align:left;border-top:1px dashed var(--color-line-dashed);margin-top:28px}.status-card dl div{border-bottom:1px dashed var(--color-line-dashed);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.status-card dt{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:.02em;font-size:12px}.status-card dd{font-family:var(--font-mono);text-align:right;margin:0;font-weight:600}
.public-page{max-width:1100px;padding:calc(var(--spacing-12) + var(--spacing-6)) var(--spacing-6) calc(var(--spacing-12) * 2);margin:auto}.public-heading{text-align:center;max-width:720px;margin:0 auto var(--spacing-12)}.public-heading h1{margin-top:var(--spacing-4)}.public-pricing{max-width:820px;margin:auto}.faq-list{max-width:780px;margin:auto}.faq-list details{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:0 var(--spacing-6);margin:var(--spacing-2) 0;transition:border-color var(--transition)}.faq-list details[open]{border-color:var(--color-border-strong)}.faq-list summary{padding:var(--spacing-4) 0;justify-content:space-between;align-items:center;gap:var(--spacing-4);min-height:var(--control-height-md);font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--font-mono);color:var(--color-accent);transition:transform var(--transition);font-size:18px;font-weight:500}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list p{color:var(--color-text-secondary);margin:0 0 var(--spacing-4)}.help-cta{text-align:center;margin:var(--spacing-12) auto 0}.help-cta .button{min-height:var(--control-height-md)}.legal-page{max-width:780px;margin:var(--spacing-12) auto calc(var(--spacing-12) * 2);padding:0 var(--spacing-6)}.legal-page h1{font-family:var(--font-display);letter-spacing:-.01em;font-size:38px;font-weight:600}.legal-page h2{margin-top:var(--spacing-8);font-size:20px}.legal-page p{color:var(--color-text-secondary)}.legal-page a{color:var(--color-accent);font-weight:700}.legal-page code{font-family:var(--font-mono);color:var(--color-text-primary);background:var(--color-accent-soft);padding:1px var(--spacing-1);border-radius:var(--radius-xs);font-size:13px}.updated{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:13px}.legal-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-4);font-size:13px}.legal-table th,.legal-table td{padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;overflow-wrap:anywhere}.legal-table th{color:var(--color-text-secondary);font:600 11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.error-page,.loading-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:80vh;padding:20px;display:flex}.error-page p{color:var(--color-text-secondary);max-width:480px}.error-page>svg{color:var(--color-danger);margin-bottom:8px}.error-page>strong{font-family:var(--font-display);color:var(--color-border-strong);font-size:68px;font-weight:600}.error-page .button,.error-page a:not(.button){margin-top:10px}.spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:900px){.hero{grid-template-columns:1fr;gap:40px;margin-top:12px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-copy>small{justify-content:center}.feature-grid{grid-template-columns:1fr 1fr}.use-steps,.dashboard-grid{grid-template-columns:1fr}.app-layout{grid-template-columns:82px 1fr}.sidebar{padding:20px 12px}.sidebar .brand span:last-child,.sidebar nav span,.theme-toggle span{display:none}.sidebar .brand,.sidebar nav a,.sidebar .theme-toggle{justify-content:center}.site-header .theme-toggle{padding:0}.sidebar-logout{justify-content:center;font-size:0}.app-main{padding:28px}.prompt-grid{grid-template-columns:1fr}.welcome-panel>svg{display:none}}@media (max-width:640px){html{--header-height:66px}.site-header{padding:0 var(--spacing-4)}.site-header nav>a:not(.button){display:none}.site-header nav>a[href=\/masuk]{display:inline-flex}.site-header nav{gap:var(--spacing-2)}.brand{font-size:14px}.brand-mark{width:var(--control-height-sm);height:var(--control-height-sm)}.hero{margin-bottom:40px;padding:30px 18px}.hero h1{font-size:2.3rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-card{padding:18px}.hero-mock{min-height:0}.section{padding:55px 18px}.demo-grid,.feature-grid,.use-steps{grid-template-columns:1fr}.use-steps li:last-child{grid-column:auto}.cta-band{flex-direction:column;align-items:flex-start;gap:22px;margin:30px 18px 60px;padding:30px 24px}.footer{padding:var(--spacing-8) var(--spacing-6);flex-direction:column;display:flex}.footer div:nth-child(2){gap:var(--spacing-2);flex-direction:column}.auth-card{padding:var(--spacing-8) var(--spacing-6)}.app-layout{padding-bottom:calc(72px + env(safe-area-inset-bottom));display:block}.sidebar{z-index:20;width:auto;height:calc(68px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--color-border-subtle);padding:7px 8px calc(7px + env(safe-area-inset-bottom));flex-direction:row;align-items:stretch;position:fixed;inset:auto 0 0}.sidebar>.brand,.sidebar form{display:none}.sidebar nav{flex-direction:row;flex:1;justify-content:space-around;height:100%}.sidebar nav a{flex-direction:column;flex:1;gap:2px;min-height:54px;padding:6px;font-size:10px}.sidebar nav a:nth-child(n+6){display:none}.sidebar nav span{display:block}.sidebar .theme-toggle{width:auto;min-width:var(--control-height-md);min-height:var(--control-height-md);flex:none;align-self:center;margin:0}.app-main{padding:20px 14px}.page-head{align-items:flex-start}.page-head h1{font-size:25px}.page-head .button{width:46px;padding:0;font-size:0}.page-head .button svg{margin:0}.welcome-panel{padding:28px 24px}.welcome-panel h2{font-size:24px}.panel{padding:20px}.chat-shell{height:calc(100dvh - 108px - env(safe-area-inset-bottom));border-left:0;border-right:0;border-radius:0;margin:0 -14px}.messages{padding:16px}.composer{margin:0 10px 10px}.chat-empty{margin:4vh auto}.chat-empty h1{font-size:23px}.pricing-grid{grid-template-columns:1fr}.public-page{padding:45px 18px 70px}.legal-page h1{font-size:30px}.price-card>p{min-height:0}.powered-by-logos{gap:28px}}
html.js .reveal{opacity:0;transition:opacity .56s,transform .56s;transform:translateY(18px)}html.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.illu-pulse,.illu-breathe,.illu-audio .illu-bar,.illu-eyelid,.illu-tick polyline{animation:none}.illu-eyelid{transform:scaleY(0)}.illu-tick polyline{stroke-dashoffset:0}.hero-caret{opacity:0;animation:none}.hero-mock.is-menu .hero-slash-menu{display:none}.hero-pearl{opacity:1;transform:none}}
.admin-shell{max-width:1440px;margin:0 auto}.admin-tabs{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);gap:6px;width:max-content;max-width:100%;margin-bottom:28px;padding:5px;display:flex;overflow-x:auto}.admin-tabs a{white-space:nowrap;border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:8px 14px;font-size:13px;font-weight:700}.admin-tabs a:hover{color:var(--color-accent);background:var(--color-accent-soft)}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.admin-stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-stat{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:20px;display:flex}.admin-stat>span{width:40px;height:40px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-xs);place-items:center;display:grid}.admin-stat div{flex-direction:column;min-width:0;display:flex}.admin-stat small{color:var(--color-text-secondary);font:600 11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.admin-stat strong{letter-spacing:-.04em;margin-top:6px;font-size:24px}.admin-stat p{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:12px;overflow:hidden}.admin-stat.compact strong{font-size:20px}.admin-chart-panel{margin-top:20px}.admin-bar-chart{border-bottom:1px solid var(--color-border-subtle);align-items:flex-end;gap:8px;height:250px;padding-top:20px;display:flex}.admin-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:18px;height:100%;display:flex}.admin-bar{background:linear-gradient(var(--color-accent),var(--color-accent-hover));border-radius:3px 3px 0 0;width:min(34px,80%);min-height:3px}.admin-bar-column small{color:var(--color-text-secondary);font:500 9px/1.2 var(--font-mono);writing-mode:vertical-rl;height:45px}.status-badge{border-radius:var(--radius-full);width:max-content;font:700 10px/1.2 var(--font-mono);align-items:center;padding:5px 9px;display:inline-flex}.status-badge.active{color:var(--color-success);background:var(--color-success-bg)}.status-badge.disabled{color:var(--color-warning);background:var(--color-warning-bg)}.status-badge.blocked{color:var(--color-danger);background:var(--color-danger-bg)}.admin-filters{grid-template-columns:minmax(240px,1fr) 180px 180px auto;gap:10px;margin-bottom:18px;display:grid}.admin-filters label{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);align-items:center;gap:8px;padding:0 12px;display:flex}.admin-filters input{background:0 0;border:0;outline:0;width:100%;height:42px}.admin-filters select{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);min-height:42px;padding:0 10px}.admin-table-wrap{padding:0;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:var(--color-text-secondary);background:var(--color-sunken);border-bottom:1px solid var(--color-border-subtle);font:600 10px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em;padding:13px 16px}.admin-table td{border-bottom:1px solid var(--color-border-subtle);vertical-align:middle;padding:14px 16px}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:var(--color-text-secondary);margin-top:3px}.admin-table tbody tr:hover{background:var(--color-accent-soft)}.table-link,.admin-back{color:var(--color-accent);font-weight:700}.admin-back{align-items:center;gap:6px;margin-bottom:18px;font-size:13px;display:inline-flex}.empty-admin{text-align:center;color:var(--color-text-secondary);padding:30px}.admin-control-grid,.admin-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0;display:grid}.admin-control-grid{position:relative}.admin-control-grid h2,.admin-plan h2{font-size:18px}.admin-help,.admin-footnote{color:var(--color-text-secondary);font-size:12px}.admin-notice{position:absolute;bottom:-52px;left:0;right:0}.admin-log-list{flex-direction:column;display:flex}.admin-log-list>div{border-bottom:1px dashed var(--color-line-dashed);flex-direction:column;gap:3px;padding:12px 0;display:flex}.admin-log-list span,.admin-log-list small{color:var(--color-text-secondary);font-size:12px}.admin-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-plan-head,.admin-form-row{justify-content:space-between;gap:14px;display:flex}.admin-form-row>label{flex:1}.admin-switch{align-items:center;gap:8px;display:flex!important}.admin-switch input{width:auto;height:auto;margin:0}.audit-metadata{white-space:nowrap;text-overflow:ellipsis;max-width:300px;color:var(--color-text-secondary);display:block;overflow:hidden}@media (max-width:1050px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters{grid-template-columns:1fr 1fr}}
.workspace-section-tabs{width:fit-content;margin:0 0 var(--spacing-4);background:var(--color-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.workspace-section-tabs a{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition);align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.workspace-section-tabs a.active{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--shadow-sm);font-weight:700}.workspace-section-tabs a:hover:not(.active){background:var(--color-accent-soft);color:var(--color-accent)}.notebook-create-form{align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:22px;display:flex}.notebook-create-form input{border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);min-width:220px;height:44px;color:var(--color-text-primary);flex:1;padding:0 14px}.notebook-create-form input:focus{border-color:var(--color-accent);box-shadow:var(--ring-offset);outline:0}.notebook-create-form .admin-help,.notebook-create-form .field-error{flex-basis:100%;margin:0}.notebook-upload-button{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;display:inline-flex}.notebook-upload-button:has(+input:disabled){opacity:.55;cursor:not-allowed}.notebook-jobs{margin-top:18px}.notebook-jobs>div{padding:14px var(--space-sm);border-top:1px dashed var(--color-line-dashed);grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.notebook-jobs>div>span{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);place-items:center;display:grid}.notebook-jobs small{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono);align-items:center;gap:5px;margin-top:3px;display:flex}.spin{animation:1s linear infinite spin}.notebook-chat-messages{max-height:420px;margin-bottom:18px;padding-right:4px;overflow-y:auto}.notebook-jobs audio{width:100%;max-width:420px;margin-top:10px;display:block}.workspace-shell{grid-template-columns:minmax(220px, var(--workspace-nav-width)) minmax(0, 1fr);gap:var(--spacing-4);align-items:stretch;min-height:calc(100dvh - 160px);display:grid;overflow-x:hidden}.workspace-nav{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:12px;min-height:480px;padding:14px;display:flex}.workspace-nav-actions{flex-wrap:wrap;gap:8px;display:flex}.workspace-search{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-canvas);align-items:center;gap:8px;padding:8px 10px;display:flex}.workspace-search input{width:100%;font:inherit;background:0 0;border:0}.workspace-filters{gap:6px;display:flex}.workspace-filters button{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:12px;font-weight:700}.workspace-filters button.active,.workspace-filters button:hover{background:var(--color-accent-soft);color:var(--color-accent)}.workspace-list{flex-direction:column;flex:1;gap:4px;display:flex;overflow:auto}.workspace-list a,.workspace-restore{border-radius:var(--radius-sm);color:var(--color-text-primary);align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.workspace-list a.active,.workspace-list a:hover{background:var(--color-accent-soft);color:var(--color-accent)}.workspace-list-row{flex-direction:column;gap:4px;display:flex}.workspace-editor-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.workspace-editor-head form{flex:1}.workspace-editor-head input{width:100%;color:var(--color-text-primary);background:0 0;border:0;font-size:22px;font-weight:800}.workspace-editor-head>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workspace-editor-head select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-canvas);max-width:180px;padding:6px 8px;font-size:13px}.workspace-folder-back{color:var(--color-accent);text-align:left;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:700}.workspace-related-note{width:100%;padding:14px var(--space-sm);text-align:left;color:inherit;border:0;border-top:1px dashed var(--color-line-dashed);background:0 0;grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.workspace-related-note:hover{background:var(--color-accent-soft)}.workspace-related-note>span{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);place-items:center;display:grid}.workspace-related-note small{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono);margin-top:3px;display:block}.empty-state input{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);width:min(360px,100%);margin:12px auto;padding:8px 10px;display:block}.workspace-note-dialog{z-index:40;background:var(--color-overlay);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.workspace-note-dialog-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);width:min(920px,100%);max-height:min(88dvh,900px);padding:16px 18px 24px;overflow:auto}.workspace-note-dialog-card header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.workspace-note-dialog-card header>div:last-child{align-items:center;gap:8px;display:flex}.workspace-main{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:0;padding:18px}.workspace-confirm-card{background:var(--color-canvas);width:min(420px,100%);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:18px}.workspace-confirm-card h2{font-family:var(--font-display);margin:0 0 8px}.workspace-confirm-card p{margin:0 0 16px}.workspace-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.workspace-restore-hint{color:var(--color-text-primary);border:1px solid var(--color-border-strong);background:var(--color-accent-soft);border-radius:var(--radius-sm);padding:8px 10px}.workspace-nav-toggle,.workspace-nav-close,.workspace-nav-backdrop{display:none}.workspace-search-filters{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 12px;font-size:12px;display:flex}.workspace-search-filters label{cursor:pointer;align-items:center;gap:6px;min-height:44px;display:inline-flex}.workspace-search-filters input[type=date]{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-text-primary);padding:6px 8px}.workspace-search-skeleton span{border-radius:var(--radius-sm);background:var(--color-accent-soft);height:40px;margin-bottom:6px;display:block}.workspace-search-snippet{color:var(--color-text-secondary);margin:0 10px 8px;font-size:12px;font-weight:400}.workspace-search-snippet mark{background:var(--color-accent-soft);color:var(--color-text-primary);padding:0 1px}.workspace-undo-toast{bottom:calc(12px + var(--editor-kb,0px));z-index:6;border:1px solid var(--color-border-strong);background:var(--color-canvas);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex;position:sticky}.workspace-undo-toast button{min-width:44px;min-height:44px}.workspace-search .icon-button{flex-shrink:0;width:44px;height:44px}.app-main:has(.workspace-shell){padding:var(--spacing-4);max-width:none}.app-main:has(.workspace-shell)>.page-head{display:none}.workspace-shell .icon-button:disabled{opacity:.55;cursor:not-allowed}.workspace-shell .icon-button:active:not(:disabled){background:var(--color-accent-soft)}.workspace-wordmark{width:var(--spacing-12);height:var(--spacing-6);color:var(--color-text-primary);background:currentColor;flex-shrink:0;display:inline-block;-webkit-mask:url(/wordmark.svg) 50%/contain no-repeat;mask:url(/wordmark.svg) 50%/contain no-repeat}.workspace-nav{background:var(--color-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;min-width:0;min-height:480px;padding:0;display:flex}.workspace-tree-head,.workspace-main-head{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-lg);padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);display:flex}.workspace-tree-head{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.workspace-tree-head .workspace-wordmark{display:none}.workspace-tree-head strong{color:var(--color-text-primary);letter-spacing:-.01em;font-size:14px;font-weight:700}.workspace-tree-head-actions{align-items:center;gap:2px;margin-inline-start:auto;display:flex}.workspace-tree-head-actions .icon-button{border-radius:var(--radius-xs);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.workspace-tree-head-actions .icon-button:hover:not(:disabled),.workspace-tree-head-actions .icon-button:focus-visible{background:var(--color-accent-soft);color:var(--color-accent);border:0}.workspace-tree-head-actions .icon-button:active:not(:disabled){transform:scale(.95)}.workspace-main-head-actions .icon-button{border-radius:var(--radius-xs);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.workspace-main-head-actions .icon-button:hover:not(:disabled),.workspace-main-head-actions .icon-button:focus-visible{background:var(--color-accent-soft);color:var(--color-accent);border:0}.workspace-tree-head-actions .icon-button svg,.workspace-main-head-actions .icon-button svg{stroke-width:1.8px;width:16px;height:16px}.workspace-main>.fk-disclaimer{margin:var(--spacing-4) var(--spacing-6) 0;border:1px solid var(--color-border-subtle)}.workspace-tree-sec{font:600 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);padding:var(--spacing-4) var(--spacing-2) var(--spacing-2)}.workspace-tree-line{align-items:center;padding-inline-start:calc(var(--spacing-2) + (var(--tree-depth,0) * var(--spacing-4)));display:flex}.workspace-tree-chev{width:var(--control-height-md);min-width:var(--control-height-md);min-height:var(--control-height-md);color:var(--color-text-secondary);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid}.workspace-tree-chev.is-open svg{transform:rotate(90deg)}.workspace-tree-chev svg{transition:transform var(--duration-base) var(--ease-pandu)}.workspace-tree-row{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);border-radius:var(--radius-sm);padding:0 var(--spacing-2);color:var(--color-text-primary);scroll-margin-top:var(--control-height-lg);flex:1;font-size:13px;font-weight:600;display:flex}.workspace-tree-row:hover,.workspace-tree-row:focus-visible,.workspace-tree-row:active{background:var(--color-accent-soft)}.workspace-tree-row.is-on,.workspace-tree-row[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent)}.workspace-tree-row:disabled{opacity:.55;pointer-events:none}.workspace-tree-empty{margin:0 var(--spacing-2) var(--spacing-4);color:var(--color-text-secondary);font-size:13px}.workspace-main{background:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-direction:column;min-width:0;padding:0;display:flex}.workspace-main-head{z-index:var(--z-sticky);position:sticky;top:0}.workspace-crumb{align-items:center;gap:var(--spacing-1);flex-wrap:wrap;min-width:0;font-size:12px;font-weight:600;display:flex}.workspace-crumb a{color:var(--color-text-secondary)}.workspace-crumb a:hover,.workspace-crumb a:focus-visible{color:var(--color-accent)}.workspace-crumb span{color:var(--color-text-secondary)}.workspace-save{min-height:var(--control-height-md);padding:0 var(--spacing-2);font:600 11px/1 var(--font-mono);color:var(--color-text-secondary);align-items:center;display:inline-flex}.workspace-save.ok{color:var(--color-success)}.workspace-save.bad{color:var(--color-danger)}.workspace-banner{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:13px;font-weight:600;display:flex}.workspace-banner-off{background:var(--color-sunken);color:var(--color-text-secondary)}.workspace-banner-ro{background:var(--color-accent-soft);color:var(--color-accent)}.workspace-home,.workspace-search-view,.workspace-editor{padding:var(--spacing-6);max-width:var(--content-max-prose)}.workspace-kicker{font:600 11px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--spacing-2)}.workspace-home h2{font-family:var(--font-display);font-weight:600;font-size:var(--spacing-8);margin:0 0 var(--spacing-2);color:var(--color-text-primary)}.workspace-home>p{color:var(--color-text-secondary);margin:0 0 var(--spacing-6)}.workspace-favs{gap:var(--spacing-2);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.workspace-chip{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);padding:0 var(--spacing-4);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);font-size:13px;font-weight:600;display:inline-flex}.workspace-chip:hover,.workspace-chip:focus-visible,.workspace-chip:active{border-color:var(--color-border-strong);background:var(--color-accent-soft);color:var(--color-accent)}.workspace-home-row{justify-content:space-between;align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.workspace-card-grid{gap:var(--spacing-4);margin-top:var(--spacing-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.workspace-card{gap:var(--spacing-2);text-align:left;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-4);flex-direction:column;min-height:132px;display:flex}.workspace-card:hover,.workspace-card:focus-within,.workspace-card:active{border-color:var(--color-border-strong)}.workspace-card h3{color:var(--color-text-primary);margin:0;font-size:15px}.workspace-card p{color:var(--color-text-secondary);flex:1;margin:0;font-size:13px}.workspace-card-top{justify-content:space-between;gap:var(--spacing-2);display:flex}.workspace-empty{text-align:center;place-items:center;gap:var(--spacing-2);padding:var(--spacing-12) var(--spacing-6);display:grid}.workspace-empty h3{color:var(--color-text-primary);margin:0;font-size:18px}.workspace-empty p{color:var(--color-text-secondary);max-width:360px;margin:0}.workspace-illu{color:var(--color-accent)}.workspace-title{width:100%;font-family:var(--font-display);margin:var(--spacing-2) 0 var(--spacing-6);color:var(--color-text-primary);scroll-margin-top:var(--control-height-lg);background:0 0;border:0;padding:0;font-size:40px;font-weight:600;line-height:1.15}.workspace-title:disabled,.workspace-title[readonly]{color:var(--color-text-secondary)}.workspace-editor-tools{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.workspace-editor-tools select{min-height:var(--control-height-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);padding:0 var(--spacing-2);color:var(--color-text-primary)}.workspace-editor-tools select:disabled{opacity:.55}.workspace-hit{text-align:left;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--spacing-4);margin-bottom:var(--spacing-2);color:inherit;display:block}.workspace-hit:hover,.workspace-hit:focus-visible,.workspace-hit:active{border-color:var(--color-border-strong)}.workspace-search-snippet mark{background:var(--color-warning-bg);color:var(--color-text-primary);padding:0 var(--spacing-1);border-radius:var(--radius-xs)}.workspace-trash-item{align-items:center;gap:var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-4);margin:0 var(--spacing-2) var(--spacing-2);flex-wrap:wrap;display:flex}.workspace-trash-item p{margin:0}.workspace-trash-item small{color:var(--color-text-secondary)}.workspace-trash-item .button{min-height:var(--control-height-md)}.workspace-palette{background:var(--color-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);flex-direction:column;width:min(560px,100%);max-height:70vh;display:flex;overflow:hidden}.workspace-pal-search{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-bottom:1px solid var(--color-border-subtle);display:flex}.workspace-pal-search input{min-height:var(--control-height-md);color:var(--color-text-primary);background:0 0;border:0;flex:1}.workspace-pal-filters{gap:var(--spacing-2) var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.workspace-pal-filters label{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);display:inline-flex}.workspace-pal-list{padding:var(--spacing-2) 0;overflow:auto}.workspace-pal-item{align-items:center;gap:var(--spacing-2);width:100%;min-height:var(--control-height-md);text-align:left;padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-primary);background:0 0;border:0;display:flex}.workspace-pal-item:hover,.workspace-pal-item:focus-visible,.workspace-pal-item:active,.workspace-pal-item[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent)}.workspace-pal-item:disabled{opacity:.55}.workspace-pal-foot{gap:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);border-top:1px solid var(--color-border-subtle);background:var(--color-sunken);color:var(--color-text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.workspace-kbd{font:600 11px/1 var(--font-mono);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);padding:var(--spacing-1) var(--spacing-2);background:var(--color-surface);color:var(--color-text-primary)}.workspace-undo-toast{bottom:calc(var(--spacing-4) + var(--editor-kb,0px));z-index:var(--z-toast);gap:var(--spacing-2);margin:var(--spacing-4);padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4);background:var(--color-text-primary);color:var(--color-canvas);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:sticky}.workspace-undo-toast p{margin:0}.workspace-undo-toast button{min-height:var(--control-height-md);min-width:var(--control-height-md)}@media (max-width:900px){.workspace-shell{grid-template-columns:1fr;min-height:0}.workspace-nav-toggle{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);min-width:var(--control-height-md);padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);margin:0;display:inline-flex}.workspace-nav{width:min(var(--inspector-width), 92vw);z-index:var(--z-header);transition:transform var(--duration-base) var(--ease-pandu);min-height:100dvh;max-height:100dvh;box-shadow:var(--shadow-lg);border-radius:0;position:fixed;inset:0 auto 0 0;transform:translate(-110%)}.workspace-shell.nav-open .workspace-nav{transform:translate(0)}.workspace-shell.nav-open .workspace-nav-backdrop{z-index:calc(var(--z-header) - 1);background:var(--color-overlay);border:0;display:block;position:fixed;inset:0}.workspace-nav-close{min-width:var(--control-height-md);min-height:var(--control-height-md);color:var(--color-text-primary);background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.workspace-card-grid{grid-template-columns:1fr}.workspace-title{font-size:28px}.workspace-home,.workspace-search-view,.workspace-editor{padding:var(--spacing-4)}.workspace-filters button,.workspace-folder-back,.workspace-list a,.workspace-restore,.workspace-tree-row{min-height:var(--control-height-md)}.workspace-editor-head .icon-button,.workspace-editor-head select,.workspace-editor-tools select{min-height:var(--control-height-md);min-width:var(--control-height-md)}}
.db-shell{gap:var(--spacing-4);flex-direction:column;min-width:0;max-width:100%;display:flex}.db-shell .button{min-height:var(--control-height-md)}.db-toolbar,.db-foot,.db-filter-row,.db-sorts,.db-tabs{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.db-tabs button,.db-cell-btn,.db-check,.db-list a,.db-card a,.db-card select,.db-table select,.db-table input,.db-filters summary{min-height:var(--control-height-md);min-width:var(--control-height-md);cursor:pointer}.db-tabs button{align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;display:inline-flex}.db-tabs button.is-on,.db-tabs button:hover,.db-tabs button:focus-visible{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.db-filters{padding:var(--spacing-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface)}.db-filters summary{list-style:revert;font-weight:600;display:list-item}.db-filters summary::marker{color:var(--color-text-secondary)}.db-filter-group,.db-filter-row,.db-sorts{gap:var(--spacing-2);flex-wrap:wrap;align-items:end;display:flex}.db-filter-group label,.db-filter-row label,.db-sorts label,.db-card label{align-items:center;gap:var(--spacing-2);display:inline-flex}.db-scroll{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);max-width:100%;overflow-x:auto}.db-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}.db-table th,.db-table td{padding:0 var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);text-align:left;white-space:nowrap;vertical-align:middle}.db-table th{color:var(--color-text-secondary);background:var(--color-sunken);font-weight:600}.db-cell-btn{width:100%;padding:0 var(--spacing-2);color:var(--color-text-primary);text-align:left;font:inherit;background:0 0;border:0}.db-cell-btn:hover,.db-cell-btn:focus-visible{background:var(--color-accent-soft)}.db-check{justify-content:center;align-items:center;display:inline-flex}.db-check input,.db-multi input{accent-color:var(--color-accent)}.db-cell-url{align-items:center;gap:var(--spacing-2);min-width:0;display:inline-flex}.db-cell-url a{color:var(--color-accent);text-overflow:ellipsis;text-decoration:underline;overflow:hidden}.db-cell-edit{min-height:var(--control-height-md);padding:0 var(--spacing-2);color:var(--color-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:12px}.db-cell-edit:hover,.db-cell-edit:focus-visible{background:var(--color-accent-soft);color:var(--color-accent)}.db-list{margin:0;padding:0;list-style:none}.db-list li{gap:var(--spacing-4);min-height:var(--control-height-md);padding:0 var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap;align-items:center;font-size:13px;display:flex}.db-list a{color:var(--color-text-primary);align-items:center;font-weight:600;display:flex}.db-board{gap:var(--spacing-4);align-items:flex-start;display:flex;overflow-x:auto}.db-board-col{padding:var(--spacing-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-sunken);flex:0 0 240px;min-height:120px}.db-board-col h3{margin:0 0 var(--spacing-2);justify-content:space-between;font-size:13px;display:flex}.db-card{padding:var(--spacing-2);margin-bottom:var(--spacing-2);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.db-card a{color:var(--color-text-primary);align-items:center;font-weight:600;display:flex}.db-state{padding:var(--spacing-8);text-align:center}.db-foot{color:var(--color-text-secondary);font-size:12px}.db-multi{gap:var(--spacing-2);flex-direction:column;display:flex}.db-multi label{align-items:center;gap:var(--spacing-2);min-height:var(--control-height-md);display:inline-flex}.db-filters select,.db-filters input:not([type=checkbox]),.db-card select,.db-table select,.db-table input:not([type=checkbox]){min-height:var(--control-height-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text-primary);padding:0 var(--spacing-2);font:inherit;font-size:13px}.db-filters select:focus,.db-filters input:not([type=checkbox]):focus,.db-card select:focus,.db-table select:focus,.db-table input:not([type=checkbox]):focus{border-color:var(--color-accent);box-shadow:var(--ring-offset);outline:0}.db-filters select:disabled,.db-card select:disabled,.db-table select:disabled{opacity:.55;cursor:not-allowed}
.note-editor .bn-editor{min-height:420px}.note-editor-shell{padding-bottom:var(--editor-kb,0px);gap:8px;display:grid}.note-editor-toolbar{z-index:2;background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0 8px;display:flex;position:sticky;top:0}.note-editor-toolbar-status{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:11px}.note-insert-select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-canvas);min-height:44px;color:var(--color-text-primary);font:inherit;padding:0 10px}.note-block-highlight{outline:2px solid var(--color-accent);outline-offset:2px;background:var(--color-accent-soft);border-radius:var(--radius-sm)}.fk-disclaimer{color:var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px}.fk-block{border:1px dashed var(--color-line-dashed);border-radius:var(--radius-md);background:var(--color-accent-soft);margin:8px 0;padding:12px}.fk-block strong{letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.fk-field{flex-direction:column;gap:4px;margin:6px 0;font-size:13px;display:flex}.fk-field input,.fk-field textarea,.fk-block select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font:inherit;background:var(--color-surface);padding:8px}.fk-flashcard,.fk-drug,.fk-dx,.fk-material{background:var(--color-canvas)}.fk-callout-info{background:var(--color-accent-soft)}.fk-callout-warning{background:var(--color-warning-bg)}.fk-callout-success{background:var(--color-success-bg)}.fk-dx-head,.fk-dx-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:6px;display:grid}.fk-dx-head{color:var(--color-text-secondary);font-size:11px;font-weight:700}.fk-lo{align-items:flex-start;gap:10px;display:flex}.fk-material blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-secondary);margin:8px 0 0;padding-left:10px}.fk-pearl{border-left:var(--spacing-1) solid var(--color-warning);background:var(--color-warning-bg)}.fk-drug{border-left:var(--spacing-1) solid var(--color-accent);background:var(--color-accent-soft)}.note-sheet-toggle{display:none}.note-onboard{gap:var(--spacing-2);max-width:520px;padding:0 0 var(--spacing-4);display:grid}.note-suggest{gap:var(--spacing-1);min-height:var(--control-height-lg);text-align:left;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-primary);scroll-margin-top:var(--control-height-lg);flex-direction:column;align-items:flex-start;display:flex}.note-suggest:hover,.note-suggest:focus-visible,.note-suggest:active{border-color:var(--color-border-strong)}.note-suggest:disabled{opacity:.55}.note-suggest span{color:var(--color-text-secondary);font-size:12px}.note-sheet-backdrop{z-index:var(--z-overlay);background:var(--color-overlay);border:0;position:fixed;inset:0}.note-sheet{z-index:var(--z-toast);background:var(--color-elevated);border-top:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--spacing-2) var(--spacing-4) var(--spacing-4);position:fixed;bottom:0;left:0;right:0}.note-sheet-handle{width:var(--control-height-sm);height:var(--spacing-1);border-radius:var(--radius-full);background:var(--color-border-strong);margin:var(--spacing-2) auto}.note-sheet-grid{gap:var(--spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.note-sheet-grid button{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);min-height:72px;color:var(--color-text-primary);font-size:11px;font-weight:600}.note-sheet-grid button:hover,.note-sheet-grid button:focus-visible,.note-sheet-grid button:active{border-color:var(--color-border-strong)}.note-sheet-grid button:disabled{opacity:.55}@media (max-width:640px){.note-editor-toolbar .button,.note-insert-select{min-height:var(--control-height-md);min-width:var(--control-height-md)}}@media (max-width:900px){.fk-dx-head,.fk-dx-row{grid-template-columns:1fr}.note-sheet-toggle{min-height:var(--control-height-md);display:inline-flex}.note-insert-select{display:none}}
.gamel-bookmark-panel{border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);grid-column:1/-1;gap:8px;margin:8px 4px 4px;padding:10px;display:grid}.gamel-bookmark-panel header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gamel-bookmark-panel header strong{letter-spacing:.04em;text-transform:uppercase;font-size:12px}.gamel-bookmark-panel header small,.gamel-bookmark-list small{color:var(--color-text-secondary);font-size:12px}.gamel-bookmark-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.gamel-bookmark-list li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gamel-bookmark-list li>div{flex:1;min-width:0}.gamel-bookmark-form,.gamel-bookmark-pick{flex-wrap:wrap;gap:6px;display:flex}.gamel-bookmark-form input,.gamel-bookmark-pick select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xs);min-width:140px;font:inherit;background:var(--color-surface);flex:1;padding:6px 8px}@media (max-width:700px){.admin-stat-grid,.admin-stat-grid.three,.admin-control-grid,.admin-two-column,.admin-plan-grid,.admin-filters{grid-template-columns:1fr}.admin-bar-chart{gap:3px}.admin-tabs{width:100%}}