:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#413733;background:#f6efe7;--display:Georgia,"Times New Roman",serif;--bg:#f6efe7;--bg-soft:#fbf7f2;--surface:rgba(255,252,248,.92);--surface-solid:#fffaf5;--surface-strong:#f1e5dc;--text:#413733;--text-soft:#756762;--muted:#776963;--border:rgba(94,73,65,.16);--border-strong:rgba(94,73,65,.26);--accent:#765953;--accent-hover:#624741;--accent-soft:#eadbd4;--accent-faint:#f4e9e3;--on-accent:#fff;--success:#607767;--warning:#9c714d;--danger:#9a5757;--shadow:0 18px 50px rgba(83,63,54,.1),0 2px 8px rgba(83,63,54,.04);--shadow-soft:0 10px 28px rgba(83,63,54,.08);--radius-xl:30px;--radius-lg:22px;--radius-md:15px;--sidebar:276px;--topbar:70px;--cat-light:#92716a;--cat-dark:#795a55;--cat-muzzle:#f3dfd3;--cat-line:#5a403c}:root[data-palette=sage]{--accent:#5b6f63;--accent-hover:#46594f;--accent-soft:#dce6dd;--accent-faint:#edf2ed;--bg:#f0f2ec;--surface-solid:#f9fbf7;--cat-light:#778c7d;--cat-dark:#5f7566}:root[data-palette=lavender]{--accent:#746586;--accent-hover:#5e4f72;--accent-soft:#e4deeb;--accent-faint:#f1edf5;--bg:#f3eff5;--surface-solid:#fcf9fd;--cat-light:#887897;--cat-dark:#6d5e7d}:root[data-palette=ocean]{--accent:#526f77;--accent-hover:#405b63;--accent-soft:#d9e6e7;--accent-faint:#eaf1f2;--bg:#edf3f2;--surface-solid:#f8fbfa;--cat-light:#718b90;--cat-dark:#587277}:root[data-palette=rose]{--accent:#865f6c;--accent-hover:#704b58;--accent-soft:#eadce0;--accent-faint:#f4eaed;--bg:#f5eeee;--surface-solid:#fffafa;--cat-light:#98727e;--cat-dark:#805d68}:root.dark{color-scheme:dark;--bg:#171412;--bg-soft:#1d1917;--surface:rgba(36,30,27,.94);--surface-solid:#241f1c;--surface-strong:#312824;--text:#f1e8e1;--text-soft:#c5b5ad;--muted:#baa9a1;--border:rgba(244,225,211,.13);--border-strong:rgba(244,225,211,.22);--accent:#c59f96;--accent-hover:#d6b3aa;--accent-soft:#493934;--accent-faint:#302824;--on-accent:#281f1d;--success:#9eb9a5;--warning:#d2a77b;--danger:#e39b9b;--cat-light:#a78179;--cat-dark:#84625d;--cat-muzzle:#ebd4c8;--cat-line:#523c39}:root.dark[data-palette=sage]{--accent:#9db4a3;--accent-soft:#304039;--accent-faint:#252e29;--bg:#151a17;--surface-solid:#202721}:root.dark[data-palette=lavender]{--accent:#b4a2c5;--accent-soft:#3d3446;--accent-faint:#2b2630;--bg:#17141b;--surface-solid:#251f2a}:root.dark[data-palette=ocean]{--accent:#94b4ba;--accent-soft:#2d4044;--accent-faint:#222e31;--bg:#12191b;--surface-solid:#1d282a}:root.dark[data-palette=rose]{--accent:#c49aa7;--accent-soft:#47343a;--accent-faint:#30262a;--bg:#191315;--surface-solid:#281f22}:root[data-density=compact]{--radius-lg:18px}:root[data-motion=reduced] *{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(3rem,5vw,5rem);line-height:.98;margin-bottom:12px}h2{font-size:clamp(1.55rem,2.3vw,2.2rem);line-height:1.06;margin-bottom:8px}p{line-height:1.55;color:var(--text-soft)}small{color:var(--muted)}.loading-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 65% 30%,var(--accent-faint),transparent 40%),var(--bg)}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 18px 18px;background:color-mix(in srgb,var(--surface-solid) 88%,transparent);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;padding:2px 7px 20px;text-align:left}.brand span:last-child,.profile-mini>span:last-child{display:grid;gap:2px}.brand small,.profile-mini small{font-size:.72rem}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-family:var(--display);font-size:1.45rem;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 25%,transparent)}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:1.1rem}.side-nav{display:grid;gap:5px}.side-nav button{height:48px;padding:0 13px;border:0;background:transparent;border-radius:14px;display:flex;align-items:center;gap:13px;font-weight:600;color:var(--text-soft)}.side-nav button:hover{background:var(--accent-faint)}.side-nav button.active{background:var(--accent-soft);color:var(--accent-hover)}:root.dark .side-nav button{color:#c5b5ad}:root.dark .side-nav button.active{color:var(--accent)}.anchor-card{margin:auto 5px 20px;padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--accent-faint)}.anchor-card p:last-child{margin:10px 0 0;font-family:var(--display);font-size:1.05rem}.side-foot,.profile-mini,.topbar-actions{display:flex;align-items:center}.side-foot{justify-content:space-between;padding:8px}.profile-mini{gap:10px}.avatar{width:38px;height:38px;border:0;border-radius:50%;background:var(--accent-soft);color:var(--accent-hover);display:grid;place-items:center;font-size:.75rem;font-weight:700}.app-column{grid-column:2;min-width:0}.topbar{height:var(--topbar);position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:flex-end;padding:0 28px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px)}.topbar-actions{gap:10px}.mobile-brand{display:none;align-items:center;gap:10px}.storage-pill{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--border);border-radius:99px;background:var(--surface);font-size:.78rem;color:var(--text-soft)}.icon-button{width:38px;height:38px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;place-items:center}.icon-button:hover{background:var(--accent-faint)}.icon-button.tiny{width:30px;height:30px}.danger,.danger-text{color:var(--danger)}.main-content{min-height:calc(100vh - var(--topbar));background:radial-gradient(circle at 72% 0,var(--accent-faint),transparent 34%),var(--bg)}.bottom-nav{display:none}.page{width:min(1280px,calc(100% - 64px));margin:auto;padding:42px 0 70px}.page-hero{margin-bottom:30px}.page-hero>p:last-child{font-size:1.05rem;margin-bottom:0}.split-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:700;color:var(--accent)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);backdrop-filter:blur(15px)}.card-head{display:flex;justify-content:space-between;gap:18px}.button{min-height:42px;padding:0 17px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.88rem}.button.primary{color:var(--on-accent);background:var(--accent);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 22%,transparent)}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:var(--surface-solid);border-color:var(--border)}.button.ghost{background:transparent;border-color:var(--border)}.button.small{min-height:36px;padding:0 12px;font-size:.78rem}.button.danger{background:var(--danger);color:#fff}.button.danger-text{background:transparent;border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.text-button{border:0;background:none;padding:7px 0;color:var(--accent);font-weight:700;font-size:.82rem;display:inline-flex;align-items:center;gap:6px}.square-button{width:44px;height:44px;border:0;border-radius:13px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center}.segmented{display:inline-flex;padding:4px;background:var(--surface-strong);border-radius:12px}.segmented button{border:0;background:transparent;border-radius:9px;padding:8px 13px;font-size:.78rem;text-transform:capitalize}.segmented button.active{background:var(--surface-solid);font-weight:700;box-shadow:0 2px 9px #00000012}.setup-gate{min-height:100svh;padding:clamp(16px,3vw,42px);display:grid;place-items:center;background:radial-gradient(circle at 85% 18%,var(--accent-soft),transparent 30%),var(--bg);overflow:hidden}.gate-card{width:min(1180px,100%);min-height:min(760px,calc(100svh - 60px));display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--border);border-radius:36px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.gate-copy{padding:clamp(34px,6vw,78px);display:flex;flex-direction:column;justify-content:center;z-index:2}.logo-lockup{display:flex;align-items:center;gap:12px;margin-bottom:70px}.gate-copy h1{font-size:clamp(3.2rem,6vw,5.8rem)}.gate-copy .lead{max-width:620px;font-size:1.08rem}.setup-options{display:grid;gap:12px;margin:24px 0 18px}.setup-option{padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--surface-solid);display:flex;align-items:center;gap:15px;text-align:left}.setup-option span{display:grid;gap:3px}.setup-option>svg{color:var(--accent)}.privacy-note{display:flex;gap:8px;align-items:center;font-size:.77rem}.gate-visual{position:relative;background:linear-gradient(145deg,var(--accent-faint),var(--accent-soft));display:grid;place-items:center;pointer-events:none}.gate-visual .cat-wrap{width:90%;max-width:520px;z-index:2}.visual-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%}.visual-orbit.one{width:520px;height:520px;right:-140px;top:-120px}.visual-orbit.two{width:340px;height:340px;left:-120px;bottom:-100px}.floating-note{position:absolute;padding:14px 17px;border:1px solid rgba(255,255,255,.45);border-radius:15px;background:color-mix(in srgb,var(--surface-solid) 78%,transparent);box-shadow:var(--shadow-soft);display:grid;gap:3px;z-index:3}.floating-note span{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:700}.floating-note strong{font-family:var(--display)}.note-one{left:8%;top:17%}.note-two{right:6%;bottom:16%}.cat-wrap{margin:0;width:100%;display:grid;place-items:center}.cat-wrap svg{width:100%;height:auto;overflow:visible}.cat-shadow{fill:color-mix(in srgb,var(--accent) 12%,transparent)}.cat-body,.cat-ear{fill:url(#cat-body);stroke:var(--cat-dark);stroke-width:2}.cat-tail{fill:none;stroke:var(--cat-dark);stroke-width:34;stroke-linecap:round}.cat-ear-inner{fill:#cf9992}.cat-muzzle{fill:var(--cat-muzzle)}.cat-paw{fill:var(--cat-dark)}.cat-eye,.cat-mouth,.cat-whiskers path{fill:none;stroke:var(--cat-line);stroke-width:4;stroke-linecap:round}.cat-whiskers path{stroke-width:2.5}.cat-nose,.cat-focused-eyes{fill:var(--cat-line)}.cat-focused-eyes,.cat-sparkles{opacity:0}.cat-sparkles{fill:var(--accent)}.cat-focused .cat-eye{opacity:0}.cat-focused .cat-focused-eyes,.cat-proud .cat-sparkles,.cat-curious .cat-sparkles{opacity:1}.cat-compact{max-width:270px}.today-grid{display:grid;gap:20px}.top-grid{grid-template-columns:1.6fr .95fr;margin-bottom:20px}.companion-card{min-height:310px;padding:24px;display:grid;grid-template-columns:minmax(220px,.9fr) 1fr;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface),var(--accent-faint))}.companion-card:after,.next-step-card:after{content:"";position:absolute;border-radius:50%;background:var(--accent-soft)}.companion-card:after{width:230px;height:230px;right:-65px;top:-105px;background:transparent;border:1px solid var(--border)}.companion-cat{max-width:330px}.companion-copy{z-index:1}.companion-copy h2{font-size:2.3rem}.companion-card footer{grid-column:1/-1;border-top:1px solid var(--border);padding-top:16px;display:flex;align-items:center;gap:10px}.companion-card footer .eyebrow{margin:0}.win-dots{margin-left:auto;display:flex;gap:8px}.win-dots span{width:29px;height:29px;border-radius:50%;border:1px dashed var(--border-strong)}.win-dots span.filled{background:var(--accent);border-style:solid}.next-step-card{padding:32px;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;position:relative;overflow:hidden}.next-step-card:after{width:110px;height:110px;right:-35px;top:-42px}.next-step-card .eyebrow{align-self:flex-start}.empty-icon{width:54px;height:54px;border-radius:17px;background:var(--accent-faint);display:grid;place-items:center;color:var(--accent)}.lower-grid{grid-template-columns:1.65fr .8fr;align-items:start}.stack-column{display:grid;gap:20px}.today-three,.side-cards .card{padding:24px}.today-three{min-height:260px}.task-list{display:grid;margin-top:22px}.task-row{min-height:62px;display:flex;align-items:center;gap:12px;border-top:1px solid var(--border)}.task-row:first-child{border-top:0}.task-row>div{display:grid;gap:3px}.task-row strong{font-size:.9rem}.task-row small{font-size:.74rem}.task-row.done strong{text-decoration:line-through}.check-button{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-strong);background:transparent;color:transparent}.check-button:hover{background:var(--accent);color:var(--on-accent)}.energy{margin-left:auto;padding:5px 8px;border-radius:99px;background:var(--accent-faint);font-size:.64rem}.empty-state{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-state p{max-width:460px;font-size:.84rem}.capture-card{padding:18px 20px}.capture-card form{display:flex;align-items:center;gap:12px}.capture-card label{flex:1;display:grid;gap:7px}.capture-card input{width:100%;border:0;background:transparent;font-size:1rem}.capture-icon{width:42px;height:42px;border-radius:13px;background:var(--accent-faint);display:grid;place-items:center;color:var(--accent)}.horizon-card header,.win-card header{display:flex;justify-content:space-between;color:var(--accent)}.horizon-list{display:grid;gap:13px}.horizon-list>div{display:flex;gap:12px}.horizon-list time{padding:7px;border-radius:10px;background:var(--accent-faint);font-size:.72rem}.horizon-list span{display:grid}.mini-form{display:flex;border:1px solid var(--border);border-radius:11px;overflow:hidden}.mini-form input{flex:1;border:0;background:transparent;padding:10px}.mini-form button{border:0;background:var(--accent);color:var(--on-accent)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#1b15128c;backdrop-filter:blur(8px)}.modal{width:min(620px,100%);max-height:calc(100svh - 40px);overflow:auto;border:1px solid var(--border);border-radius:24px;background:var(--surface-solid);box-shadow:0 30px 90px #00000047}.modal-wide{width:min(1050px,100%)}.modal-head{position:sticky;top:0;z-index:2;padding:22px 24px 18px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface-solid)}.modal-body{padding:24px}.form-stack{display:grid;gap:17px}.field{display:grid;gap:7px;min-width:0}.field>span{font-size:.76rem;font-weight:700;color:var(--text-soft)}.field input,.field textarea,.field select,.short-input{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--bg-soft);color:var(--text);padding:11px 12px;resize:vertical}.field input,.field select,.short-input{height:43px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid.three{grid-template-columns:repeat(3,1fr)}.form-actions{display:flex;justify-content:flex-end;gap:10px}.danger-split{display:grid;grid-template-columns:auto 1fr auto auto}.form-message{padding:11px;border-radius:11px;background:var(--accent-faint);font-size:.8rem}.workspace-layout{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}.workspace-list{padding:10px;position:sticky;top:90px}.workspace-list>header{display:flex;justify-content:space-between;padding:10px}.workspace-list>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;background:transparent;padding:11px;border-radius:13px;text-align:left}.workspace-list>button.active{background:var(--accent-soft)}.workspace-list>button>span:nth-child(2){display:grid}.workspace-icon{width:38px;height:38px;border-radius:12px;background:var(--accent-faint);color:var(--accent);display:grid;place-items:center}.workspace-icon.large{width:54px;height:54px}.workspace-detail{display:grid;gap:20px}.workspace-banner,.skill-panel,.task-panel,.error-panel,.notes-panel{padding:24px}.workspace-banner{position:relative}.workspace-title{display:flex;gap:15px}.workspace-tools{position:absolute;right:24px;top:24px;display:flex;gap:7px}.workspace-summary{margin-top:24px;padding-top:18px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr)}.workspace-summary>div{display:grid}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.skill-card{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft)}.skill-card>span{font-family:var(--display);font-size:1.2rem}.skill-card label{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;margin-top:8px}.skill-card input{width:62px;height:32px;text-align:center}.practice-strip{display:flex;gap:10px;overflow:auto;margin-top:18px}.practice-strip>div{min-width:135px;padding:10px;border-radius:11px;background:var(--accent-faint);display:grid}.detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.status-dot{width:9px;height:9px;border:2px solid var(--accent);border-radius:50%}.error-list{display:grid;gap:10px}.error-list>div{padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.error-list footer{display:flex;justify-content:space-between}.status-badge{padding:4px 7px;border-radius:99px;font-size:.59rem;background:var(--accent-faint)}.empty-workspace{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.job-overview{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;margin-bottom:22px}.mini-stat{padding:17px;display:flex;align-items:center;gap:13px}.stat-icon{width:42px;height:42px;border-radius:13px;background:var(--accent-faint);display:grid;place-items:center;color:var(--accent)}.mini-stat div{display:grid}.mini-stat strong{font-family:var(--display);font-size:1.45rem}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:25px}.kanban-column{min-width:270px;width:270px}.kanban-column>header{height:40px;padding:0 8px;display:flex;align-items:center;justify-content:space-between}.kanban-cards{display:grid;gap:10px}.job-card{padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-soft)}.job-card-top,.job-card footer{display:flex;justify-content:space-between}.stage-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.stage-interview{background:#7869a8}.stage-offer{background:var(--success)}.job-next{padding:10px;margin-top:13px;border-radius:10px;background:var(--accent-faint);font-size:.7rem}.job-next span{display:block;text-transform:uppercase;font-size:.55rem}.add-column-card{min-height:50px;border:1px dashed var(--border-strong);border-radius:13px;background:transparent}.jobs-table-wrap{overflow:auto}.jobs-table{width:100%;border-collapse:collapse}.jobs-table th,.jobs-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:.78rem}.jobs-table td:first-child{display:grid}.job-editor-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.editor-section{padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--bg-soft)}.editor-section h3{font-family:var(--display);font-size:1.3rem}.interview-workspace{background:var(--accent-faint)}.focus-layout{display:grid;grid-template-columns:1.55fr .7fr;gap:22px}.timer-card{padding:26px}.timer-top{display:flex;justify-content:space-between;align-items:end}.inline-field{min-width:min(420px,60%)}.rescue-button{height:42px;border:1px solid var(--border);border-radius:12px;background:var(--accent-faint);color:var(--accent);font-weight:700}.timer-stage{min-height:365px;display:grid;place-items:center;position:relative}.timer-cat{position:absolute;width:230px;left:5%;bottom:25px}.timer-ring{width:290px;height:290px;position:relative;display:grid;place-items:center;z-index:1}.timer-ring svg{position:absolute;width:100%;transform:rotate(-90deg)}.timer-track,.timer-progress{fill:none;stroke-width:5}.timer-track{stroke:var(--accent-faint)}.timer-progress{stroke:var(--accent);stroke-linecap:round}.timer-ring>div{text-align:center;display:grid}.timer-ring strong{font-family:var(--display);font-size:4.7rem}.timer-ring span{font-size:.7rem;text-transform:uppercase}.duration-chips,.timer-controls{display:flex;justify-content:center;gap:8px}.duration-chips button{border:1px solid var(--border);border-radius:99px;background:transparent;padding:7px 12px}.duration-chips button.active{background:var(--accent);color:var(--on-accent)}.timer-controls{margin:18px}.button.circle{width:44px;padding:0;border-radius:50%}.timer-main{min-width:170px}.focus-note{max-width:560px;margin:auto}.focus-sidebar{display:grid;gap:20px}.focus-sidebar .card{padding:24px}.focus-principle>svg{width:38px;height:38px;padding:9px;border-radius:13px;background:var(--accent-faint);color:var(--accent)}.session-bars{height:90px;display:flex;align-items:end;gap:7px}.session-bars span{flex:1;background:var(--accent);border-radius:5px 5px 2px 2px}.session-height-1{height:14%}.session-height-2{height:20%}.session-height-3{height:30%}.session-height-4{height:40%}.session-height-5{height:50%}.session-height-6{height:60%}.session-height-7{height:70%}.session-height-8{height:80%}.session-height-9{height:90%}.session-height-10{height:100%}.rescue-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rescue-grid button{min-height:52px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.rescue-answer{display:grid;grid-template-columns:140px 1fr;align-items:center;background:var(--accent-faint);border-radius:15px;margin-top:20px}.review-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.review-stats .card{padding:17px;display:grid;grid-template-columns:auto 1fr;column-gap:12px}.review-stats span{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:var(--accent-faint);display:grid;place-items:center;color:var(--accent)}.review-layout{display:grid;grid-template-columns:1fr .82fr;gap:22px}.direction-card,.reflection-card{padding:24px}.direction-chart{display:grid;gap:18px}.direction-chart>div{display:grid;grid-template-columns:140px 1fr 100px;gap:12px;align-items:center}.bar-track{height:10px;border-radius:99px;background:var(--accent-faint);overflow:hidden}.bar-track i{display:block;height:100%;background:var(--accent)}.bar-level-1{width:10%}.bar-level-2{width:20%}.bar-level-3{width:30%}.bar-level-4{width:40%}.bar-level-5{width:50%}.bar-level-6{width:60%}.bar-level-7{width:70%}.bar-level-8{width:80%}.bar-level-9{width:90%}.bar-level-10{width:100%}.capacity-field{border:0;padding:0;display:flex;gap:8px}.capacity-field input{position:absolute;opacity:0}.capacity-field span{display:block;padding:8px 12px;border:1px solid var(--border);border-radius:99px}.capacity-field input:checked+span{background:var(--accent);color:var(--on-accent)}.settings-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.settings-main{display:grid;gap:20px}.settings-card{padding:24px}.settings-card>header{display:flex;gap:13px}.settings-icon{width:42px;height:42px;border-radius:13px;background:var(--accent-faint);display:grid;place-items:center;color:var(--accent)}.setting-row{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border)}.setting-row.vertical{display:grid;padding:18px 0}.setting-row>div:first-child{display:grid}.choice-group{display:flex;gap:7px}.choice-group button{min-height:37px;border:1px solid var(--border);border-radius:10px;background:transparent;display:flex;align-items:center;gap:6px}.choice-group button.selected{border-color:var(--accent);background:var(--accent-faint)}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.palette-option{min-height:82px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);padding:10px;display:grid;position:relative}.palette-option.selected{border-color:var(--accent)}.palette-option>span{display:flex}.palette-option i{width:19px;height:19px;border-radius:50%;margin-right:-4px;background:var(--accent);border:2px solid var(--bg-soft)}.palette-option i:nth-child(2){background:var(--accent-soft)}.palette-option i:nth-child(3){background:var(--bg)}.switch{width:46px;height:26px;position:relative}.switch input{opacity:0}.switch span{position:absolute;inset:0;border-radius:99px;background:var(--surface-strong)}.switch span:after{content:"";position:absolute;width:18px;height:18px;left:4px;top:4px;border-radius:50%;background:var(--surface-solid)}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(20px)}.short-input{width:180px}.data-actions{display:flex;gap:9px;flex-wrap:wrap}.settings-preview{padding:27px;text-align:center;position:sticky;top:92px;background:linear-gradient(145deg,var(--surface),var(--accent-faint))}.preview-badges{display:flex;justify-content:center;gap:6px}.preview-badges span{padding:5px 8px;border-radius:99px;background:var(--surface-solid);font-size:.62rem}.confirm-copy{display:flex;gap:14px;padding:15px;border-radius:14px;background:color-mix(in srgb,var(--danger) 9%,transparent)}@media(max-width:1000px){:root{--sidebar:235px}.page{width:calc(100% - 40px)}.top-grid{grid-template-columns:1.35fr .85fr}.skill-grid{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.settings-preview{display:none}.palette-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.app-shell{display:block}.sidebar{display:none}.app-column{min-width:0}.topbar{justify-content:space-between;padding:0 16px}.mobile-brand{display:flex}.main-content{padding-bottom:76px}.bottom-nav{position:fixed;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;height:calc(68px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface-solid)}.bottom-nav button{border:0;background:transparent;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:.65rem}.bottom-nav button.active{color:var(--accent);background:var(--accent-faint)}.page{width:calc(100% - 28px);padding:28px 0}.top-grid,.lower-grid,.workspace-layout,.focus-layout,.review-layout{grid-template-columns:1fr}.workspace-list{position:static;display:flex;overflow:auto}.workspace-list>button{min-width:190px}.detail-grid{grid-template-columns:1fr}.focus-sidebar,.review-stats{grid-template-columns:1fr 1fr}.gate-card{grid-template-columns:1fr}.gate-visual{min-height:300px;order:-1}.gate-visual .cat-wrap{max-width:300px}.floating-note{display:none}.logo-lockup{margin-bottom:35px}.job-editor-grid{grid-template-columns:1fr}}@media(max-width:640px){.topbar .storage-pill{display:none}.page{width:calc(100% - 24px);padding-top:22px}.page-hero h1{font-size:2.75rem}.split-hero{display:grid;align-items:start}.companion-card{grid-template-columns:110px 1fr;padding:18px;min-height:auto}.companion-copy h2{font-size:1.45rem}.companion-copy p{font-size:.78rem}.companion-card footer{grid-column:1/-1}.next-step-card,.today-three,.side-cards .card,.workspace-banner,.skill-panel,.task-panel,.error-panel,.timer-card,.focus-sidebar .card,.direction-card,.reflection-card,.settings-card{padding:18px}.workspace-summary{grid-template-columns:1fr 1fr}.workspace-tools{position:static;margin-top:15px}.skill-grid{grid-template-columns:1fr 1fr}.detail-grid{display:block}.detail-grid>.card+.card{margin-top:18px}.job-overview{grid-template-columns:1fr 1fr}.job-overview>.mini-stat:nth-child(3){display:none}.focus-sidebar{grid-template-columns:1fr}.timer-top{flex-direction:column;align-items:stretch}.inline-field{min-width:0}.timer-ring{width:240px;height:240px}.timer-ring strong{font-size:3.8rem}.timer-cat{width:145px;left:-10px}.review-layout{display:block}.review-layout>.card+.card{margin-top:18px}.settings-layout{display:block}.setting-row{flex-direction:column;align-items:flex-start;padding:14px 0}.choice-group{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.palette-grid{grid-template-columns:1fr 1fr}.short-input{width:100%}.field-grid,.field-grid.three{grid-template-columns:1fr}.modal-backdrop{padding:8px;align-items:end}.modal{max-height:92svh;border-radius:23px 23px 0 0}.rescue-grid{grid-template-columns:1fr}.gate-card{border-radius:24px}.gate-visual{min-height:230px}.gate-copy{padding:28px 22px}.gate-copy h1{font-size:3rem}.setup-gate{padding:10px}}