:root{font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f1f2e6;background:#111512;color-scheme:dark;--lime:#d7ed9f;--muted:#b5beb0;--line:#ffffff25}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);padding:10px 17px;border-radius:9px}button:hover{border-color:var(--lime);background:#d7ed9f10}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.shell{display:grid;grid-template-columns:220px minmax(0,1fr) 260px;max-width:1700px;min-height:100vh;margin:auto}.sidebar{padding:30px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{font-size:30px;letter-spacing:-1px;font-weight:650;text-decoration:none;margin:0 10px 45px}.brand span{color:var(--lime);margin-right:9px}nav{display:flex;flex-direction:column;gap:7px}nav button{display:flex;gap:20px;align-items:center;border:0;text-align:left;padding:15px;font-size:17px}nav .active{background:#d7ed9f16;color:var(--lime)}.local-note{margin-top:auto;border-top:1px solid var(--line);padding:25px 8px 0;color:var(--muted);font-size:12px}main{padding:40px 34px;min-width:0}.topline{text-align:right;color:var(--muted);font-size:14px;margin-bottom:22px}h1{font-size:clamp(30px,3.4vw,51px);line-height:1.13;letter-spacing:-1.7px;margin:0 0 12px}h2{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:0 0 15px}h3{font-size:19px;line-height:1.35;margin:0 0 15px}p{margin:0 0 20px}.subtitle{font-size:19px;color:var(--muted);margin-bottom:38px}.next{padding:30px;border:1px solid #d7ed9f40;border-radius:14px;background:#d7ed9f06}.next h2{font-size:29px;margin:16px 0}.next p{color:var(--muted);font-size:18px}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:var(--lime)}.primary{background:var(--lime);color:#17200f;border:1px solid var(--lime);font-weight:650;padding:13px 22px}.primary:hover{background:#e6f8bc;color:#17200f}.primary span{margin-left:20px}.path-title{margin:42px 0 28px}.path{display:flex;justify-content:space-between;gap:12px}.node{border:0;padding:0;flex:1;text-align:center;position:relative}.node:hover{background:none}.node span{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff55;border-radius:50%;margin:0 auto 12px;font-size:22px;color:var(--muted)}.node.current span,.node.done span{background:var(--lime);color:#17200f;border-color:var(--lime)}.node label{display:block;font-size:13px;max-width:105px;margin:auto;cursor:pointer}.node:not(:last-child):after{content:"";position:absolute;height:1px;background:#ffffff30;top:29px;left:calc(50% + 37px);width:calc(100% - 62px)}.notebook{border-left:1px solid var(--line);margin:55px 0;padding:30px 25px;display:flex;flex-direction:column}.notebook>p{font-size:18px;color:var(--muted)}.notebook-card{padding:25px 18px;border:1px solid var(--line);border-radius:12px;margin-top:10px}.notebook-card svg{display:block;width:45px;height:45px;margin:0 auto 30px;color:var(--muted)}.notebook-card p{font-size:14px;color:var(--muted)}.notebook-card button{width:100%;font-size:14px;padding:12px}.notebook .points-note{border-top:1px solid var(--line);margin-top:auto;padding-top:22px;font-size:12px}.panel{padding:24px;border:1px solid var(--line);border-radius:12px;margin:22px 0}.field{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:14px}input,textarea,select{background:#191f1a;border:1px solid #ffffff40;border-radius:8px;color:inherit;padding:12px;width:100%;min-width:0}textarea{min-height:130px;resize:vertical}.muted{color:var(--muted)}.small{font-size:12px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.actions h2{margin:0}.error{padding:15px;background:#582b28;border-radius:8px;color:#ffded8}.prewrap,.entry p{white-space:pre-wrap;overflow-wrap:anywhere}.reply{border-left:2px solid #d7ed9f66;padding-left:15px;margin:20px 0}.access-code{overflow-wrap:anywhere;font-size:12px}.steps li{margin-bottom:12px}.choice-grid{display:flex;gap:12px;flex-wrap:wrap}.entry{border-top:1px solid var(--line);padding:22px 0}.narrow{max-width:620px}details summary{cursor:pointer}.status{color:var(--lime)}@media(max-width:1150px){.shell{grid-template-columns:190px minmax(0,1fr)}.notebook{display:none}.sidebar{padding:25px 10px}.brand{font-size:28px}main{padding:30px}}@media(max-width:650px){.shell{display:block}.sidebar{padding:18px 18px 12px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 20px;font-size:25px}nav{flex-direction:row;gap:2px;justify-content:space-between}nav button{font-size:10px;gap:6px;flex-direction:column;padding:8px 5px;flex:1}nav svg{width:19px}.local-note{display:none}main{padding:22px 20px}.topline{margin-bottom:20px}h1{font-size:34px}.subtitle{font-size:16px}.next{padding:22px}.next h2{font-size:25px}.next p{font-size:16px}.path{gap:8px;flex-wrap:wrap;justify-content:flex-start}.node{flex:0 0 calc(33% - 8px);margin-bottom:20px}.node:after{display:none}.panel{padding:18px}.notebook{display:none}.choice-grid button{flex:1 0 35%}}.volume{margin:0 0 28px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#d7ed9f08}.volume p{margin:0 0 8px;color:var(--muted);font-size:14px}.volume p:last-child{margin:0}.exercise-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 28px}.exercise-card{text-align:left;padding:20px;border-radius:14px;background:#d7ed9f08}.exercise-card h3{margin:0 0 8px;font-size:18px}.exercise-card p{margin:0;color:var(--muted);font-size:14px}.zener-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.glyph-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;min-height:96px}.zener-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0}.zener-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#191f1a;border-radius:8px;border:1px solid var(--line)}.dot{width:7px;height:7px;border-radius:50%;background:#ffffff40}.dot.hit{background:var(--lime)}.dot.miss{background:#c98980}.picture-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.picture-choice{padding:8px;display:flex;flex-direction:column;gap:8px}.picture-choice img,.reveal-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#191f1a}.reveal-photo{margin:12px 0 16px;max-height:320px}.locked-note{margin:12px 0 18px;padding:12px 14px;border-left:3px solid var(--lime);color:var(--lime);white-space:pre-wrap;overflow-wrap:anywhere}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.color-swatch{min-height:52px;text-transform:capitalize;font-weight:650}.color-swatch.red,.color-flash.red{background:#9e2b2b;border-color:#c45a5a}.color-swatch.blue,.color-flash.blue{background:#2b4c9e;border-color:#5a78c4}.color-swatch.green,.color-flash.green{background:#2b7a3a;border-color:#5aad68}.color-swatch.yellow,.color-flash.yellow{background:#c4a12b;color:#17200f;border-color:#e0c35a}.color-swatch.purple,.color-flash.purple{background:#6b2b9e;border-color:#9660c4}.color-swatch.orange,.color-flash.orange{background:#c45f2b;border-color:#e08a5a}.color-swatch.white,.color-flash.white{background:#f1f2e6;color:#17200f;border-color:#c5cbb8}.color-swatch.black,.color-flash.black{background:#0d0f0c;border-color:#3a3f38}.color-flash{height:200px;border-radius:12px;margin:16px 0;border:1px solid var(--line)}.track{margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:14px}.track-lessons{display:grid;gap:10px;margin-top:14px}.lesson-node{text-align:left;display:flex;gap:14px;align-items:center;padding:12px 14px}.lesson-node span{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff55}.lesson-node.done span,.lesson-node.current span{background:var(--lime);color:#17200f;border-color:var(--lime)}.lesson-node label{cursor:pointer;font-size:14px}.dream-embed{margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid var(--line)}.dream-embed h2{font-size:22px}@media(max-width:650px){.exercise-list,.picture-grid,.zener-grid,.zener-results,.color-grid{grid-template-columns:1fr 1fr}.zener-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.glyph-btn{min-height:84px}.lesson-node{padding:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.login-page{min-height:100dvh;display:grid;place-items:center;padding:40px 22px;background:radial-gradient(ellipse at 15% 5%,#29412a80,transparent 48%),radial-gradient(ellipse at 95% 95%,#39432350,transparent 42%),#111512}.login-wrap{width:100%;max-width:520px}.login-brand{display:block;width:max-content;margin:0 0 36px 3px}.login-card{padding:38px;background:#171e18;border:1px solid #d7ed9f35;border-radius:22px;box-shadow:0 20px 70px #0003}.login-card h1{font-size:clamp(32px,5vw,43px);letter-spacing:-1.5px;margin:15px 0}.login-intro{color:var(--muted);font-size:18px;margin-bottom:32px}.login-card h2{font-size:20px;letter-spacing:-.4px;margin:0 0 9px}.login-card .field{margin:22px 0 16px}.login-submit{width:100%;min-height:49px}.login-help{font-size:13px;color:var(--muted);margin:18px 0 0}.login-footer{font-size:13px;color:var(--muted);text-align:center;padding:0 20px;margin:22px 0 0}.login-message{margin:22px 0 0;padding:15px;border:1px solid #d7ed9f55;border-radius:10px;background:#d7ed9f0b}.login-card .error{margin:20px 0 0}.text-button{display:block;border:0;text-decoration:underline;color:var(--muted);margin:14px auto 0;padding:6px}.login-loading{display:flex;align-items:center;gap:12px;color:var(--muted);padding:12px 0}.loading-dot{width:11px;height:11px;background:var(--lime);border-radius:50%}.account-email{overflow-wrap:anywhere;display:block}.sync-label{display:block;font-size:12px;color:var(--muted);margin-top:6px}.signout{font-size:12px;margin-top:13px;padding:6px 10px}.mobile-signout{display:none}.check-field{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:15px 0}.check-field input{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0}.panel details>p{margin-top:14px}@media(max-width:650px){.login-page{padding:26px 18px;place-items:start center}.login-brand{margin-bottom:26px}.login-card{padding:26px 22px;border-radius:18px}.login-card h1{font-size:35px}.mobile-signout{display:inline-block;margin-left:18px;font-size:12px;padding:5px 10px}.topline{display:flex;align-items:center;justify-content:space-between}.login-intro{font-size:16px}}
