.app{padding-top:48px;min-height:72vh}
.soonbar{border:1px dashed var(--line2);border-radius:4px;padding:13px 16px;color:var(--dim);font-size:14.5px;margin-bottom:28px}
.ph{font-size:38px;margin-bottom:6px}
.cgrid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.f{display:block;font:500 13px var(--mono);color:var(--faint);margin:24px 0 10px}
.in,.pr input{height:46px;border-radius:4px;border:1px solid var(--line2);background:var(--panel);padding:0 14px;outline:0;color:var(--ink)}
.in{width:100%;font-size:15px}.in:focus,.pr input:focus{border-color:#555}
.pr{display:grid;grid-template-columns:22px 1fr 110px 36px;gap:8px;align-items:center;margin-bottom:8px}
.pr i{width:12px;height:12px;border-radius:2px;display:block}
.pr input{font:14px var(--mono);width:100%}
.pr .x{height:46px;border:1px solid var(--line2);border-radius:4px;background:none;color:var(--faint);font-size:18px}
.prow{display:flex;gap:8px;margin-top:6px}
.side{position:sticky;top:20px;border:1px solid var(--line2);border-radius:6px;background:var(--panel);padding:22px}
.pie{width:180px;height:180px;border-radius:50%;margin:0 auto 18px;background:var(--line);position:relative}
.pie::after{content:"";position:absolute;inset:34px;border-radius:50%;background:var(--panel)}
.side .kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.side .kv span{color:var(--faint)}
.side .btn.big{width:100%;margin-top:18px}.side .hint{margin-top:12px;font-size:13.5px}
.list{border-top:1px solid var(--line2)}
.li{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.li b{font-size:17px}.li span{font:13px var(--mono);color:var(--faint)}
.empty{padding:50px 0;text-align:center;color:var(--faint);border-bottom:1px solid var(--line)}
.sp-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.sp-head h2{font-size:42px}.sp-head .addr{font:14px var(--mono);color:var(--dim);margin-top:6px;display:flex;gap:10px;align-items:center}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.box2{border:1px solid var(--line2);border-radius:6px;background:var(--bg2)}
.box2 h3{padding:16px 18px;border-bottom:1px solid var(--line);font-size:16px}
.row3{display:grid;grid-template-columns:1fr 80px auto;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--line);font:14px var(--mono);color:var(--dim)}
.row3:last-child{border-bottom:0}.row3 b{color:var(--ink);font-weight:500}.row3 .btn{height:32px}
.addtok{display:flex;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}.addtok input{flex:1;height:36px;border-radius:4px;border:1px solid var(--line2);background:var(--panel);padding:0 10px;font:13px var(--mono);outline:0}
.tabs a.on{color:var(--ink)}
@media (max-width:900px){.cgrid,.sp-grid{grid-template-columns:1fr}.side{position:static}.nav.tabs{display:flex;gap:16px;margin-left:0}.pr{grid-template-columns:16px 1fr 80px 36px}}