@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_81e3057-module__PcZKXa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_81e3057-module__PcZKXa__variable{--font-sans:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_cbb339f3-module__Cm0rrG__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_cbb339f3-module__Cm0rrG__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--bg:#f5f1ea;--bg-2:#efe7db;--surface:#fff7ee;--surface-2:#f3e6d8;--ink:#1f1b16;--muted:#6e625a;--accent:#e56f2e;--accent-2:#2f7f77;--border:#e0d3c2;--success:#3f8f6c;--warning:#c4601a;--danger:#b93a2d;--shadow:0 24px 60px #1f1b161f;--bubble-user:#fef0e4;--bubble-user-border:#f4cfb2}:root.theme-dark{--bg:#0f0f10;--bg-2:#1a1a1d;--surface:#202123;--surface-2:#1a1a1d;--ink:#ececec;--muted:#9ca3af;--accent:#10a37f;--accent-2:#10a37f;--border:#2a2b2e;--success:#10a37f;--warning:#f2a45e;--danger:#f06b61;--shadow:0 24px 60px #0000008c;--bubble-user:#10a37f2e;--bubble-user-border:#10a37f59}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans), system-ui, sans-serif;color:var(--ink);background:radial-gradient(circle at top, var(--bg), var(--bg-2) 60%, var(--surface-2));line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}.container{flex-direction:column;max-width:1600px;height:100vh;margin:0 auto;padding:16px 24px;display:flex;overflow:hidden}.app-container{flex-direction:column;width:100%;max-width:none;height:100dvh;min-height:100dvh;margin:0;padding:12px clamp(12px,1.4vw,24px) 16px;display:flex;overflow:hidden}.landing-container{flex-direction:column;justify-content:center;gap:32px;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 24px 60px;display:flex}.landing-nav{background:linear-gradient(135deg, var(--surface), var(--surface-2));border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:10px 20px;display:flex;box-shadow:0 4px 16px #1f1b160f}.home-link{align-items:center;gap:6px;font-size:.88rem;font-weight:600;transition:opacity .2s;display:inline-flex;color:var(--accent)!important}.home-link:hover{opacity:.75}.nav-separator{color:var(--border);font-size:.9rem}.nav-project-name{color:var(--muted);font-size:.88rem;font-weight:500}.card-credit{justify-content:flex-end;gap:12px;display:flex}.card-credit a{color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}.card-credit a:hover{color:var(--accent);border-color:var(--accent);background:#e56f2e0f;transform:translateY(-1px)}@media (max-width:768px){.landing-container{gap:24px;padding:24px 16px 40px}.hero{border-radius:20px;gap:24px;padding:28px 20px}.hero h1{font-size:1.75rem}.hero p{font-size:.95rem}.hero-actions{flex-direction:column}.hero-actions .button{text-align:center;width:100%}}@media (max-width:480px){.hero{border-radius:16px;padding:22px 16px}.hero h1{font-size:1.45rem}.landing-nav{padding:8px 14px}.home-link,.nav-project-name{font-size:.8rem}}.hero{background:linear-gradient(135deg, var(--surface), var(--surface-2) 60%, var(--bg-2));border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);border-radius:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:32px;padding:48px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 30% 20%,#e56f2e0f 0%,#0000 50%),radial-gradient(at 70% 80%,#2f7f770d 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.hero>*{z-index:1;position:relative}.hero h1{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.4rem)}.hero p{color:var(--muted);font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.button{background:linear-gradient(135deg, var(--accent), #d4602a);color:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 4px 14px #e56f2e4d}.button.secondary{color:var(--ink);border-color:var(--border);background:0 0}.button.danger{background:var(--danger);color:#fff}.button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #e56f2e59}.button.danger:hover{box-shadow:0 10px 20px #b93a2d47}.badge{background:linear-gradient(135deg, var(--surface-2), var(--bg));color:var(--muted);letter-spacing:.04em;border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;padding:5px 14px;font-size:.78rem;display:inline-flex}.grid{gap:20px;display:grid}.card{background:linear-gradient(145deg, var(--surface), var(--bg));border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);border-radius:20px;padding:22px;transition:transform .25s,box-shadow .25s;box-shadow:0 12px 32px #1f1b1614}.hero .card:hover{cursor:pointer;border-color:#e56f2e40;transform:translateY(-5px);box-shadow:0 18px 44px #e56f2e38}.card h3{font-size:1.1rem}.card p{color:var(--muted);font-size:.95rem}.app-shell{grid-template-columns:280px 1fr;gap:24px;display:grid}.sidebar{flex-direction:column;gap:16px;display:flex}.sidebar .card{padding:16px}.main-header{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:16px;padding:12px 24px;display:grid;box-shadow:0 8px 24px #1f1b160f}.header-left{align-items:center;display:flex}.header-session{color:var(--text);align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.header-session-label{color:var(--muted);font-weight:600}.header-session-email{min-height:38px;color:var(--text);letter-spacing:.01em;background:linear-gradient(#ffffffd1 0%,#ffffff61 100%),linear-gradient(135deg,#e56f2e24,#2f7f771f);border:1px solid #e56f2e38;border-radius:999px;align-items:center;padding:8px 14px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffd9,0 8px 18px #1f1b1614}.header-center{flex-direction:column;align-items:center;gap:8px;display:flex}.workspace-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.free-source-banner{border:1px solid var(--border);background:linear-gradient(135deg,#e56f2e1f,#2f7f7714);border-radius:18px;align-items:center;gap:14px;max-width:100%;padding:12px 16px;display:flex}.free-source-banner strong{font-size:.95rem;display:block}.free-source-banner p{color:var(--muted);font-size:.85rem}.free-source-banner-muted{background:linear-gradient(135deg, var(--surface), var(--surface-2))}.header-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.demo-guest-pill{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.theme-toggle{--sun-core:#111;--sun-glow:#00000059;--sun-ray:#000000d9;border:1px solid var(--border);width:26px;height:26px;box-shadow:none;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex;position:relative}.theme-toggle:hover{background:#0000000f;transform:translateY(-1px)}.theme-toggle.is-dark{--sun-core:#fff;--sun-glow:#ffffffa6;--sun-ray:#ffffffe6;border-color:#ffffff40}.theme-toggle:before{content:"";background:var(--sun-core);width:8px;height:8px;box-shadow:0 0 6px var(--sun-glow);border:1px solid #0003;border-radius:50%;position:absolute}.theme-toggle:after{content:"";background:var(--sun-ray);width:2px;height:2px;box-shadow:0 -8px 0 var(--sun-ray), 0 8px 0 var(--sun-ray), -8px 0 0 var(--sun-ray), 8px 0 0 var(--sun-ray), -6px -6px 0 var(--sun-ray), 6px -6px 0 var(--sun-ray), -6px 6px 0 var(--sun-ray), 6px 6px 0 var(--sun-ray);border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notice-bar{background:var(--surface-2);border-radius:12px;margin-bottom:16px;padding:8px 16px}.modal-backdrop{z-index:40;background:#1f1b1666;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:12px;width:min(420px,92vw);display:flex}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.app-shell-new{flex:1;grid-template-columns:clamp(260px,19vw,320px) minmax(0,1fr) clamp(300px,22vw,368px);gap:clamp(16px,1.4vw,24px);min-height:0;display:grid;overflow:hidden}.app-shell-demo{grid-template-columns:clamp(260px,21vw,320px) minmax(0,1fr)}.threads-sidebar{flex-direction:column;gap:12px;height:100%;display:flex;overflow:hidden}.settings-launcher-card{flex-shrink:0;margin-top:auto}.settings-launcher-link{align-items:center;gap:12px;display:flex}.settings-launcher-avatar,.profile-avatar-large{border:1px solid var(--border);background:linear-gradient(135deg,#e56f2e2e,#2f7f772e);border-radius:16px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:inline-flex;overflow:hidden}.settings-launcher-avatar img,.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.settings-launcher-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-launcher-copy strong{font-size:.95rem}.settings-launcher-copy span,.settings-launcher-arrow{color:var(--muted);font-size:.84rem}.settings-launcher-arrow{margin-left:auto}.threads-panel{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.threads-panel .chat-header{flex-shrink:0;margin-bottom:12px}.threads-panel .thread-list{flex-direction:column;flex:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.chat-section{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.chat-box{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-box-header{border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:12px;padding-bottom:12px}.chat-thread-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.chat-thread-heading h3{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.chat-thread-heading p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.chat-export-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.chat-box .chat-messages{flex:1;min-height:0;padding-right:8px;overflow-y:auto}.chat-box .chat-input{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;margin-top:12px;padding-top:12px}.send-actions{flex-direction:column;gap:8px;min-width:100px;display:flex}.settings-inline{border-top:1px solid var(--border);flex-shrink:0;margin-top:8px;padding:8px 0}.settings-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.settings-header h4{font-size:.85rem;font-weight:600}.settings-label{color:var(--muted);flex-direction:row;align-items:center;gap:8px;font-size:.8rem;display:flex}.settings-label .input{width:80px;padding:4px 8px;font-size:.85rem}.settings-panel{flex-shrink:0;padding:16px 20px}.settings-grid{flex-wrap:wrap;gap:16px;display:flex}.providers-sidebar{flex-direction:column;gap:12px;height:100%;display:flex;overflow-y:auto}.demo-sidebar-card{flex-direction:column;gap:16px;display:flex}.demo-sidebar-card p{color:var(--muted)}.demo-usage-meter{border:1px solid var(--border);background:linear-gradient(135deg,#e56f2e1f,#2f7f7714);border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.demo-usage-meter strong{font-size:2rem;line-height:1}.demo-usage-meter span{color:var(--muted);font-size:.9rem}.free-usage-card{flex-direction:column;gap:12px;display:flex}.free-usage-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.free-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.free-usage-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.free-usage-stat strong{font-size:1.3rem}.free-usage-stat span{color:var(--muted);font-size:.8rem}.free-usage-model{font-family:var(--font-mono), monospace;color:var(--muted);word-break:break-word;font-size:.8rem}.free-usage-warning{color:var(--warning);font-size:.88rem}.usage-dashboard-card{flex-direction:column;gap:14px;display:flex}.usage-dashboard-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.usage-dashboard-header p{color:var(--muted);font-size:.85rem}.usage-grain-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex}.usage-grain-button{color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.usage-grain-button.active{background:var(--surface);color:var(--ink);box-shadow:0 6px 12px #1f1b1614}.usage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.usage-summary-stat{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.usage-summary-stat span,.usage-summary-stat small,.usage-section-header span,.usage-provider-row-meta,.usage-model-row span,.usage-coverage-note,.usage-empty-inline,.usage-empty-state,.usage-chart-header span{color:var(--muted)}.usage-summary-stat strong{font-size:1.35rem;line-height:1}.usage-summary-stat small{font-size:.76rem}.usage-coverage-note{font-size:.82rem}.usage-chart-panel,.usage-provider-list,.usage-model-list{flex-direction:column;gap:10px;display:flex}.usage-section-header,.usage-chart-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.usage-section-header strong,.usage-chart-header strong{font-size:.92rem}.usage-section-header span,.usage-chart-header span{font-size:.76rem}.usage-chart{grid-template-columns:repeat(auto-fit,minmax(16px,1fr));align-items:end;gap:8px;min-height:156px;display:grid}.usage-chart-point{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.usage-chart-track{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:flex-end;width:100%;height:120px;display:flex;overflow:hidden}.usage-chart-bar{border-radius:inherit;background:linear-gradient(180deg, var(--accent), #d4602a);width:100%;min-height:4px}.usage-chart-label{color:var(--muted);text-align:center;font-size:.7rem;line-height:1.2}.usage-provider-row,.usage-model-row{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.usage-provider-row-top,.usage-model-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.usage-provider-row-top strong,.usage-model-row strong{font-size:.88rem}.usage-provider-row-top span,.usage-model-metrics strong{color:var(--ink);font-size:.82rem;font-weight:700}.usage-provider-row-meta,.usage-model-row span,.usage-model-metrics span{font-size:.74rem}.usage-provider-bar{background:#e56f2e1f;border-radius:999px;width:100%;height:8px;overflow:hidden}.usage-provider-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #d4602a);height:100%;display:block}.usage-model-metrics{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.usage-empty-state,.usage-empty-inline{font-size:.85rem}.provider-card{padding:16px}.provider-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.provider-header h4{margin-bottom:2px;font-size:1rem;font-weight:600}.provider-header p{color:var(--muted);font-size:.85rem}.provider-input{flex-direction:column;gap:8px;display:flex}.connected-keys{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.key-item{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button.small{padding:6px 12px;font-size:.8rem}.auth-container{background:radial-gradient(ellipse at top, var(--bg) 0%, var(--bg-2) 50%, var(--surface-2) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-wrapper{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:420px;display:flex}.auth-branding{text-align:center}.auth-branding h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--ink) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:12px 0 8px;font-size:2.5rem;font-weight:700}.auth-tagline{color:var(--muted);max-width:320px;font-size:1rem;line-height:1.6}.badge.glow{background:linear-gradient(135deg,#fef0e4,#fce8d4);border:1px solid #f4cfb2;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #e56f2e33}50%{box-shadow:0 0 20px #e56f2e59}}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;width:100%;padding:32px;box-shadow:0 20px 50px #1f1b161f,0 8px 20px #1f1b1614}.auth-card-header{text-align:center;margin-bottom:28px}.auth-card-header h2{margin-bottom:6px;font-size:1.5rem;font-weight:600}.auth-card-header p{color:var(--muted);font-size:.95rem}.auth-form-group{margin-bottom:20px}.auth-form-group label{color:var(--ink);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.auth-input{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #e56f2e26}.auth-input::placeholder{color:var(--muted)}.auth-button{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.auth-button.primary{background:linear-gradient(135deg, var(--accent), #d45a1a);color:#fff;border:none;box-shadow:0 4px 14px #e56f2e59}.auth-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e56f2e73}.auth-button.secondary{color:var(--ink);border:1px solid var(--border);background:0 0}.auth-button.secondary:hover{background:var(--surface-2);border-color:var(--muted)}.auth-button+.auth-button{margin-top:12px}.auth-button:disabled{cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}.auth-method-grid{grid-template-columns:1fr;gap:12px;display:grid}.auth-method-grid .auth-button+.auth-button,.auth-otp-panel .auth-button+.auth-button{margin-top:0}.auth-helper-text{color:var(--muted);text-align:center;margin-top:12px;font-size:.85rem;line-height:1.45}.auth-helper-text strong{color:var(--ink);font-weight:600}.auth-otp-panel{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;margin-top:16px;padding:16px}.auth-otp-panel .auth-form-group{margin-bottom:12px}.auth-otp-input{text-align:center;letter-spacing:.22em;font-weight:700}.auth-turnstile-panel{justify-content:center;min-height:70px;margin:0 0 16px;display:flex}.auth-turnstile-missing{width:100%;color:var(--warning);text-align:center;background:#fef0e4;border:1px solid #f4cfb2;border-radius:14px;padding:12px 14px;font-size:.86rem;line-height:1.45}.auth-links{justify-content:flex-end;margin-bottom:12px;display:flex}.auth-link{color:var(--accent-2);cursor:pointer;background:0 0;border:none;font-size:.85rem}.auth-link:hover{text-decoration:underline}.auth-divider{align-items:center;gap:16px;margin:20px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--muted);font-size:.85rem}.auth-notice{color:var(--warning);text-align:center;background:#fef0e4;border:1px solid #f4cfb2;border-radius:12px;margin-top:16px;padding:12px 16px;font-size:.9rem}.auth-notice.success{color:var(--success);background:#e8f4ee;border-color:#cbe6d7}.auth-reset-link{text-align:center;color:var(--muted);word-break:break-all;margin-top:12px;font-size:.85rem}.auth-reset-link a{color:var(--accent-2);text-decoration:underline}.thread-list{flex-direction:column;gap:10px;width:100%;display:flex}.thread-row{width:100%;position:relative}.thread-item{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;gap:4px;width:100%;min-width:0;padding:12px 44px 12px 14px;transition:all .2s;display:flex}.thread-item:hover{background:var(--surface-2);border-color:var(--accent)}.thread-item.active{border-color:var(--accent);background:var(--surface-2)}.thread-title{color:var(--ink);align-items:center;gap:8px;min-width:0;font-size:.95rem;font-weight:600;display:flex}.thread-title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.thread-pill{color:var(--warning);background:#e56f2e1f;border:1px solid #e56f2e40;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.72rem;display:inline-flex}.thread-model{color:var(--ink);font-size:.9rem;font-weight:600}.thread-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.thread-menu{width:28px;height:28px;color:var(--muted);cursor:pointer;z-index:1;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.thread-menu:hover{background:var(--surface-2);border-color:var(--border);color:var(--ink)}.thread-delete{color:var(--danger);border-color:#f1c3b9}.thread-delete:hover{box-shadow:0 10px 20px #b93a2d2e}.chat-panel{flex-direction:column;gap:16px;display:flex}.chat-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-messages{flex-direction:column;gap:12px;padding-right:8px;display:flex;overflow-y:auto}.chat-bubble{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:12px 14px}.message-usage{border-top:1px solid var(--border);font-family:var(--font-mono), monospace;color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;font-size:.76rem;display:flex}.message-usage span{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 8px}.chat-bubble p{margin:0 0 .75em}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble strong{color:var(--ink);font-weight:600}.chat-bubble em{font-style:italic}.chat-bubble h1,.chat-bubble h2,.chat-bubble h3,.chat-bubble h4,.chat-bubble h5,.chat-bubble h6{margin:1em 0 .5em;font-weight:600;line-height:1.3}.chat-bubble h1:first-child,.chat-bubble h2:first-child,.chat-bubble h3:first-child{margin-top:0}.chat-bubble h1{font-size:1.4em}.chat-bubble h2{font-size:1.25em}.chat-bubble h3{font-size:1.1em}.chat-bubble ul,.chat-bubble ol{margin:.5em 0;padding-left:1.5em}.chat-bubble li{margin:.25em 0}.chat-bubble code{font-family:var(--font-mono), monospace;color:var(--accent);background:#f4ede5;border-radius:4px;padding:.15em .4em;font-size:.9em}.chat-bubble pre{color:#f8f8f2;background:#2d2d2d;border-radius:8px;margin:.75em 0;padding:12px 16px;overflow-x:auto}.chat-bubble pre code{color:inherit;background:0 0;padding:0;font-size:.85em}.chat-bubble blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:.75em 0;padding-left:12px;font-style:italic}.chat-bubble a{color:var(--accent);text-decoration:underline}.chat-bubble a:hover{color:var(--accent-2)}.chat-bubble table{border-collapse:collapse;width:100%;margin:.75em 0;font-size:.9em}.chat-bubble th,.chat-bubble td{border:1px solid var(--border);text-align:left;padding:8px 10px}.chat-bubble th{background:var(--surface-2);font-weight:600}.chat-bubble hr{border:none;border-top:1px solid var(--border);margin:1em 0}.chat-bubble.user{background:var(--bubble-user);border-color:var(--bubble-user-border);align-self:flex-end}.chat-bubble.assistant{align-self:flex-start}.chat-empty-state{text-align:center;max-width:560px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:auto;padding:28px;display:flex}.chat-empty-state h3{color:var(--ink);font-size:1.35rem}.chat-empty-state p{max-width:46ch}.settings-screen{height:100dvh;min-height:100dvh;padding:20px clamp(16px,2vw,28px);overflow:hidden}.settings-shell-layout{grid-template-columns:clamp(240px,20vw,300px) minmax(0,1fr);align-items:stretch;gap:20px;width:min(1280px,100%);height:calc(100dvh - 40px);margin:0 auto;display:grid;overflow:hidden}.settings-shell-sidebar,.settings-shell-content{height:100%;min-height:0}.settings-shell-sidebar{flex-direction:column;gap:20px;display:flex}.settings-shell-sidebar-top{flex-direction:column;gap:10px;display:flex}.settings-shell-sidebar-top p,.settings-shell-header p,.profile-preview-copy span,.profile-preview-copy p,.profile-field small{color:var(--muted)}.settings-shell-nav{flex-direction:column;gap:8px;display:flex}.settings-shell-nav-item{text-align:left;border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:14px;padding:12px 14px;font-weight:600}.settings-shell-nav-item.active{background:var(--surface-2);color:var(--ink);border-color:#e56f2e47}.settings-shell-back{margin-top:auto}.settings-shell-content{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:18px;display:flex;overflow-y:auto}.settings-shell-header h2{margin-top:8px;font-size:1.5rem}.settings-notice{border:1px solid var(--border);border-radius:14px;padding:12px 14px}.settings-notice.success{color:var(--success);background:#3f8f6c1f}.settings-notice.error{color:var(--danger);background:#b93a2d1f}.profile-settings-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.profile-preview-panel{border:1px solid var(--border);background:linear-gradient(135deg,#e56f2e14,#2f7f770f);border-radius:18px;flex-direction:column;gap:16px;padding:18px;display:flex}.profile-avatar-large{border-radius:24px;width:88px;height:88px;font-size:1.5rem}.profile-preview-copy{flex-direction:column;gap:6px;display:flex}.profile-preview-copy strong{font-size:1.15rem}.profile-settings-form{flex-direction:column;gap:16px;display:flex}.profile-field{flex-direction:column;gap:8px;display:flex}.profile-field span{font-size:.9rem;font-weight:600}.profile-file-input{padding:10px 12px}.profile-actions-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.settings-shell-header-inline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-token-usage-card{flex-direction:column;gap:18px;padding-top:8px;display:flex}.settings-usage-summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.settings-usage-visual-grid,.settings-usage-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.usage-section-card{border:1px solid var(--border);background:var(--surface-2);border-radius:18px;padding:16px}.usage-mountain-card{flex-direction:column;gap:12px;display:flex}.usage-mountain-surface{border:1px solid var(--border);background:linear-gradient(#e56f2e1a,#2f7f770f);border-radius:18px;min-height:220px;padding:14px;position:relative;overflow:hidden}.usage-mountain-surface:before{content:"";pointer-events:none;opacity:.55;background:linear-gradient(#0000 25%,#ffffff8c 25% 26%,#0000 26% 50%,#ffffff8c 50% 51%,#0000 51% 75%,#ffffff8c 75% 76%,#0000 76%);position:absolute;inset:0}:root.theme-dark .usage-mountain-surface:before{background:linear-gradient(#0000 25%,#ffffff14 25% 26%,#0000 26% 50%,#ffffff14 50% 51%,#0000 51% 75%,#ffffff14 75% 76%,#0000 76%)}.usage-mountain-svg{z-index:1;width:100%;height:190px;position:relative}.usage-mountain-axis{color:var(--muted);justify-content:space-between;gap:12px;font-size:.76rem;display:flex}.usage-mountain-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.usage-density-stat{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.usage-density-stat span,.usage-density-stat small{color:var(--muted)}.usage-density-stat strong{font-size:1rem}.chat-input{align-items:flex-end;gap:12px;display:flex}.chat-input textarea{border:1px solid var(--border);resize:none;background:var(--surface);border-radius:16px;flex:1;min-height:44px;max-height:120px;padding:10px 12px}.input{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:100%;padding:10px 12px}.select{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:10px 12px}.tag{font-family:var(--font-mono), monospace;color:var(--muted);font-size:.8rem}.status{border:1px solid var(--border);background:var(--surface-2);color:var(--warning);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.status:before{content:"";background:var(--warning);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #c4601a2e}.status.idle{background:#c4601a14;border-color:#c4601a4d}.status.connected:before{background:var(--success);box-shadow:0 0 0 2px #3f8f6c2e}.status.connected{color:var(--success);background:#3f8f6c1a;border-color:#3f8f6c4d}.status.invalid:before{background:var(--danger);box-shadow:0 0 0 2px #b93a2d33}.status.invalid{color:var(--danger);background:#b93a2d1a;border-color:#b93a2d4d}.topbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.docs{flex-direction:column;gap:32px;height:auto;min-height:100vh;display:flex;overflow:visible}.docs-hero{background:linear-gradient(135deg, var(--surface), var(--surface-2) 60%, var(--bg-2));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:24px;padding:40px;display:grid}.docs-hero h1{letter-spacing:-.02em;font-size:clamp(2.1rem,4vw,3rem)}.docs-hero p{color:var(--muted);margin-top:12px}.docs-toc{flex-direction:column;gap:10px;padding:20px;display:flex}.docs-toc h3{font-size:1rem;font-weight:600}.docs-toc-link{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:8px 12px;font-size:.9rem;transition:transform .2s,background .2s;display:block}.docs-toc-link:hover{background:var(--surface);transform:translateY(-1px)}.docs-section{padding:24px}.docs-section h2{margin-bottom:12px;font-size:1.6rem}.docs-section h3{margin:16px 0 8px;font-size:1.1rem}.docs-section .tagline{color:var(--muted);margin-bottom:16px}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.docs-mini{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px;box-shadow:0 12px 24px #1f1b160f}.docs-mini h4{margin-bottom:6px;font-size:1rem}.docs-mini p{color:var(--muted);font-size:.95rem}.docs-steps{gap:16px;display:grid}.docs-step{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;padding:16px}.docs pre{color:#f8f1e7;font-family:var(--font-mono), monospace;background:#1f1b16;border-radius:14px;margin-top:10px;padding:14px 16px;font-size:.9rem;overflow-x:auto}.docs code{font-family:var(--font-mono), monospace}.docs-list{color:var(--muted);gap:8px;margin-left:18px;display:grid}.docs-list li{list-style:outside}ol.docs-list li{list-style:decimal}.docs-kv{gap:12px;display:grid}.docs-kv div{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 14px}.docs-kv dt{margin-bottom:4px;font-weight:600}.docs-kv dd{color:var(--muted);margin-left:0}.docs-group+.docs-group{margin-top:18px}.docs-endpoints{gap:10px;margin-top:8px;display:grid}.docs-endpoint{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:80px 1fr;align-items:start;gap:12px;padding:12px 14px;display:grid}.docs-method{text-transform:uppercase;background:var(--surface-2);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.docs-method.post{color:#b14a11;background:#e56f2e26}.docs-method.get{color:#1f5b55;background:#2f7f7726}.docs-method.delete{color:#902b22;background:#b93a2d26}.demo-limit-modal{gap:14px;width:min(520px,94vw)}.demo-limit-actions{flex-wrap:wrap}.docs-endpoint-path{font-weight:600}.docs-endpoint-desc{color:var(--muted);margin-top:4px;font-size:.92rem}@media (max-width:1200px){.app-shell-new{grid-template-columns:248px minmax(0,1fr) 300px;gap:16px}.app-shell-demo{grid-template-columns:248px minmax(0,1fr)}}@media (max-width:960px){.app-container{height:auto;min-height:100dvh;padding:12px 16px 16px;overflow:visible}.app-shell-new{grid-template-columns:1fr;height:auto;overflow:visible}.threads-sidebar{height:auto;max-height:300px}.settings-screen{height:auto;min-height:100dvh;padding:16px;overflow:visible}.settings-shell-layout,.profile-settings-layout,.settings-usage-visual-grid,.settings-usage-detail-grid,.usage-mountain-stats{grid-template-columns:1fr}.settings-shell-layout{height:auto;min-height:auto;overflow:visible}.settings-shell-header-inline{flex-direction:column;align-items:stretch}.settings-shell-sidebar,.settings-shell-content{height:auto}.providers-sidebar{order:-1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;height:auto;max-height:none;display:grid}.chat-section{height:auto}.chat-box{min-height:400px}.app-shell{grid-template-columns:1fr}.threads-panel{max-height:300px}.chat-messages{max-height:none}.main-header{text-align:center;grid-template-columns:1fr}.header-left,.header-right{justify-content:center}.free-source-banner{text-align:left;justify-content:center;width:100%}.docs-hero,.docs-endpoint{grid-template-columns:1fr}}