:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#172033;--muted:#6b5a4b;--line:#f2c879;--line-soft:#ea580c1f;--surface:#fff7d6;--paper:#fffef7;--accent:#ffd84d;--accent-strong:#b93815;--accent-rgb:255, 216, 77;--accent-border-rgb:234, 88, 12;--danger:#dc2626;--shadow:0 16px 38px #9a341214;--shadow-soft:0 8px 22px #9a341212}*{box-sizing:border-box}html,body,#root{height:100%}body{min-height:100vh;color:var(--ink);background:var(--surface);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.landing-page{--landing-orange:#ff9f43;--landing-orange-rgb:255, 159, 67;--landing-yellow:#ffbd2e;--landing-border-rgb:255, 179, 63;color:#172033;background:#fff;min-height:100vh;max-height:100vh;overflow-y:auto}.landing-nav{z-index:20;border-bottom:1px solid rgba(var(--landing-orange-rgb), .14);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.landing-brand{color:var(--landing-yellow);font-size:1.22rem;font-weight:900}.landing-nav-cta{background:var(--landing-orange);color:#fff;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:0 20px;font-size:.9rem;font-weight:760;display:inline-flex}.landing-hero{text-align:center;place-items:center;min-height:clamp(430px,54vh,560px);padding:clamp(42px,7vh,76px) clamp(18px,4vw,56px) 36px;display:grid}.landing-hero-copy{width:min(860px,100%)}.landing-hero h1{color:#101827;letter-spacing:0;max-width:860px;margin:0;font-size:clamp(3.2rem,9vw,7rem);font-weight:920;line-height:.94}.landing-highlight{color:var(--landing-yellow)}.landing-subtitle{color:#4b5563;max-width:650px;margin:24px auto 0;font-size:clamp(1.05rem,2vw,1.28rem);font-weight:500;line-height:1.55}.landing-steps{text-align:center;justify-content:center;padding:0 clamp(18px,4vw,56px) clamp(58px,10vh,110px);display:flex}.landing-flow{grid-template-columns:minmax(0,1fr) minmax(74px,.32fr) minmax(0,1fr) minmax(74px,.32fr) minmax(0,1fr);align-items:center;gap:14px;width:min(1040px,100%);margin:0;padding:0;display:grid}.landing-flow-item{border:1.5px solid rgba(var(--landing-border-rgb), .62);background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:138px;padding:22px 18px 20px;display:flex}.landing-flow-item strong{color:var(--landing-orange);font-size:1.06rem;font-weight:820;display:block}.landing-flow-item span{color:#4b5563;margin-top:8px;font-size:.96rem;line-height:1.45;display:block}.landing-flow-arrow{min-width:74px;height:34px;display:block;position:relative}.landing-flow-arrow-line{background:var(--landing-orange);border-radius:999px;height:3px;position:absolute;top:50%;left:0;right:8px;transform:translateY(-50%)}.landing-flow-arrow-line:before{content:"";background:var(--landing-yellow);border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.landing-flow-arrow-line:after{content:"";border-top:3px solid var(--landing-orange);border-right:3px solid var(--landing-orange);width:14px;height:14px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}@media (width<=980px){.landing-hero{min-height:470px;padding-top:58px}.landing-steps{padding-bottom:38px}}@media (width<=620px){.landing-nav{min-height:62px;padding:12px 16px}.landing-brand{font-size:.98rem}.landing-nav-cta{min-height:36px;padding:0 16px}.landing-hero{min-height:420px;padding:54px 16px 32px}.landing-hero h1{font-size:clamp(2.7rem,14vw,4.1rem)}.landing-subtitle{margin-top:18px;font-size:1rem}.landing-steps{padding:0 16px 32px}.landing-flow{grid-template-columns:1fr;gap:12px}.landing-flow-item{min-height:0;padding:19px 18px 18px}.landing-flow-arrow{justify-self:center;width:46px;min-width:46px;height:34px;transform:rotate(90deg)}}.app-shell{background:var(--surface);min-height:100vh}.board-pane{display:contents}.topbar{z-index:40;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7f7;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:8px 16px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left,.topbar-actions{align-items:center;gap:9px;min-width:0;display:flex}.language-select{appearance:none;border:1px solid rgba(var(--accent-border-rgb), .24);background-color:#fff;background-image:linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%);width:136px;min-width:0;height:34px;color:var(--accent-strong);cursor:pointer;background-position:calc(100% - 14px) 14px,calc(100% - 9px) 14px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:999px;outline:none;padding:0 26px 0 13px;font-size:.82rem;font-weight:500;transition:background-color .2s,border-color .2s,color .2s}.language-select:hover{border-color:rgba(var(--accent-border-rgb), .38);background-color:#fffdf2}.language-select:focus{border-color:rgba(var(--accent-border-rgb), .42);background-color:#fff}.topbar-button,.icon-button{border:1px solid rgba(var(--accent-border-rgb), .2);height:36px;color:var(--ink);background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:7px;font-size:.82rem;font-weight:760;display:inline-flex;box-shadow:0 2px 8px #0000000a}.topbar-button{padding:0 14px}.icon-button{border-radius:50%;width:36px;padding:0}.mode-segmented{border:1px solid rgba(var(--accent-border-rgb), .22);background:#fffffff0;border-radius:999px;align-items:center;height:34px;padding:2px;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.mode-segmented button{height:28px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.78rem;font-weight:500}.mode-segmented button.active{background:rgba(var(--accent-rgb), .06);color:var(--accent-strong);font-weight:560}.mode-segmented button:hover:not(.active){color:var(--ink);background:#0f172a09}.board-shell{border:1px solid rgba(var(--accent-border-rgb), .1);background:var(--paper);contain:layout paint;isolation:isolate;border-radius:8px;position:fixed;inset:60px 6px 10px;overflow:hidden;box-shadow:0 10px 28px #78350f0f}.board-shell.is-thinking:after{content:"";z-index:10;pointer-events:none;background:#fff5b452;position:absolute;inset:0}.board-shimmer{width:44px;height:44px;color:var(--accent-strong);z-index:20;box-shadow:var(--shadow);pointer-events:none;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.board-shell .tl-container{background:var(--paper);height:100%;min-height:0}.board-shell .tl-background{background-color:var(--paper)}.board-loading-skeleton{background:var(--paper);z-index:1;place-items:center;display:grid;position:absolute;inset:0}.board-loading-grid{opacity:.5;background-image:radial-gradient(circle,#1720332e 1px,#0000 1px),radial-gradient(circle,#1720331a 1px,#0000 1px);background-position:0 0,16px 16px;background-size:32px 32px;position:absolute;inset:0}.board-loading-mark{z-index:2;border:1px solid rgba(var(--accent-border-rgb), .18);height:36px;color:var(--accent-strong);box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.82rem;font-weight:560;display:inline-flex;position:relative}.response-panel{z-index:45;border:1px solid rgba(var(--accent-rgb), .22);width:min(760px,100vw - 28px);max-height:150px;box-shadow:var(--shadow);background:#fffffffa;border-radius:8px;padding:12px 14px;font-size:.92rem;line-height:1.45;position:fixed;bottom:132px;left:50%;overflow:auto;transform:translate(-50%)}.response-panel strong{color:var(--accent-strong);text-transform:uppercase;letter-spacing:0;margin-bottom:5px;font-size:.74rem;font-weight:850;display:block}.response-panel span{color:var(--ink);display:block}.checkpoint-panel{z-index:46;border:1px solid rgba(var(--accent-rgb), .24);width:min(620px,100vw - 28px);box-shadow:var(--shadow);background:#fffffffa;border-radius:8px;padding:11px 14px;font-size:.92rem;line-height:1.4;position:fixed;bottom:132px;left:50%;transform:translate(-50%)}.checkpoint-panel strong{color:var(--accent-strong);text-transform:uppercase;letter-spacing:0;margin-bottom:5px;font-size:.72rem;font-weight:850;display:block}.checkpoint-panel span{color:var(--ink);font-weight:720;display:block}.response-panel.error-turn{border-color:rgba(var(--accent-rgb), .28);color:var(--ink);background:#fffbebf5}.bottom-composer{z-index:50;width:min(760px,100vw - 32px);position:fixed;bottom:54px;left:50%;transform:translate(-50%)}.composer-surface{border:1px solid rgba(var(--accent-border-rgb), .18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:32px;grid-template-columns:44px minmax(0,1fr) max-content 44px;align-items:end;gap:9px;padding:8px;display:grid;box-shadow:0 14px 34px #1720331a}.composer-surface.interrupt-ready{border-color:rgba(var(--accent-border-rgb), .34);box-shadow:0 16px 40px #ea580c26}.composer-mic,.send-button{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;height:44px;font-weight:780;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.composer-mic{border-color:rgba(var(--accent-border-rgb), .26);width:44px;color:var(--accent-strong);background:#fff9df}.composer-mic:hover:not(:disabled){border-color:rgba(var(--accent-border-rgb), .46);background:#ffef9a}.composer-mic.interrupt-ready:not(:disabled){border-color:rgba(var(--accent-border-rgb), .5);background:#ffef9a}@keyframes mic-pulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb), .34)}70%{box-shadow:0 0 0 10px rgba(var(--accent-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--accent-rgb), 0)}}.composer-mic.listening{background:var(--accent);color:#7c2d12;animation:1.5s infinite mic-pulse}.send-button{border-color:rgba(var(--accent-border-rgb), .42);background:var(--accent);color:#7c2d12;width:44px;min-width:44px;padding:0;box-shadow:0 6px 14px #ea580c2e}.send-button:hover:not(:disabled){color:#7c2d12;background:#ffbd2f;transform:translateY(-1px)}textarea{resize:none;width:100%;min-height:44px;max-height:116px;color:var(--ink);background:0 0;border:0;border-radius:0;outline:none;padding:11px 6px;font-size:.95rem;line-height:1.4}textarea::placeholder{color:#8a97aa}.answer-mode-select{appearance:none;border:1px solid rgba(var(--accent-border-rgb), .3);background-color:#fff9df;background-image:linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%);width:112px;height:34px;color:var(--accent-strong);cursor:pointer;background-position:calc(100% - 14px) 14px,calc(100% - 9px) 14px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:999px;outline:none;align-self:center;padding:0 24px 0 13px;font-size:.78rem;font-weight:500}.answer-mode-select:hover:not(:disabled),.answer-mode-select:focus{border-color:rgba(var(--accent-border-rgb), .42);background-color:#fffdf2}.answer-mode-select:disabled{cursor:default;opacity:.62}.voice-inline-status{border:1px solid rgba(var(--accent-rgb), .26);max-width:min(620px,100vw - 48px);color:var(--accent-strong);white-space:nowrap;text-overflow:ellipsis;background:#fffffff5;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:600;position:absolute;bottom:calc(100% + 7px);left:12px;overflow:hidden;box-shadow:0 8px 20px #0f172a14}.voice-inline-status.warning{color:#9a3412;background:#fff7ed;border-color:#c2410c61}.retry-button{border:1px solid rgba(var(--accent-border-rgb), .3);color:var(--accent-strong);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.retry-button:hover{background:#fff7cc}@media (width<=720px){.topbar{height:50px;padding:8px 10px}.language-select{width:120px}.mode-segmented button{padding:0 7px;font-size:.72rem}.topbar-button span{display:none}.topbar-button{width:38px;padding:0}.board-shell{inset:56px 4px 8px}.bottom-composer,.response-panel,.checkpoint-panel{width:calc(100vw - 20px)}}@media (width<=560px){.topbar,.topbar-left,.topbar-actions{gap:6px}.language-select{background-position:calc(100% - 12px) 13px,calc(100% - 8px) 13px;background-size:4px 4px,4px 4px;width:108px;padding:0 21px 0 10px;font-size:.74rem}.mode-segmented{height:32px;padding:2px}.mode-segmented button{height:26px;padding:0 7px;font-size:.68rem}.composer-surface{grid-template-columns:40px minmax(0,1fr) max-content 40px;gap:7px;padding:7px}.composer-mic,.send-button{height:40px}.composer-mic{width:40px}.send-button{width:40px;min-width:40px}textarea{min-height:40px;padding:9px 2px}.answer-mode-select{background-position:calc(100% - 12px) 13px,calc(100% - 8px) 13px;background-size:4px 4px,4px 4px;width:104px;height:32px;padding-left:10px;padding-right:20px;font-size:.72rem}}.board-load-issue{z-index:25;border:1px solid rgba(var(--accent-rgb), .2);min-height:34px;color:var(--accent-strong);box-shadow:var(--shadow);pointer-events:none;background:#fffdf2f5;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.82rem;font-weight:560;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.topbar-center{z-index:41;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.help-button{border:1px solid rgba(var(--accent-border-rgb), .2);width:34px;height:34px;color:var(--accent-strong);background:#fff;border-radius:999px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,transform .1s;display:inline-flex}.help-button:hover{border-color:rgba(var(--accent-border-rgb), .38);background-color:#fff9df}.help-button:active{transform:scale(.97)}.feedback-button{height:34px;color:var(--accent-strong);background:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.8rem;font-weight:600;transition:background-color .2s,border-color .2s,transform .1s;display:inline-flex}.feedback-button:hover{border-color:rgba(var(--accent-border-rgb), .38);background-color:#fffdf2}.feedback-button:active{transform:scale(.97)}.feedback-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;opacity:0;pointer-events:none;background:#231f2061;justify-content:center;align-items:center;transition:opacity .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.feedback-modal-backdrop.open{opacity:1;pointer-events:auto}.feedback-modal{border:1px solid rgba(var(--accent-border-rgb), .26);background:#fff8e7f2;border-radius:16px;width:min(440px,100vw - 32px);padding:24px;transition:transform .26s cubic-bezier(.34,1.56,.64,1);transform:scale(.92)translateY(10px);box-shadow:0 24px 50px #78350f2e}.feedback-modal-backdrop.open .feedback-modal{transform:scale(1)translateY(0)}.help-modal{border:1px solid rgba(var(--accent-border-rgb), .24);background:#fffdf7f7;border-radius:16px;width:min(500px,100vw - 32px);padding:20px;transition:transform .26s cubic-bezier(.34,1.56,.64,1);transform:scale(.92)translateY(10px);box-shadow:0 24px 50px #78350f29}.feedback-modal-backdrop.open .help-modal{transform:scale(1)translateY(0)}.help-modal-content{gap:12px;display:grid}.help-modal-content p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.help-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.help-card{border:1px solid rgba(var(--accent-border-rgb), .16);background:#fff;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;min-height:94px;padding:12px;display:grid}.help-card-wide{grid-column:1/-1;min-height:68px}.help-card svg{width:28px;height:28px;color:var(--accent-strong);background:#fff1a8;border-radius:999px;margin-top:1px;padding:4px}.help-card h4{color:var(--accent-strong);margin:0 0 5px;font-size:.84rem;font-weight:760}.help-chip-row{flex-wrap:wrap;gap:6px;display:flex}.help-chip-row span{min-height:24px;color:var(--ink);background:#fff9df;border-radius:999px;align-items:center;padding:3px 8px;font-size:.76rem;font-weight:560;display:inline-flex}.help-chip-row.compact span{padding-inline:9px}.feedback-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.feedback-modal-title{color:var(--accent-strong);margin:0;font-size:1.15rem;font-weight:850}.feedback-modal-close{color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .16s,color .16s;display:flex}.feedback-modal-close:hover{color:var(--ink);background:#78350f14}.feedback-form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.feedback-form-group label{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;font-size:.74rem;font-weight:780}.feedback-input,.feedback-textarea{border:1px solid rgba(var(--accent-border-rgb), .2);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.feedback-input:focus,.feedback-textarea:focus{border-color:rgba(var(--accent-border-rgb), .44);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .18)}.feedback-textarea{resize:vertical;min-height:120px;max-height:240px}.feedback-char-count{color:var(--muted);align-self:flex-end;font-size:.72rem}.feedback-error-message{color:var(--danger);margin-bottom:12px;font-size:.82rem;font-weight:560}.feedback-modal-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;display:flex}.feedback-btn-cancel{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:background .16s,color .16s}.feedback-btn-cancel:hover{color:var(--ink);background:#78350f0f}.feedback-btn-submit{background:var(--accent);border:1px solid rgba(var(--accent-border-rgb), .28);color:#7c2d12;box-shadow:0 2px 6px rgba(var(--accent-rgb), .24);border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.88rem;font-weight:760;transition:background .16s,transform .1s,box-shadow .16s;display:inline-flex}.feedback-btn-submit:hover:not(:disabled){box-shadow:0 4px 10px rgba(var(--accent-rgb), .36);background:#f59e0b;transform:translateY(-1px)}.feedback-btn-submit:active:not(:disabled){transform:scale(.98)}.feedback-toast{z-index:1000;color:#fff;pointer-events:none;opacity:0;background:#15803d;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.86rem;font-weight:600;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(40px);box-shadow:0 10px 25px #15803d3d}.feedback-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=560px){.feedback-button span{display:none}.feedback-button{border-radius:50%;width:34px;padding:0}.help-modal-grid{grid-template-columns:1fr}.help-card,.help-card-wide{grid-column:auto}}