.app{padding-top:44px;min-height:72vh}
.app h2{font-size:44px}
.app .hint.top{margin-top:8px;margin-bottom:22px}
.soonbar{border:1px dashed var(--line2);border-radius:10px;padding:13px 16px;color:var(--dim);font-size:14.5px;margin-bottom:26px}
.pgrid,.one{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:start}
.f{display:block;font:500 12px var(--mono);color:var(--faint);margin:22px 0 8px}
.in{width:100%;height:48px;border-radius:10px;border:1px solid var(--line2);background:var(--panel);padding:0 14px;outline:0;color:var(--ink);font-size:15px}
select.in{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--faint) 50%),linear-gradient(135deg,var(--faint) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat}
.in:focus{border-color:#4a504d}.in.bad{border-color:var(--bad)}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.amt{display:grid;grid-template-columns:1fr 110px;gap:8px}
.side{position:sticky;top:20px;border:1px solid var(--line2);background:var(--panel);padding:22px;border-radius:16px}
.side .kv{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}.side .kv span{color:var(--faint)}.side .kv b{font-weight:600;text-align:right}
.side .btn.big{width:100%;margin-top:18px}.side .hint{margin-top:12px;font-size:13.5px}
.board{border-top:1px solid var(--line2)}
.sr{display:grid;grid-template-columns:150px 1fr 150px 120px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.sr .a{font:700 17px var(--sans)}.sr .a small{color:var(--dim);font-weight:500;font-size:13px;margin-left:4px}
.sr .w{font:12.5px var(--mono);color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr .w em{font-style:normal;color:var(--faint);font-family:var(--sans);font-size:13.5px}
.sr .t{font:12.5px var(--mono);color:var(--faint)}
.sr .st{font:12px var(--mono);border:1px solid var(--line2);color:var(--faint);padding:4px 9px;border-radius:7px;justify-self:end;text-align:center}
.sr .st.held{color:var(--acc);border-color:rgba(126,226,184,.4)}.sr .st.expired{color:var(--bad);border-color:rgba(243,154,142,.4)}
.sr .btn{height:36px;padding:0 14px;font-size:14px;justify-self:end}
.empty{padding:56px 0;text-align:center;color:var(--faint)}
.one .big{font:700 64px/1 var(--sans);letter-spacing:-.03em;color:var(--acc)}.one .big small{font-size:22px;color:var(--dim)}
.one .meta{display:grid;gap:12px;margin-top:28px;border-top:1px solid var(--line2);padding-top:20px;font:13px var(--mono);color:var(--faint)}.one .meta b{color:var(--ink);font-weight:500;word-break:break-all}
.one .note{margin-top:18px;color:var(--dim);font-size:17px}
.tabs a.on{color:var(--ink)}
@media (max-width:900px){.pgrid,.one,.two2{grid-template-columns:1fr}.side{position:static}.sr{grid-template-columns:1fr auto}.sr .w,.sr .t{grid-column:1/-1}.app h2{font-size:34px}}
.f .hint{font:500 12px var(--mono);color:var(--faint);margin-left:4px}.f{line-height:1.4;height:17px}
@media (max-width:900px){.two2{row-gap:0}}