:root{--bg:#090b0d;--panel:#111418;--panel2:#171b20;--ink:#f7f7f3;--muted:#a8adb5;--line:#2a3037;--ice:#a2ebff;--blush:#ed3cc6;--good:#8ee2b0;--warn:#ffd37a;--paper:#f4f1e8;--paperink:#17191c}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.shell{max-width:1200px;margin:auto;padding:0 26px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.brand{font-weight:950;font-size:20px;letter-spacing:-.04em}.brand span{color:var(--ice)}.nav{display:flex;gap:18px;align-items:center;font-size:14px;color:#d7d9dc}.nav a:hover{color:var(--ice)}.ghost,.primary{border-radius:9px;padding:10px 14px;font-weight:850;cursor:pointer;display:inline-block}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.primary{border:0;background:var(--ice);color:#071014}.primary:hover{filter:brightness(1.06)}.hero{padding:78px 0 56px}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:var(--ice)}h1{font-size:clamp(48px,7.4vw,88px);line-height:.93;letter-spacing:-.065em;margin:14px 0 22px;max-width:1050px}h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.05;margin:0 0 14px}h3{font-size:20px;letter-spacing:-.02em;margin:0 0 8px}.lead{font-size:20px;line-height:1.64;color:#c7cbd1;max-width:840px}.small{font-size:13px}.muted{color:var(--muted)}.section{padding:56px 0;border-top:1px solid var(--line)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px}.card p{color:var(--muted);line-height:1.58}.num{color:var(--blush);font-size:12px;font-weight:900;letter-spacing:.12em}.path{font-size:28px;font-weight:950;letter-spacing:-.04em}.path span{color:var(--ice)}.pattern{padding:12px 0;border-top:1px solid var(--line)}.pattern:first-child{border-top:0}.quote{font-size:clamp(26px,4vw,46px);line-height:1.14;letter-spacing:-.04em;font-weight:900;max-width:960px}.newsletter{background:linear-gradient(135deg,#11191d,#17141a);border:1px solid #35414a;border-radius:20px;padding:30px}.signup{display:flex;gap:10px;max-width:700px}.signup input{flex:1;background:#090b0d;border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:13px}.signup-msg{margin-top:10px;font-size:13px}.article-list a{display:block;padding:18px 0;border-top:1px solid var(--line)}.article-list a:first-child{border-top:0}.article-list strong{font-size:19px}.article-list span{display:block;color:var(--muted);margin-top:5px}.footer{border-top:1px solid var(--line);padding:28px 0 44px;color:var(--muted);font-size:13px}.editorial{font-size:12px;color:#777f88;max-width:800px;line-height:1.5}.article-shell{max-width:850px;margin:auto;padding:0 26px}.article-head{padding:64px 0 34px}.article-head h1{font-size:clamp(44px,7vw,74px)}.article-meta{color:var(--muted);font-size:14px}.article-body{font-size:18px;line-height:1.78;color:#d8dbe0;padding-bottom:60px}.article-body h2{font-size:34px;margin-top:46px;color:var(--ink)}.article-body h3{font-size:23px;margin-top:30px;color:var(--ink)}.article-body strong{color:var(--ink)}.article-body blockquote{border-left:4px solid var(--ice);margin:28px 0;padding:10px 0 10px 20px;color:var(--ink);font-size:23px;font-weight:800}.answer-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;margin:22px 0}.article-cta{background:var(--paper);color:var(--paperink);border-radius:16px;padding:24px;margin:38px 0}.article-cta a{color:#0c5262;font-weight:900}.login-wrap{max-width:450px;margin:80px auto;padding:24px}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.login-card input{width:100%;background:#0c0f12;border:1px solid var(--line);color:var(--ink);border-radius:9px;padding:12px;margin:12px 0 14px}.notice{border:1px solid #4b5662;background:#131a1f;color:#cfeefa;padding:12px 14px;border-radius:9px;margin:12px 0}.error{border-color:#634047;background:#24161b;color:#ffd3dd}

/* app */
.app-shell{max-width:1220px;margin:auto;padding:26px}.app-hero{padding:46px 0 26px}.app-hero h1{font-size:clamp(46px,7vw,78px)}.chaos-box{background:linear-gradient(180deg,#15191e,#0f1216);border:1px solid #343c45;border-radius:17px;padding:16px;margin:20px 0 34px}.chaos-box textarea{width:100%;min-height:112px;background:transparent;border:0;color:var(--ink);resize:vertical;outline:none;font-size:19px;line-height:1.5}.tool{min-height:190px;position:relative;cursor:pointer;transition:.15s ease}.tool:hover{transform:translateY(-2px);border-color:#4b5662}.tool .go{position:absolute;bottom:16px;color:var(--ice);font-weight:900}.workgrid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.run{border-top:1px solid var(--line);padding:13px 0;cursor:pointer}.run:first-child{border-top:0}.run:hover strong{color:var(--ice)}.signal{background:var(--panel2);border-left:3px solid var(--blush);padding:11px 12px;margin:9px 0;border-radius:6px}.workspace{display:none;padding:32px 0}.workspace.active{display:block}.home.hidden{display:none}.work-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.work-head h1{font-size:50px;margin:7px 0}.thread{max-width:880px}.bubble{padding:16px 18px;border-radius:14px;margin:12px 0;white-space:pre-wrap;line-height:1.6}.user{background:#232830;margin-left:12%}.coach{background:#12161a;border:1px solid var(--line);margin-right:7%}.hard{border-left:4px solid var(--blush);padding:12px 14px;background:#23181e;margin:14px 0;font-weight:800;white-space:pre-wrap}.refs{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.ref{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:#d4d8dc}.artifact{background:var(--paper);color:var(--paperink);border-radius:14px;padding:22px;white-space:pre-wrap;line-height:1.62;margin:16px 0}.artifact h3{color:var(--paperink);margin-bottom:12px}.next{border:1px solid #35414a;background:#10191d;color:#d9f7ff;padding:12px 14px;border-radius:10px;margin:12px 0}.composer{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(9,11,13,0),#090b0d 26%);padding:34px 0 10px;max-width:880px}.composer textarea{width:100%;min-height:92px;border:1px solid var(--line);border-radius:12px;background:#15191e;color:var(--ink);padding:14px;resize:vertical;outline:none}.composer-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:9px}.status{font-size:13px;color:var(--muted)}.profile-panel{display:none}.profile-panel.open{display:block}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-form input,.profile-form textarea{width:100%;background:#0c0f12;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:10px}.profile-form textarea{grid-column:1/-1;min-height:80px;resize:vertical}.mirror-gate{max-width:900px;margin:0 auto;padding:54px 0}.mirror-gate h1{font-size:clamp(48px,7vw,80px)}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.stage{border:1px solid var(--line);border-radius:12px;padding:14px;background:#0f1216}.stage.active{border-color:var(--ice);box-shadow:0 0 0 1px var(--ice) inset}.stage.done{border-color:#355347}.stage b{display:block}.stage span{font-size:12px;color:var(--muted)}.mirror-lock{border:1px solid #483f2a;background:#1a1710;color:#f0dba7;border-radius:12px;padding:14px;margin:14px 0}.unlock{background:#102019;border:1px solid #294c3a;color:#c8f5d8;border-radius:12px;padding:16px;margin:18px 0}.mirror-summary{border-left:4px solid var(--ice)}.spinner{display:inline-block;width:12px;height:12px;border:2px solid #53616c;border-top-color:var(--ice);border-radius:50%;animation:spin .7s linear infinite;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.privacy{font-size:12px;color:#7f8790;margin-top:8px}
@media(max-width:950px){.grid4,.grid3{grid-template-columns:1fr 1fr}.grid2,.workgrid{grid-template-columns:1fr}}@media(max-width:680px){.shell,.app-shell,.article-shell{padding-left:18px;padding-right:18px}.nav{display:none}.grid4,.grid3,.grid2,.stages,.profile-form{grid-template-columns:1fr}.topbar,.work-head{align-items:flex-start;flex-direction:column}.signup{flex-direction:column}.user,.coach{margin-left:0;margin-right:0}.hero{padding-top:50px}h1{font-size:49px}}