:root{--ink:#17211d;--muted:#66716c;--paper:#f7f7f2;--card:#fff;--line:#dfe3dd;--green:#1b654a;--mint:#dff2e8;--lime:#c8e867;--blue:#e3eef8;--orange:#fae8d7;--shadow:0 16px 50px #1e302717}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1b654a38}button{cursor:pointer}button:disabled{cursor:not-allowed}header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f7f2f0;align-items:center;height:72px;padding:0 max(28px,50vw - 620px);display:flex;position:sticky;top:0}.logo{align-items:center;gap:9px;min-width:220px;display:flex}.logo>span{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.logo b{letter-spacing:-1px;font-family:Georgia,serif;font-size:23px}header nav{gap:5px;height:100%;display:flex}header nav button{height:100%;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0 18px;font-weight:650;display:flex;position:relative}header nav button.active{color:var(--ink)}header nav button.active:after{content:"";background:var(--green);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:16px;right:16px}.head-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.resume{background:var(--mint);color:var(--green);border:0;border-radius:10px;align-items:center;gap:9px;height:38px;padding:0 14px;font-weight:700;display:flex}.pulse{background:#32a86e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #32a86e21}main{min-height:calc(100vh - 72px)}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:90px;max-width:1240px;margin:auto;padding:76px 28px 70px;display:grid}.pill{letter-spacing:.04em;text-transform:uppercase;color:#68726d;white-space:nowrap;background:#edf0ec;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.pill.mint{background:var(--mint);color:var(--green)}.pill.blue{background:var(--blue);color:#315e7b}.pill.green{color:#4c6f31;background:#e6f1db}.pill.orange{background:var(--orange);color:#9a5524}.hero h1{letter-spacing:-2.7px;margin:22px 0 20px;font:500 clamp(42px,5vw,68px)/1.03 Georgia,serif}.hero h1 em{color:var(--green);font-weight:500}.hero>div>p{color:var(--muted);margin:0;font-size:18px;line-height:1.65}.hero-card{color:#fff;background:#183e31;border-radius:18px;padding:8px 24px 12px;transform:rotate(1deg);box-shadow:0 28px 70px #153c2e33}.mini-top{letter-spacing:.18em;color:#a6c2b7;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;height:58px;font-size:10px;font-weight:800;display:flex}.mini-row{border-bottom:1px solid #ffffff1c;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:20px 0;display:grid}.mini-row:last-child{border:0}.mini-row>b{color:var(--lime);font:italic 19px Georgia}.mini-row>span{flex-direction:column;gap:4px;display:flex}.mini-row strong{font-family:Georgia;font-size:18px}.mini-row small{color:#9fb7ae}.library{border-top:1px solid var(--line);background:#fff;padding:60px max(28px,50vw - 620px) 80px}.section-title{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.eyebrow{letter-spacing:.2em;color:var(--green);font-size:10px;font-weight:850}.section-title h2,.progress-head h1{margin:8px 0 0;font:500 32px Georgia}.primary{background:var(--green);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-weight:750;display:inline-flex;box-shadow:0 5px 14px #1b654a26}.primary:hover{background:#124f38}.primary:disabled{box-shadow:none;background:#9da8a3}.toolbar{align-items:center;gap:20px;margin:32px 0 28px;display:flex}.search{border:1px solid var(--line);min-width:290px;height:44px;color:var(--muted);background:#fafbf9;border-radius:10px;align-items:center;gap:10px;padding:0 13px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;min-width:0}.filters{gap:7px;display:flex;overflow-x:auto}.filters button{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;height:36px;padding:0 14px;font-size:13px;font-weight:650}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.exercise-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.exercise-card{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;min-height:325px;padding:22px;transition:all .18s;display:flex}.exercise-card:hover{box-shadow:var(--shadow);border-color:#cbd2cb;transform:translateY(-3px)}.card-icon{border-radius:12px;place-items:center;width:45px;height:45px;margin-bottom:20px;display:grid}.card-icon svg{width:21px}.c1{color:var(--green);background:#e2f1e9}.c2{color:#8a6233;background:#f1e8d8}.c3{color:#475f8a;background:#e4eaf5}.c4{color:#76517e;background:#eee3f1}.card-meta{justify-content:space-between;align-items:center;display:flex}.card-meta>span{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.exercise-card h3{margin:16px 0 10px;font:600 21px Georgia}.exercise-card>p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-foot{border-top:1px solid #edf0ec;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.card-foot>span{color:var(--muted);font-size:11px;font-weight:700}.card-foot button{color:var(--green);background:0 0;border:0;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.local-note{color:var(--muted);background:#f3f6f1;border-radius:13px;justify-content:space-between;align-items:center;margin-top:26px;padding:18px 22px;font-size:12px;display:flex}.local-note>div{align-items:center;gap:12px;display:flex}.local-note svg{color:var(--green)}.local-note span span{flex-direction:column;display:flex}.local-note strong{color:var(--ink);font-size:13px}.local-note small{margin-top:3px}.empty{text-align:center;border:1px dashed #ccd2cc;border-radius:16px;padding:70px}.empty svg{color:var(--green)}.empty h3{margin:14px 0 8px;font:600 23px Georgia}.empty p{color:var(--muted)}.empty button,.back{color:var(--green);background:0 0;border:0;font-weight:750}.compact .exercise-card{min-height:280px}.compact .exercise-card>p{-webkit-line-clamp:2}.setup,.workspace,.progress-page{max-width:1240px;margin:auto;padding:38px 28px 80px}.back{align-items:center;gap:7px;margin-bottom:28px;padding:0;display:flex}.setup-grid{grid-template-columns:1.35fr .65fr;gap:24px;display:grid}.prompt-panel,.start-panel{border:1px solid var(--line);background:#fff;border-radius:17px}.prompt-panel{padding:38px 42px}.prompt-head{justify-content:space-between;align-items:center;display:flex}.prompt-head>div{gap:7px;display:flex}.prompt-head>span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.prompt-panel h1{margin:27px 0 20px;font:500 40px Georgia}.prompt-panel .prompt{color:#45504b;font-size:17px;line-height:1.75}.prompt-panel h3{text-transform:uppercase;letter-spacing:.12em;margin:35px 0 14px;font-size:12px}.prompt-panel ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.prompt-panel li{color:var(--muted);gap:10px;font-size:14px;display:flex}.prompt-panel li svg{color:var(--green)}.start-panel{text-align:center;box-shadow:var(--shadow);padding:34px}.big-icon{background:var(--mint);width:50px;height:50px;color:var(--green);border-radius:14px;place-items:center;margin:auto;display:grid}.start-panel h2{margin:19px 0 8px;font:600 25px Georgia}.start-panel>p,.modal>p{color:var(--muted);font-size:14px;line-height:1.5}.time-options{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0;display:grid}.time-options button{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;height:64px;display:flex}.time-options button.active{border:2px solid var(--green);color:var(--green);background:#f4faf6}.time-options b{font-size:18px}.time-options span{color:var(--muted);font-size:10px}.start-panel label,.modal label{text-align:left;color:#4e5954;flex-direction:column;gap:7px;font-size:12px;font-weight:750;display:flex}.start-panel input,.modal input,.modal textarea,.modal select,.setting select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:11px}.wide{width:100%;margin-top:20px}.start-panel>small{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:10px;display:flex}.workspace-top{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.workspace-top .back{margin:0 0 8px}.workspace-top h1{margin:0;font:500 27px Georgia}.timer{background:#edf8f2;border:1px solid #a7d2bc;border-radius:12px;align-items:center;gap:11px;padding:9px 14px;display:flex}.timer>span:last-child{flex-direction:column;display:flex}.timer small{letter-spacing:.13em;color:var(--green);font-size:8px;font-weight:800}.timer strong{font-variant-numeric:tabular-nums;font-size:20px}.timer.ended{background:#fff6ed;border-color:#eccbad}.timer.ended .pulse{background:#d77934}.workspace-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:start;gap:20px;display:grid}.editor-column{gap:14px;display:grid}.prompt-compact,.write-card,.help-panel{border:1px solid var(--line);background:#fff;border-radius:14px}.prompt-compact{padding:18px 22px}.prompt-compact span{letter-spacing:.16em;color:var(--green);font-size:9px;font-weight:850}.prompt-compact p{margin:8px 0 0;font-size:14px;line-height:1.55}.write-card{flex-direction:column;display:flex;overflow:hidden}.write-card>span{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;font-size:13px;font-weight:800;display:flex}.write-card>span svg{color:var(--green)}.write-card>span small{color:var(--muted);margin-left:auto;font-weight:500}.write-card textarea{resize:vertical;border:0;outline:0;min-height:130px;padding:18px;line-height:1.6}.write-card.code textarea{color:#e9f2ed;background:#16231e;min-height:220px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.write-card.code textarea::placeholder{color:#81918a}.finish{justify-self:end}.requirement{text-align:right;color:var(--muted);margin:-7px 2px 0;font-size:11px}.help-panel{padding:20px;position:sticky;top:92px}.help-title>div{align-items:center;gap:11px;display:flex}.help-title{justify-content:space-between;align-items:center;display:flex}.ladder-icon{background:var(--mint);width:38px;height:38px;color:var(--green);border-radius:10px;place-items:center;display:grid}.help-title h2{margin:0;font:600 20px Georgia}.help-title p{color:var(--muted);margin:3px 0 0;font-size:11px}.locked-note{color:var(--muted);background:#f4f5f2;border-radius:10px;gap:10px;margin-top:18px;padding:12px;display:flex}.locked-note>span{flex-direction:column;display:flex}.locked-note strong{color:var(--ink);font-size:12px}.locked-note small{margin-top:2px;font-size:10px}.levels{gap:9px;margin-top:18px;display:grid}.help-level{border:1px solid var(--line);border-radius:11px;overflow:hidden}.help-level>button{text-align:left;background:#fff;border:0;align-items:center;gap:10px;width:100%;padding:13px;display:flex}.level-number{background:#edf1ed;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:11px;font-weight:800;display:grid}.level-label{flex:1;align-items:center;gap:8px;display:flex}.level-label>svg{color:var(--green)}.level-label>span{flex-direction:column;display:flex}.level-label strong{font-size:12px}.level-label small{color:var(--muted);margin-top:2px;font-size:9px}.help-level>button>span:last-child{text-transform:uppercase;color:var(--green);font-size:9px;font-weight:850}.help-level.disabled{opacity:.5}.help-level.open{border-color:#acd2bd}.help-level.open .level-number{background:var(--green);color:#fff}.help-content{color:#45524c;background:#f4faf6;border-top:1px solid #d8e7de;padding:14px;font-size:12px;line-height:1.55}.help-content p{margin:0}.help-content ul{gap:7px;margin:0;padding-left:18px;display:grid}.help-principle{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.help-principle strong{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.help-principle p{color:var(--muted);margin:5px 0;font-size:11px;line-height:1.5}.reflection{grid-template-columns:.75fr 1.25fr;gap:60px;max-width:940px;margin:auto;padding:58px 28px 90px;display:grid}.success{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:20px;display:grid}.reflection-intro h1{margin:18px 0;font:500 42px/1.08 Georgia}.reflection-intro>p{color:var(--muted);line-height:1.6}.session-summary{gap:10px;margin-top:28px;display:grid}.session-summary>span{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr;align-items:center;padding:11px 0;display:grid}.session-summary svg{width:18px;color:var(--green);grid-row:1/3}.session-summary b{font-size:13px}.session-summary small{color:var(--muted);font-size:10px}.reflection-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px;padding:34px}.question-number{color:var(--green);margin-bottom:10px;font:italic 18px Georgia}.reflection-form label{flex-direction:column;display:flex}.reflection-form label strong{font:600 18px Georgia}.reflection-form label small{color:var(--muted);margin-top:5px}.reflection-form textarea{border:1px solid var(--line);resize:vertical;border-radius:10px;min-height:135px;margin:14px 0 25px;padding:13px;line-height:1.5}.reflection-form .requirement{text-align:center;margin:9px 0}.progress-page{padding-top:70px}.progress-head{justify-content:space-between;align-items:end;display:flex}.progress-head p{color:var(--muted)}.secondary{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 14px;font-weight:700;display:flex}.danger{color:#a0443b}.empty-progress{text-align:center;border:1px solid var(--line);background:#fff;border-radius:17px;margin-top:40px;padding:70px 25px}.empty-progress>span{background:var(--mint);width:62px;height:62px;color:var(--green);border-radius:50%;place-items:center;margin:auto;display:grid}.empty-progress h2{margin:18px 0 8px;font:600 27px Georgia}.empty-progress p{color:var(--muted);max-width:480px;margin:0 auto 24px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0 45px;display:grid}.stat-grid>div{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:22px;display:flex}.stat-grid>div>span{background:var(--mint);width:44px;height:44px;color:var(--green);border-radius:11px;place-items:center;display:grid}.stat-grid p{flex-direction:column;margin:0;display:flex}.stat-grid b{font:600 27px Georgia}.stat-grid small{color:var(--muted);font-size:11px}.history>.section-title{margin-bottom:18px}.history article{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:55px 1fr 42px;align-items:start;gap:18px;margin-bottom:10px;padding:20px;display:grid}.history-date{text-align:center;border-right:1px solid var(--line);flex-direction:column;display:flex}.history-date b{font:600 22px Georgia}.history-date span{color:var(--muted);font-size:9px}.history-body>div{justify-content:space-between;align-items:center;display:flex}.history-body h3{margin:0;font:600 18px Georgia}.history-body>div span{color:var(--muted);font-size:10px}.history blockquote{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.45}.modal-bg{z-index:100;background:#0e19158a;place-items:center;padding:20px;animation:.16s fade;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:18px;width:min(530px,100%);max-height:calc(100vh - 40px);padding:32px;position:relative;overflow:auto;box-shadow:0 30px 90px #0003}.modal-close{background:0 0;border:0;position:absolute;top:18px;right:18px}.modal h2{text-align:center;margin:16px 0 6px;font:600 27px Georgia}.modal>p{text-align:center;margin-bottom:25px}.modal label{margin-top:14px}.modal textarea{resize:vertical;min-height:110px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.side{place-items:stretch end;padding:0}.drawer{background:var(--paper);flex-direction:column;width:min(440px,100%);height:100%;padding:30px;animation:.22s slide;display:flex}.drawer-head{justify-content:space-between;display:flex}.drawer h2{margin:8px 0 28px;font:600 26px Georgia}.setting{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.setting>span{flex-direction:column;display:flex}.setting strong{font-size:13px}.setting small{color:var(--muted);margin-top:4px;font-size:10px}.toggle{background:#cbd0cc;border:0;border-radius:20px;width:43px;height:25px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block}.toggle.on{background:var(--green)}.toggle.on span{transform:translate(18px)}.privacy{background:var(--mint);color:var(--green);border-radius:11px;gap:12px;margin-top:20px;padding:16px;display:flex}.privacy strong{font-size:13px}.privacy p{margin:5px 0 0;font-size:11px;line-height:1.5}.drawer-bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.danger-link{color:#a0443b;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.loading{text-align:center;height:100vh;color:var(--muted);place-content:center;gap:20px;font-size:13px;display:grid}.loading .logo{justify-content:center;min-width:0}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(100%)}}@media (max-width:900px){header{padding:0 18px}.logo{min-width:0}.logo b{display:none}.hero{grid-template-columns:1fr;gap:38px;padding-top:50px}.hero-card{max-width:520px}.exercise-grid{grid-template-columns:repeat(2,1fr)}.setup-grid,.reflection,.workspace-grid{grid-template-columns:1fr}.help-panel{grid-row:1;position:static}.reflection-intro{text-align:center;justify-items:center;display:grid}.session-summary{grid-template-columns:repeat(3,1fr);width:100%}.session-summary>span{border:0}.setup{padding-top:28px}}@media (max-width:620px){header{height:62px}.logo>span{width:32px;height:32px}header nav{margin-left:12px}header nav button{padding:0 10px;font-size:0}header nav button svg{width:20px}.resume{justify-content:center;width:38px;padding:0;font-size:0}.head-actions{gap:6px}.hero{padding:40px 18px 45px}.hero h1{letter-spacing:-1.8px;font-size:42px}.hero>div>p{font-size:15px}.desktop{display:none}.hero-card{padding:5px 18px}.library,.setup,.workspace,.progress-page{padding-left:16px;padding-right:16px}.library{padding-top:40px}.section-title{align-items:flex-start}.section-title h2{font-size:27px}.section-title .primary{width:44px;padding:0;font-size:0}.toolbar{display:block}.search{width:100%;min-width:0;margin-bottom:13px}.filters{padding-bottom:5px}.exercise-grid{grid-template-columns:1fr}.exercise-card{min-height:300px}.local-note>span{display:none}.prompt-panel{padding:25px 21px}.prompt-panel h1{font-size:32px}.start-panel{padding:25px 20px}.workspace-top{align-items:flex-start}.workspace-top h1{max-width:190px;font-size:21px}.timer{padding:7px 10px}.timer strong{font-size:17px}.write-card>span small{display:none}.help-panel{padding:16px}.level-label>svg{display:none}.finish{width:100%}.requirement{text-align:center}.reflection{gap:30px;padding:40px 16px}.reflection-intro h1{font-size:35px}.reflection-form{padding:23px 19px}.session-summary{grid-template-columns:1fr}.session-summary>span{border-bottom:1px solid var(--line)}.progress-page{padding-top:45px}.progress-head{display:block}.progress-head h1{font-size:34px}.progress-head .secondary{margin-top:20px}.stat-grid{grid-template-columns:1fr;margin:25px 0 35px}.history article{grid-template-columns:43px 1fr 40px;gap:10px;padding:14px}.history-body>div{display:block}.history-body>div span{margin-top:4px;display:block}.history blockquote{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modal{padding:28px 20px}.form-row{grid-template-columns:1fr}.drawer{padding:24px 20px}.drawer-bottom{gap:10px}.empty-progress{padding:50px 18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;transition:transform .15s;position:fixed;top:10px;left:14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}button{touch-action:manipulation;-webkit-tap-highlight-color:#1b654a1f}h1,h2,h3{text-wrap:balance}.exercise-card{transition:transform .18s,box-shadow .18s,border-color .18s}.modal,.drawer{overscroll-behavior:contain}.prompt,.prompt-compact p,.exercise-card p,.help-content,.history blockquote{overflow-wrap:anywhere}main{overflow-x:hidden}