:root{--bg:#f7f2eb;--surface:#fff;--surface2:#f2ece4;--text:#181818;--muted:#6d6a66;--line:#d8d0c6;--accent:#7b61ff;--shadow:0 12px 32px rgba(0,0,0,.08);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--serif:Georgia,"Times New Roman",serif}html[data-theme=boss]{--bg:#050505;--surface:#0d0d0f;--surface2:#151518;--text:#f8f8f8;--muted:#a4a4aa;--line:#2a2a30;--accent:#9c6bff;--shadow:0 14px 34px rgba(0,0,0,.42)}html[data-theme=lavender]{--bg:#f5f1ff;--surface:#fff;--surface2:#eee7ff;--text:#21193b;--muted:#746b8e;--line:#d9cff3;--accent:#8d6cff}html[data-theme=human]{--bg:#faefe5;--surface:#fffaf6;--surface2:#f3dfd0;--text:#211914;--muted:#7c6d63;--line:#dcc6b7;--accent:#a05a2c}html[data-theme=flash]{--bg:#eef8ff;--surface:#fff;--surface2:#e5f3ff;--text:#11283a;--muted:#5e7486;--line:#c7dfef;--accent:#0d8cff}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topnav a{font-family:var(--mono);font-weight:900;text-align:center;padding:16px 6px;font-size:13px}.topnav a.active{background:var(--surface);box-shadow:inset 0 -3px 0 var(--accent);color:var(--accent)}.page{width:min(1120px,calc(100% - 24px));margin:auto;padding:18px 0 56px}.card,.hero,.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}.hero h1{margin:0 0 8px;font-size:clamp(28px,5vw,52px)}.card p,.hero p,.muted{color:var(--muted);line-height:1.6}.layerbar{display:flex;gap:8px;overflow:auto;padding:12px 0}.layerbar button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 14px;font-family:var(--mono);font-weight:800;white-space:nowrap}.layerbar button.active{border-color:var(--accent);color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px}.action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--accent);border-radius:13px;background:var(--accent);color:#fff;font-weight:800}.secondary{background:var(--surface);color:var(--accent)}.footer{margin-top:48px;padding:34px 16px 16px;border-top:1px solid var(--line);text-align:center}.brand{font-family:var(--serif);font-size:clamp(30px,7vw,68px)}.meta{display:grid;grid-gap:6px;gap:6px;margin:16px 0}.meta,.tech{color:var(--muted)}.tech{font-size:12px}.tech,.themeButton{font-family:var(--mono)}.themeButton{padding:12px 16px;border-radius:13px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface2));color:var(--text);box-shadow:0 8px 0 color-mix(in srgb,var(--line) 70%,#000 30%);font-weight:900}.themeMenu{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:12px}.themeMenu button{padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:800}.kpi,.themeMenu button{font-family:var(--mono)}.kpi{font-weight:900;color:var(--accent)}.notice{padding:12px 14px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.form{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-weight:800}.field input,.field select,.field textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--text)}.field textarea{min-height:100px;resize:vertical}.step{display:flex;align-items:center;gap:10px}.badge{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-weight:900}.badge,.glyphs{font-family:var(--mono)}.glyphs{font-size:22px;letter-spacing:8px}.preview{aspect-ratio:16/9;border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 65% 35%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 38%),#070709;color:#fff;display:grid;place-items:center;text-align:center;padding:20px}.preview strong{font-family:var(--serif);font-size:clamp(24px,5vw,48px)}.small{font-size:12px;color:var(--muted)}@media(max-width:640px){.topnav a{font-size:11px;padding:14px 4px}.page{width:calc(100% - 14px)}}