:root{color-scheme:dark;--bg:#101613;--surface:#1b231e;--ink:#f3f6f0;--muted:#a7b2a9;--accent:#b8ed81;--line:#303b32;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:var(--surface);border:1px solid var(--line);color:var(--ink);min-height:44px;border-radius:12px;padding:10px 15px}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button.primary{background:var(--accent);color:#162013;border:0;font-weight:700}button.danger{color:#ffb7b7}button.active{background:var(--accent);color:#162013}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--accent)}input,textarea,select{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#121a15;color:var(--ink);min-height:48px}label{display:block;font-size:13px;color:var(--muted);margin:16px 0 7px}h1,h2,h3,p{margin:0}h1{font-size:40px;letter-spacing:-1.6px;line-height:1.08}h2{font-size:24px;letter-spacing:-.6px}h3{font-size:17px}p{line-height:1.55}small{color:var(--muted);line-height:1.5}header{height:76px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.5px}.logo{background:var(--accent);width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:#152311}.logo svg{width:22px;height:22px}header button{padding:8px 12px;min-height:40px}.wrap{max-width:1060px;margin:auto;padding:26px 20px 100px}.auth{max-width:460px;margin:0 auto;padding-top:14px}.eyebrow{color:var(--accent);font-size:11px;font-weight:bold;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:15px}.lead{color:var(--muted);margin:18px 0 24px;font-size:15px}.hero-art{margin:25px 0 28px;height:158px;display:flex;gap:12px;justify-content:center;align-items:center;overflow:hidden}.mini{height:142px;width:90px;border-radius:17px;background:linear-gradient(145deg,#345244,#17261d);border:1px solid #42604b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transform:rotate(-10deg)}.mini:nth-child(2){height:157px;width:102px;transform:rotate(4deg);background:linear-gradient(150deg,#819c5b,#243522)}.mini:nth-child(3){transform:rotate(13deg);background:linear-gradient(150deg,#5c4c32,#28271b)}.orb{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#ffffff18;font-size:21px}.mini span{width:38px;height:3px;background:#dcebc660;border-radius:5px}.tabs,.row{display:flex;gap:10px;align-items:center}.tabs{margin-bottom:20px}.tabs button{flex:1}.note{background:#20291f;border:1px solid #3a4833;padding:14px;border-radius:13px;font-size:13px;color:#c7d1c2;line-height:1.55;margin:18px 0}.auth form .primary{width:100%;margin-top:22px}.trust{display:flex;gap:12px;justify-content:space-between;margin:26px 0;font-size:11px;color:var(--muted);text-align:center}.trust span{flex:1;line-height:1.55}.trust b{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}.foot{text-align:center;font-size:11px;color:var(--muted);padding-top:20px;border-top:1px solid var(--line)}nav.bottom{position:fixed;bottom:0;left:0;right:0;background:#151d18;border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:8px;z-index:5}nav.bottom button{flex:1;max-width:170px;border:0;background:transparent;display:grid;place-items:center;gap:4px;font-size:11px}nav.bottom svg{width:22px;height:22px}nav.bottom button.active{color:var(--accent)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.pill{padding:6px 9px;background:#293a27;color:var(--accent);border-radius:20px;font-size:11px;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{border:1px solid var(--line);background:var(--surface);padding:20px;border-radius:18px;min-width:0}.card p{font-size:14px;color:var(--muted);margin:10px 0}.empty{padding:46px 18px;text-align:center;border:1px dashed #3c4b3e;border-radius:22px}.empty .orb{margin:0 auto 20px;width:72px;height:72px;color:var(--accent)}.empty p{color:var(--muted);font-size:14px;margin:12px auto 0;max-width:280px}.avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#142319;background:var(--accent);font-size:20px;font-weight:bold;margin-bottom:13px}.creator{text-align:center}.creator .avatar{margin:0 auto 13px}.creator button{margin-top:14px}.toolbar{display:flex;gap:8px;overflow-x:auto;margin:18px 0;padding:2px 0 8px}.toolbar button{white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.stat{background:var(--surface);padding:18px;border-radius:16px}.stat b{font-size:30px;display:block;margin-bottom:7px}.stat span{color:var(--muted);font-size:12px}.list{display:grid;gap:12px}.item{border:1px solid var(--line);border-radius:14px;padding:16px;overflow-wrap:anywhere}.item p{font-size:13px;color:var(--muted);margin:7px 0}.item .row{flex-wrap:wrap;margin-top:12px}.item button{font-size:12px;padding:9px 12px}.feed{max-width:470px;margin:0 auto;scroll-snap-type:y mandatory}.video-card{min-height:540px;border-radius:25px;background:linear-gradient(150deg,#244133,#131b16);position:relative;padding:25px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start;border:1px solid var(--line)}.video-card .status{position:absolute;inset:80px 25px auto;text-align:center}.video-card h2{margin:10px 0}.video-card p{font-size:14px;color:var(--muted)}video{width:100%;aspect-ratio:9/16}.sponsor{background:linear-gradient(140deg,#485531,#202819)}#toast{position:fixed;bottom:90px;left:20px;right:20px;max-width:450px;margin:auto;background:#e8efdf;color:#172515;border-radius:12px;padding:16px;display:none;z-index:30;font-size:14px}.loading{text-align:center;padding:100px 20px;color:var(--muted)}.full{width:100%}.hidden{display:none}@media(min-width:800px){.auth{padding-top:28px}.stats{grid-template-columns:repeat(4,1fr)}}@media(max-width:350px){h1{font-size:34px}header{padding:14px 16px}.wrap{padding:24px 16px 95px}}
.note svg{width:18px;height:18px;vertical-align:middle;margin-right:5px}.orb svg{width:28px;height:28px}
.admin-tabs{flex-wrap:wrap;overflow:visible}.admin-tabs button{flex:1 1 auto;font-size:13px}.section-head .pill{white-space:normal;text-align:center;max-width:180px}

nav.bottom button{min-width:0;padding-left:2px;padding-right:2px;overflow:hidden}nav.bottom{gap:2px}nav.bottom button span{max-width:100%;overflow:hidden;text-overflow:ellipsis}

.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 12px}.creator-tile{border:0;background:none;padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.creator-tile:hover{background:none;color:var(--accent)}.creator-photo{display:block;width:96px;height:96px;max-width:100%;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--surface)}.creator-name{font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.photo-pending{display:grid;place-items:center;color:var(--muted)}.photo-pending svg{width:32px;height:32px}.profile-head{display:flex;align-items:center;flex-direction:column;text-align:center;margin-bottom:30px}.profile-back{align-self:flex-start;margin-bottom:28px}.profile-photo{width:156px;height:156px;border-radius:50%;object-fit:cover;background:var(--surface)}.profile-head h1{font-size:28px;margin:18px 0}.profile-head p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.5;margin-top:20px}.profile-head .primary{width:auto;min-width:140px}@media(min-width:600px){.creator-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.creator-photo{width:128px;height:128px}}@media(min-width:900px){.creator-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:349px){.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.avatar-toolbar{display:flex;gap:14px;overflow-x:auto;padding:6px 0 18px;margin-bottom:14px}.avatar-filter{flex:0 0 76px;display:flex;align-items:center;flex-direction:column;gap:7px;padding:0;border:0;background:none;font-size:11px;line-height:1.35}.avatar-filter span:last-child{max-width:76px;white-space:normal;overflow-wrap:anywhere}.filter-photo,.filter-all{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid transparent;background:var(--surface)}.filter-all{display:grid;place-items:center}.avatar-filter.active .filter-photo,.avatar-filter.active .filter-all{border-color:var(--accent)}.avatar-filter:hover{background:none}

/* Keep filter geometry fixed: only a circular ring changes on tap. */
.avatar-toolbar{gap:12px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;align-items:flex-start}
.avatar-toolbar::-webkit-scrollbar{display:none}
.avatar-filter{flex-basis:88px;min-height:112px;gap:9px;font-size:12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:none}
.avatar-filter span:last-child{max-width:88px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.filter-photo,.filter-all{width:72px;height:72px;border:3px solid transparent;box-sizing:border-box;flex-shrink:0}
.avatar-filter.active,.avatar-filter.active:hover,.avatar-filter:active{background:transparent;color:var(--ink);transform:none;box-shadow:none}
.avatar-filter.active .filter-photo,.avatar-filter.active .filter-all{border-color:var(--accent);box-shadow:0 0 0 2px #b9ee8633}
.avatar-filter.active span:last-child{color:var(--accent)}
.avatar-filter:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}

.player-slot{width:100%;height:min(55vh,460px);min-height:220px;background:#000;border-radius:16px;overflow:hidden}.official-player{background:#000}.official-player iframe{width:100%;height:100%;border:0}.short-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface)}.short-title h2{font-size:20px;margin:5px 0 14px}.short-title small{color:var(--muted)}.short-actions{gap:8px;flex-wrap:wrap;margin-top:12px}.short-actions button{padding:10px 12px}.feed-controls{justify-content:space-between;margin-top:12px}.swipe-strip{padding:18px;text-align:center;color:var(--muted);touch-action:none;font-size:12px}.player-locked img{width:100%;max-height:320px;object-fit:contain}.player-locked p,#player-note{font-size:13px;color:var(--muted)}

.native-player{width:100%;height:100%;object-fit:contain;background:#000;display:block}

.admin-creator-row{display:flex;align-items:center;gap:14px}.admin-creator-row .item{flex:1;min-width:0}.admin-avatar{width:52px;height:52px;object-fit:cover;border-radius:50%;flex:none}.shorts-mode .short-card{height:calc(100dvh - 156px);position:relative;background:#000;overflow:hidden;border-radius:16px}.shorts-mode .player-slot{position:absolute;inset:0;aspect-ratio:auto;height:100%;width:100%}.shorts-mode .native-player{object-fit:contain}.shorts-mode .short-title{position:absolute;bottom:80px;left:18px;right:70px;z-index:6;background:linear-gradient(transparent,#0008);pointer-events:none}.shorts-mode .short-actions{position:absolute;right:10px;bottom:16px;z-index:7;display:flex;flex-direction:column;gap:8px}.shorts-mode .swipe-strip{position:absolute;top:8px;left:8px;z-index:6;opacity:.65;font-size:11px;pointer-events:none}.shorts-mode #player-note{position:absolute;left:12px;top:40%;right:12px;z-index:6;pointer-events:none}.shorts-mode .feed-controls{display:none}