*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--blue:#00aff0;--ink:#0d0d0d;--mut:#7c7c7c;--line:#e6e6e6;--bg:#fff}
body.dark{--ink:#f2f2f2;--mut:#9a9a9a;--line:#262626;--bg:#0d0d0d}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:70px}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--line)}
.brand{font-size:19px;font-weight:800;letter-spacing:-.4px;display:flex;align-items:center;gap:8px}
.logo{height:30px;width:auto}
.topacts{display:flex;gap:18px}
.topacts svg{width:22px;height:22px}
.flash{margin:10px 16px;padding:10px 12px;border-radius:10px;background:#e8f8ff;color:#04648c;font-size:14px}
main{padding-bottom:10px}
.tabbar{position:fixed;bottom:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-around;background:var(--bg);border-top:1px solid var(--line);z-index:30}
.tabbar a{position:relative;color:var(--ink);opacity:.75}
.tabbar a.on{opacity:1;color:var(--blue)}
.tabbar svg{width:26px;height:26px}
.tabbar .me{width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;overflow:hidden}
.tabbar .me img{width:100%;height:100%;object-fit:cover}
.dot{position:absolute;top:-2px;right:-3px;width:8px;height:8px;border-radius:50%;background:#ff2d55}
.card{display:block;border-bottom:1px solid var(--line)}
.cover{position:relative;aspect-ratio:16/10;background-size:cover;background-position:center;background-color:#111}
.badge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:20px}
.kebab{position:absolute;top:10px;right:10px;color:#fff}
.kebab svg{width:18px;height:18px;filter:drop-shadow(0 1px 3px #000)}
.who{position:absolute;bottom:10px;left:12px;right:12px;display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.who .av{position:relative;width:52px;height:52px;border-radius:50%;border:2px solid #fff;overflow:visible;flex:0 0 auto;background:#222;display:flex;align-items:center;justify-content:center;font-weight:700}
.who .av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.who .on{position:absolute;bottom:0;right:0;width:13px;height:13px;border-radius:50%;background:#2ecc40;border:2px solid #fff}
.who .nm{font-weight:700;font-size:16px;display:flex;align-items:center;gap:5px}
.who .vf svg{width:14px;height:14px}
.who .un{font-size:13px;opacity:.9}
.acts{display:flex;align-items:center;gap:18px;padding:10px 16px 4px;color:var(--mut)}
.acts svg{width:22px;height:22px}
.acts .tip{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.4px}
.acts .bm{margin-left:auto}
.likes{padding:0 16px 12px;font-size:13px;font-weight:600}
.btn{display:block;width:100%;padding:14px;border:0;border-radius:30px;background:var(--blue);color:#fff;font-size:15px;font-weight:700;text-align:center;cursor:pointer}
.btn.ghost{background:transparent;color:var(--blue);border:1.5px solid var(--blue)}
.btn:disabled{opacity:.5}
.wrap{padding:16px}
h1{font-size:22px;margin:16px 0 6px}
h2{font-size:16px;margin:22px 0 10px;text-transform:uppercase;letter-spacing:.4px;color:var(--mut)}
label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}
input,select,textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:15px;font-family:inherit}
.mut{color:var(--mut);font-size:13px}
.small{font-size:13px}
.row{display:flex;gap:10px}
.row>*{flex:1}
.prof .cover{aspect-ratio:16/9}
.profhead{padding:0 16px;margin-top:-38px;position:relative}
.profhead .av{width:78px;height:78px;border-radius:50%;border:3px solid var(--bg);overflow:hidden;background:#222}
.profhead .av img{width:100%;height:100%;object-fit:cover}
.name{font-size:22px;font-weight:800;margin:10px 0 2px;display:flex;align-items:center;gap:6px}
.name svg{width:17px;height:17px}
.handle{color:var(--mut);font-size:14px}
.stats{display:flex;gap:18px;padding:14px 0;font-size:13px;color:var(--mut);border-bottom:1px solid var(--line)}
.stats b{color:var(--ink)}
.subbar{padding:16px}
.locked{text-align:center;padding:34px 16px;background:#fafafa;border-top:1px solid var(--line)}
body.dark .locked{background:#151515}
.locked .pad svg{width:44px;height:44px;color:#c9c9c9}
.lbox{margin:14px auto 18px;max-width:420px;border:1px solid var(--line);border-radius:12px;padding:16px;font-weight:600;color:var(--mut)}
.locked .btn{max-width:420px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.grid .cell{aspect-ratio:3/4;background-size:cover;background-position:center;background-color:#eee;position:relative}
.grid .cell .pl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.25)}
.grid .cell .pl svg{width:26px;height:26px}
.tier{border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;cursor:pointer;display:block}
.tier.sel{border-color:var(--blue);background:#f2fbff}
body.dark .tier.sel{background:#08222c}
.tier .tt{font-weight:800;font-size:16px}
.tier .pr{color:var(--blue);font-weight:800;margin-top:4px}
.list{border-top:1px solid var(--line)}
.list a{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:15px}
.list a .av{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#222;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.list a .av img{width:100%;height:100%;object-fit:cover}
.list a svg{width:20px;height:20px;color:var(--mut)}
.note{background:#fff8e1;border:1px solid #ffe1a8;border-radius:10px;padding:12px;font-size:13.5px;line-height:1.5}
body.dark .note{background:#241f0d;border-color:#4a3d16}
.mono{font-family:ui-monospace,Menlo,monospace;background:#f4f4f4;border-radius:8px;padding:10px;font-size:13px;word-break:break-all}
body.dark .mono{background:#1b1b1b}
.copybtn{width:auto;padding:9px 14px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px;font-weight:600;margin-top:8px}
.center{text-align:center}
.auth{max-width:420px;margin:0 auto;padding:26px 18px}
.admin{max-width:1000px;margin:0 auto;padding:16px}
.admin .top{position:static;border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}
.pill.ok{background:#e5f8e9;color:#1a7f34}.pill.wait{background:#fff4d9;color:#8a6100}.pill.no{background:#ffe6e6;color:#b3261e}
.thumb{width:52px;height:52px;object-fit:cover;border-radius:6px;background:#eee}