:root{color-scheme:dark;--bg:#05070d;--panel:#0b101ed1;--line:#96beff29;--ink:#eaf1ff;--mute:#8190ad;--cyan:#62e3ff;--peach:#ffb48f;--pink:#ff6fae;--good:#6ff0c0;--mono:"JetBrains Mono", "Noto Sans SC", ui-monospace, monospace;--cjk:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(ellipse 80% 55% at 12% -10%, #62e3ff1f, transparent 70%), radial-gradient(ellipse 60% 45% at 95% 10%, #ff6fae1a, transparent 70%), var(--bg);color:var(--ink);font-family:var(--cjk);-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 60px}.top{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-bottom:22px;display:flex}.brand{align-items:baseline;gap:10px;text-decoration:none;display:flex}.brand b{letter-spacing:.04em;font:900 20px/1 Archivo,Noto Sans SC,sans-serif}.brand span{color:var(--mute);letter-spacing:.2em;font-size:10px}.top .spacer{flex:1}.pill{border:1px solid var(--line);color:var(--mute);font:500 10px/1 var(--mono);letter-spacing:.12em;align-items:center;gap:7px;padding:7px 10px;text-decoration:none;display:inline-flex}.pill:before{content:"";background:var(--cyan);width:6px;height:6px;box-shadow:0 0 8px var(--cyan);border-radius:50%}.pill:hover{color:var(--ink);border-color:#62e3ff73}.pill.x{color:var(--peach);border-color:#ffb48f59}.pill.x:before{background:var(--peach);box-shadow:0 0 8px var(--peach)}.intro{margin:56px 0 26px}.eyebrow{color:var(--cyan);font:600 10px/1 var(--mono);letter-spacing:.28em}h1{font:900 clamp(30px, 5vw, 54px) / 1.05 "Archivo", var(--cjk), sans-serif;letter-spacing:.02em;margin:12px 0 0}.lede{max-width:620px;color:var(--mute);margin:12px 0 0;font-size:14px;line-height:1.7}.login-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px;margin-top:30px;display:grid}.card{border:1px solid var(--line);background:var(--panel);padding:22px;position:relative;overflow:hidden}.card:before{content:"";background:var(--cyan);width:36px;height:2px;box-shadow:0 0 10px var(--cyan);position:absolute;top:-1px;left:-1px}.card h2{font:800 15px/1.2 "Archivo", var(--cjk), sans-serif;letter-spacing:.06em;margin:0 0 6px}.card .sub{color:var(--mute);margin:0 0 20px;font-size:11px;line-height:1.6}label{color:var(--mute);font:500 10px/1 var(--mono);letter-spacing:.12em;margin:14px 0 7px;display:block}input[type=password]{border:1px solid var(--line);width:100%;color:var(--ink);font:14px/1.2 var(--mono);background:#02050cb3;outline:none;padding:12px}input[type=password]:focus{border-color:#62e3ffa6;box-shadow:0 0 0 2px #62e3ff1f}button{cursor:pointer;color:var(--ink);font:600 11px/1 var(--mono);letter-spacing:.1em;background:#62e3ff1a;border:1px solid #62e3ff80;padding:10px 14px}button:hover{border-color:var(--cyan);background:#62e3ff2e}button.warn{color:var(--pink);background:#ff6fae0f;border-color:#ff6fae73}.err{color:var(--pink);background:#ff6fae14;border:1px solid #ff6fae59;margin-top:12px;padding:9px 11px;font-size:12px;display:none}.err.on{display:block}.locked{background:linear-gradient(#ffb48f0a,#0000);border:1px dashed #ffb48f47;align-content:center;gap:4px;min-height:200px;padding:22px;display:grid}.locked .tag{width:max-content;color:var(--peach);font:600 9px/1 var(--mono);letter-spacing:.16em;border:1px solid #ffb48f66;padding:4px 7px}.locked b{margin-top:8px;font-size:18px}.locked p{color:var(--mute);margin:0;font-size:12px;line-height:1.7}.locked .row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.locked .row a{text-decoration:none}.account{display:none}.account.on{display:block}.login-view.off{display:none}.acct-head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:44px 0 22px;display:flex}.acct-head h1{margin:0}.badges{gap:8px;margin-left:auto;display:flex}.badge{color:var(--good);font:600 9px/1 var(--mono);letter-spacing:.14em;border:1px solid #6ff0c059;padding:6px 9px}.badge.admin{color:var(--peach);border-color:#ffb48f73}.badge.vip{color:#ffd27a;border-color:#ffd27a66}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);flex-direction:column;min-height:188px;padding:18px;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:flex;position:relative}.tile:hover{background:#0f182ceb;border-color:#62e3ff6b;transform:translateY(-2px)}.tile .k{color:var(--mute);font:600 9px/1 var(--mono);letter-spacing:.18em}.tile h3{font:800 18px/1.2 "Archivo", var(--cjk), sans-serif;letter-spacing:.03em;margin:12px 0 4px}.tile p{color:var(--mute);margin:0;font-size:12px;line-height:1.65}.tile .foot{color:var(--cyan);font:600 10px/1 var(--mono);letter-spacing:.12em;align-items:center;gap:8px;margin-top:auto;padding-top:16px;display:flex}.tile .foot:after{content:"→";transition:transform .2s}.tile:hover .foot:after{transform:translate(4px)}.tile.locked-tile{cursor:default}.tile.locked-tile:hover{border-color:var(--line);transform:none}.tile .badge{position:absolute;top:14px;right:14px}.tile.vip-tile{border-color:#ffd27a2e}.tile.vip-tile .k{color:#ffd27a}.tile.private-tile .k{color:var(--pink)}.list{gap:7px;margin:12px 0 0;padding:0;list-style:none;display:grid}.list li{border-top:1px solid var(--line);color:var(--mute);padding-top:7px;font-size:11px}.list li a{color:var(--ink);text-decoration:none}.list li a:hover{color:var(--cyan)}.empty{color:var(--mute);font-size:12px;line-height:1.7}.footnote{color:var(--mute);font:400 10px/1.7 var(--mono);letter-spacing:.04em;margin-top:26px}.footnote a{color:var(--peach)}@media (width<=900px){.login-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.wrap{width:calc(100% - 28px);padding-top:18px}.top{flex-wrap:wrap;gap:10px}.top .spacer{display:none}.intro{margin-top:34px}.grid{grid-template-columns:1fr}.acct-head{margin-top:30px}.badges{margin-left:0}}