:root{--bg:#03040b;--ink:#eef1ff;--ink-2:#eef1ff9e;--ink-3:#eef1ff61;--glass:#0e11248c;--line:#ffffff1a;--accent:#ffd36e;--display:"Geist", system-ui, sans-serif;--ui:"Geist", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);height:100%;color:var(--ink);font:15px/1.5 var(--ui);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.hidden{display:none!important}#universe{position:fixed;inset:0}.label-layer{pointer-events:none;position:fixed;inset:0}.glass{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(140%);border-radius:20px;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f}.eyebrow{font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.eyebrow.dim{color:var(--ink-3)}.sub{color:var(--ink-2)}.btn{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1418308c;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn:hover{background:#282e5a99;border-color:#ffffff59}.btn.active{border-color:var(--accent);color:var(--accent)}.btn.primary{color:#0b0b18;background:linear-gradient(135deg,#ffd36e,#ff7ac6 55%,#7cc4ff);border:0;font-weight:600;box-shadow:0 0 30px #ff7ac659}.btn.primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.4;cursor:not-allowed}.close{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-2);background:0 0;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:12px;right:14px}.close:hover{color:var(--ink);border-color:#ffffff4d}.topbar{z-index:5;background:linear-gradient(#03040bb3,#0000);align-items:center;gap:20px;padding:20px 28px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.brand svg{width:24px;height:24px;fill:var(--accent);filter:drop-shadow(0 0 8px #ffd36ecc)}.skies{scrollbar-width:none;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e112480;border-radius:999px;gap:6px;margin:0 auto;padding:5px;display:flex;overflow-x:auto}.pill{color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:14px;transition:all .2s}.pill:hover{color:var(--ink)}.pill.active{color:var(--ink);background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff26}.pill.mine{color:var(--accent)}.hud-left{z-index:4;width:300px;padding:22px 22px 16px;transition:opacity .4s;position:fixed;bottom:28px;left:28px}.hud-left.faded{opacity:0;pointer-events:none}.hud-left h1{font:600 38px/1.05 var(--display);letter-spacing:-.035em;margin:8px 0 6px}.stats{color:var(--ink-3);gap:14px;margin-bottom:4px;font-size:12.5px;display:flex}.stats b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.source{color:var(--ink-3);font:400 11px var(--mono);margin-bottom:14px}.source a{color:var(--ink-2);border-bottom:1px solid var(--line);text-decoration:none}.source a:hover{color:var(--ink)}.legend-title{border-top:1px solid var(--line);margin-bottom:4px;padding-top:12px}.legend{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;gap:1px;max-height:34vh;padding:0;list-style:none;display:grid;overflow-y:auto}.legend li{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;font-size:14px;transition:all .15s;display:flex}.legend li:hover{background:#ffffff12}.legend b{flex:1;font-weight:500}.legend em{color:var(--ink-3);font-size:12px;font-style:normal}.dot{background:var(--c);width:9px;height:9px;box-shadow:0 0 10px var(--c), 0 0 3px var(--c);border-radius:50%;flex:none}.con-label{pointer-events:auto;border:1px solid color-mix(in srgb, var(--c) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 11.5px var(--ui);letter-spacing:.07em;text-transform:uppercase;color:#fff;box-shadow:0 0 18px -4px var(--c);white-space:nowrap;background:#060814b3;border-radius:999px;align-items:center;gap:8px;padding:6px 13px 6px 10px;transition:all .2s;display:flex}.con-label:hover{background:color-mix(in srgb, var(--c) 25%, transparent)}.card{z-index:4;border-top:2px solid var(--c);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;width:390px;max-height:calc(100vh - 190px);box-shadow:0 20px 60px #00000073, 0 -12px 40px -20px var(--c), inset 0 1px 0 #ffffff0f;padding:24px;animation:.35s ease-out rise;position:fixed;top:96px;right:28px;overflow-y:auto}.eyebrow.tint{color:var(--c);padding-right:36px}.card blockquote{font:400 21px/1.42 var(--display);letter-spacing:-.015em;margin:12px 0 14px}.card blockquote.long{font-size:16px;line-height:1.55}.card h3{font:600 28px/1.15 var(--display);letter-spacing:-.03em;margin:10px 0 6px}.card .meta{color:var(--ink-3);margin-bottom:14px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.chips:empty{display:none}.chip{text-transform:capitalize;border:1px solid color-mix(in srgb, var(--c) 45%, transparent);background:color-mix(in srgb, var(--c) 12%, transparent);border-radius:999px;padding:4px 10px;font-size:12px}.ideas{gap:8px;margin-top:8px;padding:0;list-style:none;display:grid}.ideas li{border-left:2px solid var(--c);color:var(--ink-2);cursor:pointer;background:#ffffff0a;border-radius:12px;gap:7px;padding:10px 12px 10px 14px;font-size:13px;transition:all .15s;display:grid}.ideas li:hover{color:var(--ink);background:#ffffff17;transform:translate(2px)}.match{align-items:center;gap:8px;display:flex}.match i{background:var(--c);height:3px;box-shadow:0 0 8px var(--c);border-radius:3px;flex:none;max-width:60%}.match b{font:500 10.5px var(--mono);letter-spacing:.04em;color:var(--c)}.ask{z-index:5;border-radius:999px;align-items:center;gap:10px;width:min(560px,100vw - 32px);padding:6px 8px 6px 16px;transition:all .3s;display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%)}.ask svg{fill:none;width:17px;height:17px;stroke:var(--ink-2);stroke-width:2px;stroke-linecap:round;flex:none}.ask input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:8px 0}.ask input::placeholder{color:var(--ink-3)}.ask:focus-within{border-color:#ffd36e8c;box-shadow:0 0 0 4px #ffd36e14,0 20px 60px #00000073}.ask-status{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:6px 12px}.ask.busy .ask-status{color:var(--accent);animation:1.2s ease-in-out infinite glow}@keyframes glow{50%{opacity:.45}}.top-actions{align-items:center;gap:8px;display:flex}.btn.icon{place-items:center;width:40px;height:40px;padding:0;font-weight:600;display:grid}.btn.big{padding:14px 22px;font-size:15px}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}.label-layer{z-index:2}body.quizzing .hud-left,body.quizzing .ask{opacity:0;pointer-events:none}.intro{z-index:8;width:min(560px,100vw - 32px);display:none;position:fixed;top:50%;left:7vw;transform:translateY(-50%)}body.intro-open .intro{animation:.9s ease-out rise;display:block}.label-layer{transition:opacity .6s}body.intro-open .label-layer{opacity:0}body.intro-open .hud-left,body.intro-open .dock,body.intro-open .ask,body.intro-open .hint,body.intro-open .card{opacity:0;pointer-events:none}body.intro-open .vignette{background:linear-gradient(90deg,#03040beb 0%,#03040b8c 45%,#0000 75%)}.intro h2{font:600 clamp(52px, 6.6vw, 92px)/.98 var(--display);letter-spacing:-.05em;margin:18px 0 24px}.intro h2 em{background:linear-gradient(100deg,#ffd36e,#ff7ac6 50%,#7cc4ff);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.1em}.intro .sub{max-width:480px;font-size:17px}.intro-actions{flex-wrap:wrap;gap:10px;margin:30px 0 34px;display:flex}.intro-facts{color:var(--ink-3);flex-wrap:wrap;gap:28px;padding:0;font-size:13px;list-style:none;display:flex}.intro-facts b{font:600 26px/1 var(--display);letter-spacing:-.03em;color:var(--ink);margin-bottom:6px;display:block}.modal-box.wide{width:min(1080px,100%)}.pipeline{counter-reset:s;grid-template-columns:repeat(5,1fr);gap:12px;margin:10px 0 4px;padding:0;list-style:none;display:grid}.pipeline li{border:1px solid var(--line);animation:.5s ease-out both rise;animation-delay:calc(var(--i) * 90ms);background:#ffffff0a;border-radius:16px;align-content:start;gap:6px;padding:18px 16px;display:grid;position:relative}.pipeline li:not(:last-child):after{content:"→";color:var(--ink-3);font-size:14px;position:absolute;top:26px;right:-11px}.step-icon{font-size:22px}.step-title{font-weight:600}.step-stat{font:600 18px/1.2 var(--display);letter-spacing:-.02em;color:var(--accent)}.step-body{color:var(--ink-2);font-size:12.5px;line-height:1.5}.privacy{color:var(--ink-2);background:#8affc10f;border:1px solid #8affc12e;border-radius:12px;padding:12px 16px;font-size:13px}.tooltip{z-index:6;pointer-events:none;border:1px solid color-mix(in srgb, var(--c) 50%, transparent);max-width:280px;color:var(--ink);background:#080a18d9;border-radius:10px;padding:8px 12px;font-size:13px;position:fixed;top:0;left:0}.dock{z-index:4;gap:8px;display:flex;position:fixed;bottom:28px;right:28px}.hint{color:var(--ink-3);font:400 11px var(--mono);letter-spacing:.08em;pointer-events:none;transition:opacity 1s;position:fixed;bottom:36px;left:50%;transform:translate(-50%)}.hint.gone{opacity:0}.quiz{z-index:5;width:min(720px,100vw - 32px);padding:20px 24px 24px;animation:.35s ease-out rise;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.quiz-top{align-items:center;gap:14px;padding-right:36px;display:flex}.quiz-top .close{top:14px}.streak{color:var(--accent);font-weight:600}.mastery{background:#ffffff14;border-radius:5px;flex:1;height:5px;overflow:hidden}.mastery i{background:linear-gradient(90deg,#ffd36e,#ff9a6b);width:0;height:100%;transition:width .6s;display:block;box-shadow:0 0 12px #ffd36e}.quiz-prompt{font:500 22px/1.4 var(--display);letter-spacing:-.02em;margin:16px 0 18px}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option{text-transform:capitalize;border:1px solid var(--line);text-align:left;background:#ffffff0a;border-radius:14px;padding:13px 16px;font-weight:500;transition:all .15s}.option:hover:not(:disabled){background:#ffffff14;border-color:#fff6}.option.right{color:#ffe7a8;background:#ffd36e29;border-color:#ffd36e;box-shadow:0 0 24px #ffd36e4d}.option.wrong{background:#ff5a6e24;border-color:#ff5a6e}.modal{z-index:10;background:#03040b99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-box{gap:14px;width:min(680px,100%);padding:32px;animation:.3s ease-out rise;display:grid;position:relative}.modal-box h2{font:600 32px/1.15 var(--display);letter-spacing:-.035em}.modal-box input,.modal-box textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#0000004d;border-radius:14px;outline:none;padding:13px 16px}.modal-box textarea{resize:vertical;height:220px}.modal-box input:focus,.modal-box textarea:focus{border-color:#ffd36e99}.modal-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.foot-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.linkish{color:var(--accent);background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.linkish:hover{text-decoration:underline}.forming{z-index:11;text-align:center;background:radial-gradient(circle,#141032b3,#03040bf2);place-content:center;justify-items:center;gap:16px;padding:16px;display:grid;position:fixed;inset:0}.orb{filter:blur(1px);background:radial-gradient(circle,#fff 0%,#ffd36e 25%,#ff7ac6 55%,#0000 72%);border-radius:50%;width:90px;height:90px;animation:1.6s ease-in-out infinite pulse}.forming .bar{background:#ffffff1a;border-radius:4px;width:320px;height:4px;overflow:hidden}.forming .bar i{background:linear-gradient(90deg,#7cc4ff,#ff7ac6,#ffd36e);width:0;height:100%;transition:width .3s;display:block}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.quiz{animation-name:none}@keyframes pulse{50%{filter:blur(3px);transform:scale(1.25)}}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:10px;padding:14px 16px}.skies{order:3;width:100%;margin:0}.top-actions{margin-left:auto}#open-paste{padding:8px 12px;font-size:13px}.hud-left{width:auto;padding:14px 16px;bottom:76px;left:16px;right:16px}.hud-left h1{font-size:28px}.legend,.legend-title{display:none}.card{width:auto;max-height:55vh;inset:auto 16px 76px}.ask{top:118px}.ask-status:not(.busy .ask-status){display:none}.ask.busy .ask-status{display:inline}.top-actions .btn.icon{width:34px;height:34px}.pipeline{grid-template-columns:1fr}.pipeline li:not(:last-child):after{content:"↓";top:auto;bottom:-13px;right:16px}.modal-box{max-height:calc(100vh - 32px);padding:24px;overflow-y:auto}.intro{top:auto;bottom:24px;left:16px;transform:none}.intro .sub{font-size:15px}body.intro-open .vignette{background:linear-gradient(#0000,#03040b66 40%,#03040bf2 90%)}.card blockquote{font-size:18px}.dock{justify-content:center;gap:6px;bottom:16px;left:16px;right:16px}.dock .btn{padding:8px 11px;font-size:12.5px}.quiz{bottom:76px}.quiz-prompt{font-size:18px}.options{grid-template-columns:1fr}.hint{display:none}.con-label{gap:5px;padding:3px 8px 3px 6px;font-size:9px}}.tabs{border:1px solid var(--line);background:#0000004d;border-radius:12px;gap:4px;padding:4px;display:flex}.tab{color:var(--ink-2);background:0 0;border:0;border-radius:9px;flex:1;padding:9px 12px;font-size:14px;font-weight:500}.tab.active{color:var(--ink);background:#ffffff1a}.pane{align-content:start;gap:12px;min-height:150px;display:grid}.row{gap:8px;display:flex}.row input{flex:1}.suggest{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{border:1px solid var(--line);color:var(--ink-2);background:#ffffff0a;border-radius:999px;padding:7px 13px;font-size:13px;transition:all .15s}.chip-btn:hover{color:var(--ink);background:#ffd36e14;border-color:#ffd36e80}.drop{cursor:pointer;text-align:center;border:1.5px dashed #fff3;border-radius:16px;justify-items:center;gap:6px;padding:36px 16px;transition:all .2s;display:grid}.drop:hover,.drop.over{border-color:var(--accent);background:#ffd36e0f}.drop-icon{color:var(--accent);font-size:28px}.import-error{color:#ff8a9a;min-height:1em;font-size:13px}.import-error:empty{display:none}.forming h3{font:600 28px/1.2 var(--display);letter-spacing:-.03em}.forming-error{background:#ff5a6e1a;border:1px solid #ff5a6e59;border-radius:14px;justify-items:center;gap:12px;max-width:440px;padding:16px 20px;display:grid}.btn.small{padding:7px 13px;font-size:13px}.card-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.card-actions:empty,.card-related:empty{display:none}.card-related{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.card-related .eyebrow{width:100%;margin-bottom:2px}.link-chip{border:1px solid var(--line);color:var(--ink-2);background:#ffffff0a;border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 9px;font-size:12.5px;transition:all .15s;display:inline-flex}.link-chip .dot{width:7px;height:7px}.link-chip:hover{color:var(--ink);border-color:color-mix(in srgb, var(--c) 60%, transparent)}.item-label{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c)}.legend li{position:relative}.legend li:after{content:"";height:2px;width:calc((100% - 16px) * var(--p,0));background:#ffd36e;border-radius:2px;transition:width .6s;position:absolute;bottom:1px;left:8px;box-shadow:0 0 8px #ffd36e}.intro-link{color:var(--ink-3);margin:-18px 0 30px;font-size:14px}.intro-link .linkish{color:var(--ink-2);border-bottom:1px solid var(--line);font-weight:400}.intro-link .linkish:hover{color:var(--ink);text-decoration:none}#guide .modal-box{scrollbar-width:thin;max-height:calc(100vh - 32px);overflow-y:auto}.uses{grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 10px;display:grid}.uses article{border:1px solid var(--line);background:linear-gradient(160deg,#ffd36e14,#7cc4ff0a);border-radius:16px;align-content:start;gap:6px;padding:18px;animation:.5s ease-out both rise;display:grid}.uses article:nth-child(2){animation-delay:60ms}.uses article:nth-child(3){animation-delay:.12s}.uses article:nth-child(4){animation-delay:.18s}.uses span{font-size:24px}.uses b{font-size:15px;font-weight:600}.uses p,.features p{color:var(--ink-2);font-size:13px;line-height:1.5}.uses em,.features em{color:var(--accent);font-style:normal}.features{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.features article{border:1px solid var(--line);background:#ffffff09;border-radius:14px;grid-template-rows:auto 1fr auto auto;gap:6px;padding:16px;transition:all .2s;display:grid}.features article:hover{background:#ffd36e0d;border-color:#ffd36e59}.features b{font-weight:600}.features small{color:var(--ink-3);font-size:11.5px}.features .chip-btn{color:var(--accent);justify-self:start;margin-top:4px;padding:5px 12px;font-size:12.5px}kbd{font:500 11px var(--mono);border:1px solid var(--line);color:var(--ink-2);background:#ffffff0f;border-radius:5px;padding:1px 6px}.guide-foot{flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;display:flex}.guide-foot .sub{font-size:13px}#explain textarea{height:170px}.spot,.coach{display:none}body.walkthrough .spot{z-index:30;pointer-events:none;border:1.5px solid #ffd36ee6;border-radius:22px;transition:left .45s,top .45s,width .45s,height .45s,opacity .3s;display:block;position:fixed;box-shadow:0 0 0 9999px #0203099e,0 0 40px #ffd36e59}body.walkthrough .coach{z-index:31;border-top:2px solid var(--accent);gap:10px;width:min(380px,100vw - 32px);padding:20px 22px 16px;transition:left .45s,top .45s;animation:.35s ease-out rise;display:grid;position:fixed}body.walkthrough .hint{opacity:0}.coach .eyebrow{color:var(--accent)}.coach h3{font:600 22px/1.2 var(--display);letter-spacing:-.025em}.coach-body{color:var(--ink-2);font-size:14px;line-height:1.55}.coach-how{background:#ffd36e12;border:1px solid #ffd36e33;border-radius:12px;gap:3px;padding:10px 12px;font-size:13px;display:grid}.coach-how b{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.coach-foot{align-items:center;gap:8px;margin-top:4px;display:flex}.coach-dots{flex:1;gap:4px;display:flex}.coach-dots i{background:#ffffff26;border-radius:3px;width:14px;height:3px;transition:all .3s}.coach-dots i.on{background:var(--accent);box-shadow:0 0 6px var(--accent)}.coach .linkish{color:var(--ink-3);font-size:13px;font-weight:400}@media (max-width:1100px){.uses,.features{grid-template-columns:1fr 1fr}}@media (max-width:760px){.uses,.features{grid-template-columns:1fr}#open-guide{padding:8px 11px;font-size:13px}.intro-link{margin:-20px 0 22px}body.walkthrough .coach{gap:8px;padding:16px}.coach h3{font-size:18px}.coach-body{font-size:13px}}.coach-foot button{white-space:nowrap}body.walkthrough .coach{grid-template-columns:minmax(0,1fr)}.coach-dots i{width:10px}@media (max-width:760px){body.walkthrough .card{max-height:40vh}#btn-tour{display:none}.dock .btn{white-space:nowrap;padding:8px 10px;font-size:12px}}