:root{color-scheme:light;--bg:#05070c;--panel:#0b111b;--panel-strong:#0f1724;--text:#f4f7ff;--muted:#a2b0cc;--accent:#6fffe9;--accent-2:#7aa2ff;--accent-3:#ff7adf;--border:#1a2538;--chip:#10192a;--chip-border:#2a3a55;--shadow:0 30px 80px rgba(5,8,14,.7)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Sora,Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(900px 600px at 80% -10%,rgba(122,162,255,.25),transparent 60%),radial-gradient(700px 500px at 10% 0,rgba(111,255,233,.2),transparent 55%),radial-gradient(1000px 800px at 50% 120%,rgba(255,122,223,.15),transparent 60%),var(--bg);color:var(--text);min-height:100vh;letter-spacing:.1px}a{color:inherit;text-decoration:none}main{max-width:980px;margin:0 auto;padding:40px 20px 80px}nav{display:flex;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,rgba(10,14,23,.98),rgba(10,14,23,.6));position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}nav a{font-weight:600;letter-spacing:.4px;color:var(--muted);padding-bottom:2px}nav a.active{color:var(--text);border-bottom:2px solid var(--accent)}h1,h2,h3{margin:0 0 12px}h1{font-size:36px;letter-spacing:-.6px}h2{font-size:19px;color:var(--muted);font-weight:500;max-width:640px}.panel{background:var(--panel);border:1px solid var(--border);padding:20px;border-radius:16px;box-shadow:var(--shadow)}.stack{display:grid;grid-gap:18px;gap:18px}.row{display:flex;flex-wrap:wrap;gap:12px}button,input,select,textarea{font:inherit;border-radius:12px;border:1px solid var(--border);background:#0c1322;color:var(--text);padding:12px 14px;width:100%}textarea{min-height:140px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(111,255,233,.6);box-shadow:0 0 0 2px rgba(111,255,233,.12)}label{display:grid;grid-gap:8px;gap:8px;width:100%}details.panel{cursor:pointer}details.panel>summary{list-style:none;font-weight:600;color:var(--text)}details.panel>summary::-webkit-details-marker{display:none}details.panel>summary:after{content:"＋";float:right;color:var(--muted)}details.panel[open]>summary:after{content:"−"}button{cursor:pointer;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#03050a;border:none;box-shadow:0 10px 24px rgba(106,255,233,.25);transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(122,162,255,.28)}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.tag{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:999px;background:var(--chip);border:1px solid var(--chip-border);color:var(--muted);font-size:12px}.tag-input{display:grid;grid-gap:8px;gap:8px}.tag-input__chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--border);background:#0c1322}.tag-input__chips input{border:none;background:transparent;min-width:160px;flex:1 1;padding:4px 6px}.tag-input__chips input:focus{outline:none;box-shadow:none}.card{border:1px solid var(--border);border-radius:16px;padding:18px;background:linear-gradient(160deg,rgba(16,24,38,.9),rgba(11,17,27,.9));box-shadow:0 12px 28px rgba(5,8,14,.45)}.badge{font-size:11px;color:var(--accent-3);letter-spacing:1px;text-transform:uppercase}.list{display:grid;grid-gap:12px;gap:12px}small{color:var(--muted)}code{background:#0f1626;padding:2px 6px;border-radius:6px}.hero{display:grid;grid-gap:12px;gap:12px;margin-bottom:26px;padding:24px;border-radius:18px;background:linear-gradient(120deg,rgba(15,24,40,.9),rgba(10,18,30,.7));border:1px solid rgba(122,162,255,.2);box-shadow:var(--shadow)}input[type=datetime-local]{min-width:240px}.banner{padding:12px 16px;border-radius:12px;border:1px solid rgba(255,122,223,.35);background:rgba(255,122,223,.12);color:var(--text)}