:root{--bg: #f4f6f9;--card: #fff;--text: #1a2332;--muted: #5c6b7a;--accent: #2563eb;--border: #d8dee6;--live: #0d9488;--soon: #94a3b8;--done: #7c3aed;--danger: #b91c1c;--ok: #15803d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--card);border-bottom:1px solid var(--border)}.site-header nav{display:flex;gap:1rem}.brand{font-weight:700;color:var(--text)}.site-main{flex:1;padding:1.25rem;max-width:1100px;width:100%;margin:0 auto}.site-footer{padding:1rem 1.25rem;color:var(--muted);border-top:1px solid var(--border);background:var(--card)}.hero h1{margin-top:0}.stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.stage-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.card-top{display:flex;justify-content:space-between;align-items:center}.stage-num,.stage-order-label{font-size:.85rem;font-weight:600;color:var(--muted, #64748b)}.stage-order-label{margin:0 0 .25rem}.learning-callout{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.75rem 1rem;margin:0 0 1rem;font-size:.95rem}.badge{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;font-weight:600}.status-live{background:#ccfbf1;color:var(--live)}.status-soon{background:#e2e8f0;color:var(--soon)}.status-completed{background:#ede9fe;color:var(--done)}.objective{color:var(--muted);font-size:.95rem}.meta-line{font-size:.85rem;color:var(--muted)}button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:.45rem .75rem;font:inherit}button.secondary{background:#fff;color:var(--accent)}.link-back{background:none;border:none;color:var(--accent);padding:0;margin-bottom:.75rem}.muted{color:var(--muted)}.center-msg{text-align:center;color:var(--muted)}.error-banner{background:#fee2e2;color:var(--danger);padding:.75rem;border-radius:6px}.success-banner{background:#dcfce7;color:var(--ok);padding:.75rem;border-radius:6px}.coming-soon-panel{background:var(--card);border:1px dashed var(--border);padding:1.5rem;border-radius:8px}.empty-portal h2{margin-top:0}.setup-guide h3{margin:1.25rem 0 .5rem;font-size:1.05rem}.setup-guide ol{margin:.5rem 0 1rem;padding-left:1.25rem}.setup-cmd{background:#0f172a;color:#e2e8f0;padding:.85rem 1rem;border-radius:6px;overflow-x:auto;font-size:.9rem;line-height:1.5;margin:.5rem 0 1rem}.access-gate{max-width:420px;margin:2rem auto;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:8px}.access-gate h1{margin-top:0;font-size:1.35rem}.tab-nav{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}.tab-nav button{background:#fff;color:var(--text);border-color:var(--border)}.tab-nav button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.doc-block{white-space:pre-wrap;background:var(--card);border:1px solid var(--border);padding:1rem;border-radius:8px;overflow:auto}.files-layout{display:grid;grid-template-columns:220px 1fr;gap:1rem}@media(max-width:720px){.files-layout{grid-template-columns:1fr}}.file-tree{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--border);border-radius:8px;max-height:420px;overflow:auto}.file-tree button{width:100%;text-align:left;background:none;border:none;color:var(--text);border-radius:0;font-size:.85rem}.file-tree button.active{background:#e0e7ff;color:var(--accent)}.code-viewer{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.code-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:#f8fafc}.code-path{font-family:ui-monospace,monospace;font-size:.8rem}.code-actions{display:flex;align-items:center;gap:.5rem}.copy-msg{font-size:.8rem;color:var(--ok)}.code-block{margin:0;padding:1rem;overflow:auto;max-height:480px;font-size:.85rem;line-height:1.45}.admin-page h2{margin-top:0}.login-form{display:flex;flex-direction:column;gap:.75rem;max-width:320px}.login-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.login-form input{padding:.5rem;border:1px solid var(--border);border-radius:6px;font:inherit}.admin-toolbar{display:flex;justify-content:space-between;align-items:center}.rules-box{background:var(--card);border:1px solid var(--border);padding:1rem;border-radius:8px;margin-bottom:1rem}.admin-table{width:100%;border-collapse:collapse;background:var(--card)}.admin-table th,.admin-table td{border:1px solid var(--border);padding:.5rem;text-align:left;vertical-align:top}.actions-cell{display:flex;flex-direction:column;gap:.35rem}.actions-cell button{font-size:.8rem}.confirm-box{background:#fffbeb;border:1px solid #fcd34d;padding:.75rem;border-radius:8px;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}