:root{color-scheme:light;--ink:#182b41;--muted:#708092;--muted-dark:#b1bfcd;--border:#e4eaf0;--bg:#f7f8fa;--navy:#101d2e;--navy-mid:#19293c;--teal:#267b74;--teal-hover:#216a65;--mint:#badfd1;--shadow:0 12px 32px -24px rgba(23,46,68,.35);font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);min-height:100%;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #70b9a2;outline-offset:3px}::selection{background:#b7e4d7;color:#15283d}[hidden]{display:none!important}svg{display:block}.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 17px 20px;background:var(--navy);color:#e9f0f7}.brand{display:flex;align-items:center;gap:12px;padding:3px 14px 35px}.brand-mark{display:grid;place-items:center;background:#c3e1d5;color:#24495a;width:38px;height:38px;border-radius:12px}.brand-mark svg{width:27px}.brand strong{display:block;letter-spacing:-.05em;font-size:23px;line-height:1.05;font-weight:750}.brand-dot{color:#8bceb5}.brand-sub{display:block;color:#a2b7c9;font-size:8px;letter-spacing:.18em;white-space:nowrap;margin-top:6px;font-weight:750}.nav-label{font-size:10px;letter-spacing:.14em;color:#94aabc;margin:3px 14px 16px;font-weight:750}.menu{display:grid;gap:4px}.nav-link{display:flex;align-items:center;gap:14px;width:100%;min-height:45px;border:0;background:transparent;color:#a8b8c9;border-radius:10px;padding:0 13px;text-align:left;font-size:13px;font-weight:620;transition:background .2s,color .2s}.nav-link:hover{background:#263a4e;color:#fff}.nav-link.active{background:#283e50;color:#e4f3eb}.nav-link.active .nav-icon{color:#addfcb}.nav-shortcut{margin-left:auto;color:#92acba;font-size:10px;font-variant-numeric:tabular-nums}.nav-icon{width:20px;height:20px;color:inherit}.nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.side-spacer{flex:1}.side-note{margin:0 5px 27px;padding:20px 20px 18px;background:#22374b;border-radius:14px}.side-note-icon{color:#abdfcb;font-size:26px}.side-note p{font-size:16px;font-weight:720;margin:5px 0}.side-note small{display:block;color:#b2c3d1;line-height:1.55;font-size:12px}.side-footer{border-top:1px solid #2b4153;padding:21px 12px 0;display:flex;align-items:center;gap:12px}.side-footer strong{display:block;font-size:12px;line-height:1.25}.side-footer small{color:#8ca5b9;font-size:11px}.online-dot{width:8px;height:8px;flex:none;background:#80d2aa;border-radius:50%;box-shadow:0 0 0 4px #244438}.workspace{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.1vw,56px);gap:12px}.crumbs{display:flex;gap:13px;align-items:center;font-size:13px;color:#8391a0}.crumbs strong{color:#26394a}.chevron{color:#bac5d0}.top-actions{display:flex;gap:20px;align-items:center}.local-indicator{display:flex;gap:8px;align-items:center;font-size:12px;color:#5b7380}.local-indicator>span{height:7px;width:7px;border-radius:50%;background:#63b899}.avatar{height:33px;width:33px;border-radius:50%;background:#e3ece9;color:#376759;display:grid;place-items:center;font-weight:760}main{max-width:1540px;margin:auto;padding:34px clamp(22px,3.1vw,56px) 90px}.view{display:none}.view.active{display:block;animation:enter .25s ease-out both}@keyframes enter{from{opacity:.84;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:286px;border-radius:18px;background:#143a49;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;isolation:isolate}.hero:before{content:"";position:absolute;inset:auto 0 0 60%;height:170px;background:radial-gradient(ellipse,rgba(125,198,171,.12),transparent 70%);z-index:-1}.hero-copy{position:relative;z-index:1;padding:36px 10px 36px 46px;max-width:670px}.hero-signal{display:flex;gap:9px;align-items:center;color:#c0e3d4;font-size:10px;font-weight:770;letter-spacing:.16em}.signal-flower{font-size:17px;line-height:1}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(33px,3vw,43px);line-height:1.15;letter-spacing:-.035em;margin:16px 0 12px;font-weight:760}.hero h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#c3dfcc}.hero p{max-width:490px;font-size:14px;line-height:1.7;color:#c3d9dc;margin-bottom:21px}.hero-action{background:#c8e8d8;color:#173f44;border:0;border-radius:9px;padding:12px 16px;display:flex;gap:15px;align-items:center;font-size:12px;font-weight:750;transition:background .18s,transform .18s}.hero-action:hover{background:#e2f3e9;transform:translateY(-1px)}.hero-action svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none}.hero-art{width:290px;min-width:230px;height:260px;margin-right:40px;opacity:.9}.hero-art svg{width:100%;height:100%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:35px 0 17px}.section-heading h2{font-size:19px;font-weight:760;letter-spacing:-.02em;margin-bottom:3px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.section-meta{font-size:10px;color:#8c9ba9;font-weight:730;letter-spacing:.14em}.studio-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.88fr);gap:20px}.primary-column,.secondary-column{display:grid;align-content:start;gap:20px;min-width:0}.panel{background:#fff;border:1px solid var(--border);border-radius:15px;padding:26px 27px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:25px}.panel-heading h3{font-size:16px;font-weight:770;letter-spacing:-.014em;margin:0 0 3px}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.panel-emblem{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;color:#2d826a;background:#e6f5ed;font-size:24px;line-height:1;font-weight:400}.panel-emblem.blue{background:#e9eff8;color:#567393;font-size:18px}.form-stack{display:flex;flex-direction:column;gap:9px}.form-stack label,.field-label{display:block;font-size:12px;font-weight:740;color:#30475a}.form-stack input,.form-stack textarea,.search-row input,.form-stack select,#selected-project{width:100%;border-radius:9px;padding:11px 12px;border:1px solid #d9e3eb;color:var(--ink);background:#fbfcfd;transition:border-color .18s,background .18s;min-height:42px}.form-stack textarea{resize:vertical;min-height:74px;max-height:210px}.form-stack input:focus,.form-stack textarea:focus,.search-row input:focus,#selected-project:focus{border-color:#61a99f;background:#fff;outline:none;box-shadow:0 0 0 3px rgba(60,144,129,.12)}.form-stack input::placeholder,.form-stack textarea::placeholder,.search-row input::placeholder{color:#526b77;opacity:1}.form-stack label:not(:first-child){margin-top:7px}.optional{color:#a1aeb8;font-weight:400}.form-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px}.form-footer span{color:#8c99a5;font-size:11px;max-width:210px;line-height:1.4}.button-primary{border:0;background:var(--teal);color:#fff;border-radius:9px;padding:11px 16px;min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px;font-weight:740;transition:background .18s,transform .18s;white-space:nowrap}.button-primary:hover{background:var(--teal-hover);transform:translateY(-1px)}.button-primary.full{width:100%;margin-top:16px}.attempt-panel{margin-top:0}#selected-project{margin:8px 0 18px}.guidance{margin-top:20px;border-radius:10px;background:#edf7f3;padding:16px;border:1px solid #cee8db}.guidance strong{display:block;color:#1b6453;font-size:13px;margin-bottom:5px}.guidance p{margin-bottom:5px;font-size:13px;color:#244e47}.guidance small{color:#617b76}.journey-card{background:#e8f1ef;border:1px solid #dbe9e3;border-radius:15px;padding:29px 28px}.journey-card h3{font-size:17px;margin:0 0 6px;font-weight:750;line-height:1.25}.journey-card>p{font-size:12px;color:#637b7a;line-height:1.6;margin:0 0 23px}.journey-list{list-style:none;counter-reset:none;margin:0;padding:0;display:grid;gap:1px}.journey-list li{display:flex;align-items:flex-start;gap:12px;position:relative;padding-bottom:19px}.journey-list li:not(:last-child):before{content:"";position:absolute;width:1px;top:28px;bottom:0;background:#bad4cc;left:14px}.journey-list li>span{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d1e5df;color:#3b7368;font-size:10px;font-weight:780;font-variant-numeric:tabular-nums;position:relative;z-index:1}.journey-list li:first-child>span{background:#276e67;color:#fff}.journey-list li strong{display:block;font-size:12px;margin-top:2px;color:#2e4b4b}.journey-list li small{color:#748c8c;font-size:11px;line-height:1.4;display:block;margin-top:1px}.journey-list li:last-child{padding-bottom:0}.tip-card{min-height:170px;position:relative;overflow:hidden;border:1px solid #e9e9ee;border-radius:15px;background:#f1eff4;padding:24px 27px}.tip-card h3{font-size:16px;max-width:240px;margin:0 0 7px}.tip-card p{font-size:12px;line-height:1.7;color:#767489;max-width:255px;margin:0}.tip-shape{position:absolute;right:21px;top:9px;font:italic 110px Georgia,serif;color:#e4dfeb;pointer-events:none}.page-head{max-width:650px;margin-bottom:28px}.page-head .page-symbol{width:43px;height:43px;display:grid;place-items:center;background:#e6f0ed;color:#246d60;font-size:25px;border-radius:11px;margin-bottom:21px}.page-head h1{font-size:32px;line-height:1.15;letter-spacing:-.025em;margin:0 0 10px;font-weight:760}.page-head p{font-size:14px;color:var(--muted);line-height:1.7}.search-row{display:flex;gap:10px}.search-row input{flex:1}.microcopy{font-size:11px;color:#8e9ba7;margin:10px 0 0}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.library-item{background:#fff;border:1px solid var(--border);border-radius:13px;padding:23px;box-shadow:var(--shadow)}.library-item span{font-size:10px;font-weight:750;letter-spacing:.08em;color:#348175;text-transform:uppercase}.library-item h3{font-size:15px;margin:7px 0}.library-item p{font-size:12px;color:#617587;line-height:1.7;margin:0}.library-empty{grid-column:1/-1;background:#fff;border:1px dashed #ced9e1;padding:30px;color:#677b88;border-radius:12px}.lab-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:20px}.unit-input{display:flex;align-items:center;position:relative}.unit-input input{padding-right:48px}.unit-input>span{position:absolute;right:14px;color:#768b94;font-weight:760}.equation{margin-top:22px;padding:19px;border-radius:11px;background:#edf5f4;display:flex;flex-direction:column}.equation span{font-size:10px;font-weight:760;letter-spacing:.1em;color:#6c8985}.equation strong{font-size:27px;color:#285e59;letter-spacing:-.03em;margin-top:6px}.equation small{font-size:12px;color:#607f78}.result-panel{border-radius:15px;background:#153748;color:#f4f9fa;padding:30px;position:relative;min-height:470px;display:flex;flex-direction:column}.result-eyebrow{font-size:10px;color:#a7d9cb;letter-spacing:.15em;font-weight:750}.result-panel h3{font-size:23px;letter-spacing:-.02em;margin:12px 0 38px;max-width:330px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-grid>div{padding-bottom:21px;border-bottom:1px solid #456272;min-width:0}.result-grid span{display:block;color:#b6d2d4;font-size:11px}.result-grid strong{display:block;font-size:clamp(22px,3vw,32px);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:12px 0 0;overflow-wrap:anywhere}.result-grid small{color:#9cc0c4}.result-hint{font-size:12px;color:#bfd2d5;margin:21px 0;line-height:1.6}.limits-box{background:#234857;border-radius:10px;padding:16px 17px;margin-top:auto}.limits-box strong{display:block;font-size:12px;color:#d5ece6}.limits-box p{font-size:11px;line-height:1.6;color:#b1c9cb;margin:5px 0 0}.board-wrap{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid #e3e9ee}.board-toolbar strong{font-size:13px}.board-tools{display:flex;align-items:center;gap:10px}.color-chip{width:24px;height:24px;border-radius:50%;border:3px solid #fff;outline:1px solid #cbd5db;background:var(--chip)}.color-chip[data-ink="#294b6f"]{background:#294b6f}.color-chip[data-ink="#dd7260"]{background:#dd7260}.color-chip[data-ink="#477b67"]{background:#477b67}.color-chip.selected{outline:2px solid #236c68;outline-offset:2px}.tool-divider{height:22px;width:1px;background:#dce4e9;margin:0 4px}.button-light{border:1px solid #d7e2e7;border-radius:8px;background:#fff;color:#455a6c;padding:7px 11px;font-size:12px;font-weight:650}.button-light:hover{background:#e9f3f0}#drawing-board{width:100%;height:auto;display:block;background:#fff;touch-action:none;cursor:crosshair}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 23px}.metrics article{background:#fff;border:1px solid var(--border);border-radius:13px;padding:25px;box-shadow:var(--shadow)}.metrics span{display:block;color:#647a87;font-size:12px;font-weight:670}.metrics strong{display:block;color:#1c4357;font-size:38px;font-variant-numeric:tabular-nums;margin:7px 0 2px;line-height:1.25}.metrics small{color:#8b9baa;font-size:11px}.progress-list{display:grid;gap:0}.progress-entry{padding:17px 0;border-top:1px solid var(--border);display:flex;align-items:flex-start;gap:18px;justify-content:space-between}.progress-entry h4{margin:0 0 3px;font-size:14px}.progress-entry p{font-size:12px;color:#6d7c8b;margin:0}.progress-entry span{display:block;white-space:nowrap;color:#397c70;font-size:11px;font-weight:750}.empty-progress{color:#8394a2;font-size:13px;line-height:1.6}#toast{position:fixed;right:23px;bottom:22px;z-index:5;background:#173947;color:#fff;padding:13px 19px;border-radius:10px;box-shadow:0 12px 35px #142b3c44;max-width:min(450px,calc(100vw - 30px));font-size:13px}#toast.error{background:#963f3c}@media (max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.hero-art{width:190px;min-width:160px;margin-right:15px}.hero-copy{padding-left:28px}.studio-layout{grid-template-columns:minmax(0,1fr) 280px}.panel{padding:22px}.journey-card{padding:22px}}@media (max-width:850px){.shell{display:block}.sidebar{position:relative;height:auto;padding:16px 16px 10px;gap:0}.brand{padding:0 0 15px}.nav-label,.side-spacer,.side-note,.side-footer,.nav-shortcut{display:none}.menu{display:flex;overflow:auto;padding-bottom:4px;gap:5px}.nav-link{white-space:nowrap;min-height:39px;width:auto;flex:none;padding:0 12px;gap:7px}.topbar{height:60px}.hero-art{width:140px;min-width:115px;height:150px}.studio-layout{grid-template-columns:1fr}.secondary-column{grid-template-columns:1fr 1fr}.journey-card,.tip-card{min-width:0}.journey-card{padding:22px}}@media (max-width:620px){main{padding:20px 16px 60px}.topbar{padding:0 16px}.local-indicator{font-size:0}.local-indicator>span{display:block}.hero{min-height:270px}.hero-copy{padding:26px 24px}.hero h1{font-size:32px}.hero-art{display:none}.section-heading{align-items:flex-start}.section-meta{display:none}.secondary-column{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.form-footer span{max-width:none}.button-primary{width:100%}.library-grid,.lab-layout,.metrics{grid-template-columns:1fr}.search-row{flex-direction:column}.result-panel{min-height:380px}.board-toolbar{align-items:flex-start;flex-direction:column}.page-head h1{font-size:27px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important;scroll-behavior:auto!important}}