:root{--bg:#0b0b13;--surface:#14131e;--surface2:#1d1b29;--card:#171620;--text:#f8f7fb;--muted:#9a96a8;--line:rgba(255,255,255,.085);--pink:#ff4f8b;--violet:#7b61ff;--cyan:#37d6e9;--gold:#ffc85b;--danger:#ff5c75;--safe:#43d69d;--header:64px;--nav:72px;--radius:20px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#08080e;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{overscroll-behavior-y:none}button,input,select,textarea{font:inherit}button{color:inherit}.goemon-app{width:min(100%,720px);min-height:100vh;margin:auto;background:radial-gradient(circle at 90% -10%,rgba(123,97,255,.18),transparent 25%),radial-gradient(circle at -10% 5%,rgba(255,79,139,.12),transparent 23%),var(--bg);position:relative;box-shadow:0 0 80px rgba(0,0,0,.35)}.app-header{height:var(--header);position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:env(safe-area-inset-top) 14px 0;background:rgba(11,11,19,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.brand-orb{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 8px 22px rgba(255,79,139,.2)}.brand strong{font-size:11px;letter-spacing:.11em}.header-tabs{display:flex;justify-content:center;gap:3px}.header-tabs button{border:0;background:transparent;padding:9px 8px;color:#817d8e;font-size:11px;font-weight:800;position:relative}.header-tabs button.active{color:#fff}.header-tabs button.active:after{content:"";height:3px;width:15px;border-radius:99px;background:linear-gradient(90deg,var(--pink),var(--violet));position:absolute;bottom:2px;left:50%;transform:translateX(-50%)}.header-actions{display:flex;gap:7px}.round-btn,.profile-dot{width:34px;height:34px;border:1px solid var(--line);background:#171620;border-radius:12px;display:grid;place-items:center}.profile-dot{border-radius:50%;font-size:11px;font-weight:900;background:linear-gradient(135deg,#272338,#17151f)}.profile-dot{overflow:hidden;padding:0}.profile-dot span{width:100%;height:100%;display:grid;place-items:center}.profile-dot img{width:100%;height:100%;display:block;object-fit:cover}.app-screen{min-height:calc(100vh - var(--header));padding:12px 12px calc(var(--nav) + 24px + env(safe-area-inset-bottom));overflow:hidden}.bottom-nav{position:fixed;z-index:35;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,720px);height:calc(var(--nav) + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);background:rgba(14,13,21,.94);backdrop-filter:blur(20px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav button{border:0;background:transparent;color:#747080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:18px}.bottom-nav small{font-size:9px;font-weight:750}.bottom-nav button.active{color:#fff}.bottom-nav .live-fab span{width:46px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(120deg,var(--pink),var(--violet));font-size:24px;color:#fff;box-shadow:0 8px 22px rgba(255,79,139,.25)}.bottom-nav .live-fab small{margin-top:-1px}.hero-banner{min-height:156px;border-radius:25px;padding:20px;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 15%,rgba(255,255,255,.28),transparent 14%),linear-gradient(135deg,#ff4f8b 0%,#8a5dff 54%,#4042b8 100%);box-shadow:0 18px 45px rgba(66,38,130,.22)}.hero-banner:after{content:"G";position:absolute;right:15px;top:-20px;font-size:150px;font-weight:950;color:rgba(255,255,255,.08);transform:rotate(-10deg)}.hero-copy{position:relative;z-index:2;max-width:72%}.hero-copy .eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;opacity:.75}.hero-copy h1{font-size:22px;line-height:1.04;margin:6px 0}.hero-copy p{font-size:10px;line-height:1.45;margin:0;color:rgba(255,255,255,.78)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:18px 2px 10px}.section-head h2{margin:2px 0 0;font-size:16px}.section-head .eyebrow{font-size:8px;color:#827e91;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.section-head button,.text-btn{border:0;background:transparent;color:#a695ff;font-size:9px;font-weight:850}.category-row{display:flex;gap:8px;overflow:auto;padding:1px 1px 6px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:#15141e;color:#8f8b9a;padding:8px 13px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.chip.active{color:#fff;border-color:transparent;background:linear-gradient(110deg,#39294e,#553674)}.live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-card{min-width:0;cursor:pointer}.live-thumb{aspect-ratio:.87;position:relative;border-radius:19px;overflow:hidden;background:linear-gradient(145deg,#38283d,#171723 70%);border:1px solid rgba(255,255,255,.06)}.live-thumb img{width:100%;height:100%;object-fit:cover;display:block}.live-thumb .fallback-art{position:absolute;inset:0;display:grid;place-items:center;font-size:68px;font-weight:950;color:rgba(255,255,255,.16);background:radial-gradient(circle at 30% 20%,rgba(255,79,139,.3),transparent 30%),radial-gradient(circle at 75% 70%,rgba(123,97,255,.35),transparent 35%)}.live-pill{position:absolute;left:8px;top:8px;padding:4px 7px;border-radius:8px;background:linear-gradient(100deg,var(--pink),#ff705f);font-size:7px;font-weight:950;letter-spacing:.08em}.viewer-pill{position:absolute;right:8px;top:8px;background:rgba(0,0,0,.48);backdrop-filter:blur(8px);border-radius:8px;padding:4px 7px;font-size:7px}.event-corner{position:absolute;left:8px;bottom:8px;max-width:80%;padding:5px 7px;border-radius:9px;background:rgba(43,34,75,.75);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-info{display:flex;gap:8px;padding:8px 3px 2px}.mini-avatar,.avatar-lg,.rank-avatar,.user-avatar{display:grid;place-items:center;flex:none;background:linear-gradient(140deg,#472f5a,#2a294b);font-weight:900}.mini-avatar{width:28px;height:28px;border-radius:50%;font-size:9px}.live-info strong,.live-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-info strong{font-size:10px}.live-info small{font-size:8px;color:#817d8e;margin-top:3px}.verified{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;font-size:7px;background:#4b8fff;color:#fff}.event-strip{display:flex;gap:10px;overflow:auto;scrollbar-width:none}.event-strip::-webkit-scrollbar{display:none}.event-card{min-width:238px;height:118px;border-radius:19px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#2e2542,#1c1a28);cursor:pointer}.event-card img{width:100%;height:100%;object-fit:cover}.event-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,4,10,.88),transparent 75%)}.event-card .event-copy{position:absolute;z-index:2;left:12px;right:12px;bottom:10px}.event-card strong,.event-card small{display:block}.event-card strong{font-size:12px}.event-card small{font-size:8px;color:#c2bdcd;margin-top:3px}.event-live{color:#ff7b9e}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:15px}.empty{text-align:center;color:var(--muted);padding:30px 15px}.empty strong{display:block;color:#eeeaf5;font-size:13px}.empty p{font-size:9px;line-height:1.5}.empty-icon{font-size:32px;margin-bottom:9px}.notice{padding:11px 12px;border:1px solid rgba(255,200,91,.2);background:rgba(255,200,91,.07);border-radius:13px;font-size:9px;line-height:1.55;color:#d9caa7}.notice.danger{border-color:rgba(255,92,117,.22);background:rgba(255,92,117,.07);color:#e2afb7}.loading{padding:50px;text-align:center;color:#888393;font-size:10px}.auth-shell{max-width:460px;margin:8px auto}.auth-hero{text-align:center;padding:15px 20px 18px}.auth-logo{width:62px;height:62px;margin:auto;border-radius:23px;display:grid;place-items:center;font-size:25px;font-weight:950;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 14px 34px rgba(255,79,139,.22)}.auth-hero h1{font-size:22px;margin:12px 0 5px}.auth-hero p{font-size:9px;color:var(--muted);line-height:1.5}.segmented{background:#0f0e16;border:1px solid var(--line);padding:4px;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:12px}.segmented button{border:0;background:transparent;border-radius:10px;padding:9px;font-size:9px;font-weight:850;color:#777283}.segmented button.active{background:#262331;color:#fff}.form{display:grid;gap:10px}.field{display:grid;gap:5px}.field>span{font-size:8px;font-weight:850;color:#8c8798;margin-left:2px}.field input,.field textarea,.field select,.search-box{width:100%;border:1px solid var(--line);background:#0f0e17;color:#fff;border-radius:13px;padding:12px 12px;outline:none;font-size:10px}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.search-box:focus{border-color:#705cdf;box-shadow:0 0 0 3px rgba(123,97,255,.09)}.account-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-choice label{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;gap:8px;align-items:center;font-size:9px}.terms-check{display:flex;align-items:flex-start;gap:8px;font-size:8px;color:#918c9c;line-height:1.45}.terms-check input{margin-top:2px}.terms-check button{border:0;background:transparent;color:#ae9dff;padding:0;font-size:8px}.btn{border:0;border-radius:13px;padding:11px 14px;font-size:9px;font-weight:900;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(110deg,var(--pink),var(--violet));box-shadow:0 10px 25px rgba(124,65,186,.15)}.btn-soft{background:#272333;color:#b8a9ff}.btn-danger{background:rgba(255,92,117,.11);color:#ff8398}.btn-dark{background:#0e0d15;color:#fff;border:1px solid var(--line)}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.social-divider{display:flex;align-items:center;gap:8px;color:#635f6d;font-size:8px;margin:4px 0}.social-divider:before,.social-divider:after{content:"";height:1px;background:var(--line);flex:1}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.social-btn{border:1px solid var(--line);border-radius:13px;padding:11px;background:#f7f6fb;color:#15141b;font-size:9px;font-weight:900}.social-btn.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.social-btn:disabled{opacity:.35}.list{display:grid;gap:2px}.list-item{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(255,255,255,.055)}.list-item:last-child{border-bottom:0}.user-avatar{width:42px;height:42px;border-radius:50%;font-size:12px;overflow:hidden}.user-avatar img,.avatar-lg img,.rank-avatar img{width:100%;height:100%;object-fit:cover}.grow{flex:1;min-width:0}.list-item strong,.list-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item strong{font-size:10px}.list-item small{font-size:8px;color:var(--muted);margin-top:3px}.rank-podium{display:grid;grid-template-columns:1fr 1.14fr 1fr;align-items:end;gap:8px;padding:16px 4px 9px}.podium-card{text-align:center;border-radius:19px;padding:13px 6px;background:#15141e;border:1px solid var(--line);position:relative}.podium-card.first{padding-top:24px;background:linear-gradient(180deg,rgba(255,200,91,.13),#15141e);border-color:rgba(255,200,91,.2)}.rank-avatar{width:50px;height:50px;border-radius:50%;margin:auto;font-size:14px;border:2px solid #5f5872}.podium-card.first .rank-avatar{width:62px;height:62px;border-color:var(--gold)}.medal{position:absolute;left:50%;top:6px;transform:translateX(-50%);font-size:10px;font-weight:950;color:var(--gold)}.podium-card strong,.podium-card small{display:block}.podium-card strong{font-size:9px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-card small{font-size:7px;color:var(--muted);margin-top:3px}.rank-list{display:grid;gap:7px}.rank-row{display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border-radius:14px;background:#14131d;border:1px solid var(--line)}.rank-number{font-size:10px;font-weight:950;color:#8b8598;text-align:center}.rank-row .rank-avatar{width:38px;height:38px;font-size:10px}.rank-row strong,.rank-row small{display:block}.rank-row strong{font-size:10px}.rank-row small{font-size:8px;color:var(--muted);margin-top:2px}.rank-score{text-align:right}.rank-score strong{color:#ffcf70}.rank-score small{font-size:7px}.profile-cover{height:100px;margin:-12px -12px -40px;border-radius:0 0 32px 32px;background:radial-gradient(circle at 20% 10%,rgba(255,79,139,.75),transparent 35%),linear-gradient(115deg,#34204d,#17162d)}.profile-card{text-align:center;position:relative}.avatar-lg{width:86px;height:86px;border-radius:50%;margin:auto;border:4px solid var(--bg);font-size:25px;overflow:hidden}.profile-card h2{font-size:18px;margin:8px 0 3px}.muted{color:var(--muted)}.profile-card>small{font-size:9px}.profile-card p{font-size:9px;color:#a49fad;line-height:1.55;max-width:420px;margin:10px auto}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0 3px}.profile-stats div{border-right:1px solid var(--line)}.profile-stats div:last-child{border-right:0}.profile-stats strong,.profile-stats small{display:block}.profile-stats strong{font-size:15px}.profile-stats small{font-size:7px;color:var(--muted);margin-top:3px}.host-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#252137;color:#c6b9ff;font-size:7px;font-weight:900;margin-top:5px}.wallet-card{border-radius:24px;padding:22px;background:radial-gradient(circle at 85% 10%,rgba(255,255,255,.22),transparent 16%),linear-gradient(130deg,#5d3de8,#922fca 55%,#d8428e);box-shadow:0 18px 40px rgba(82,41,154,.2)}.wallet-card small,.wallet-card span,.wallet-card strong{display:block}.wallet-card small{font-size:8px;opacity:.7}.wallet-card strong{font-size:34px;margin:7px 0}.wallet-card span{font-size:9px;opacity:.75}.transaction-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.transaction-row:last-child{border-bottom:0}.tx-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#252231}.tx-value{font-size:10px;font-weight:900}.tx-value.credit{color:var(--safe)}.tx-value.debit{color:#ff8298}.creator-hero{border-radius:23px;padding:20px;background:radial-gradient(circle at 90% 0,rgba(55,214,233,.25),transparent 20%),linear-gradient(135deg,#211b3b,#3b2454 60%,#552c50)}.creator-hero h2{font-size:20px;margin:6px 0}.creator-hero p{font-size:9px;line-height:1.55;color:#aaa4b8}.host-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);font-size:8px}.host-status.approved{background:rgba(67,214,157,.12);color:#72e6b8}.host-status.pending{background:rgba(255,200,91,.1);color:#ffd47b}.video-page{margin:-12px -12px 0}.video-stage{height:calc(100vh - var(--header) - var(--nav) - 115px);min-height:460px;max-height:760px;position:relative;background:#050509;overflow:hidden}.zego-room{position:absolute;inset:0}.video-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:40px;background:radial-gradient(circle at 50% 30%,rgba(123,97,255,.25),transparent 35%),#08070e}.video-fallback strong,.video-fallback span{display:block}.video-fallback strong{font-size:16px}.video-fallback span{font-size:9px;color:var(--muted);margin-top:6px;line-height:1.5}.live-room-top{position:absolute;z-index:9;left:10px;right:10px;top:10px;display:flex;justify-content:space-between;pointer-events:none}.host-chip{pointer-events:auto;display:flex;align-items:center;gap:7px;background:rgba(5,5,8,.55);backdrop-filter:blur(8px);border-radius:999px;padding:5px 9px 5px 5px}.host-chip .mini-avatar{width:30px;height:30px}.host-chip strong,.host-chip small{display:block}.host-chip strong{font-size:9px}.host-chip small{font-size:7px;color:#c7c1cf}.close-room{pointer-events:auto;border:0;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.5);font-size:16px}.room-bottom{display:flex;gap:8px;align-items:center;padding:10px 10px 8px;background:#0c0b12}.room-bottom .btn{padding:10px 12px}.chat-placeholder{flex:1;border:1px solid var(--line);border-radius:999px;padding:10px 12px;color:#777282;font-size:8px;background:#13121b}.gift-launch{background:linear-gradient(135deg,#ff4f8b,#ac4dca)}.gift-drawer{position:fixed;z-index:70;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,720px);background:#181621;border-radius:24px 24px 0 0;border:1px solid var(--line);padding:14px 12px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.4)}.drawer-backdrop{position:fixed;z-index:65;inset:0;background:rgba(0,0,0,.55)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer-head h3{font-size:14px;margin:0}.drawer-head button{border:0;background:transparent;font-size:17px}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.gift-option{border:1px solid var(--line);background:#111019;border-radius:14px;padding:8px 5px;text-align:center;min-width:0}.gift-option img,.gift-glyph{width:42px;height:42px;margin:auto;border-radius:13px}.gift-option img{object-fit:contain}.gift-glyph{display:grid;place-items:center;background:linear-gradient(135deg,#382340,#252044);font-size:20px}.gift-option strong,.gift-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-option strong{font-size:8px;margin-top:5px}.gift-option small{font-size:7px;color:#ffd072;margin-top:3px}.event-hero{height:190px;border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(135deg,#30233f,#171624)}.event-hero img{width:100%;height:100%;object-fit:cover}.event-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,12,.9),transparent 70%)}.event-hero-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:14px}.event-hero-copy h1{font-size:20px;margin:5px 0}.event-hero-copy p{font-size:8px;color:#cbc6d2;margin:0}.terms-body{white-space:pre-wrap;font-size:10px;line-height:1.65;color:#bbb5c5}.terms-doc h2{font-size:15px;margin:0 0 4px}.terms-doc small{font-size:8px;color:#898494}.modal-backdrop{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.65);display:grid;align-items:end;justify-items:center}.modal-sheet{width:min(100%,720px);max-height:80vh;overflow:auto;background:#17151f;border-radius:24px 24px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line)}.modal-sheet h3{margin:0 0 12px;font-size:15px}.modal-actions{display:flex;gap:8px;margin-top:14px}.modal-actions .btn{flex:1}.toast{position:fixed;z-index:100;left:50%;bottom:calc(var(--nav) + 20px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f5f3fa;color:#17151d;border-radius:12px;padding:10px 13px;font-size:9px;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.3);transition:.18s;max-width:min(88vw,420px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.mt-10{margin-top:10px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.stack{display:grid;gap:10px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.code-note{word-break:break-all;font-size:8px;color:#aaa2bd;background:#0d0c13;padding:8px;border-radius:9px}
@media(min-width:600px){.app-screen{padding-left:18px;padding-right:18px}.live-grid{grid-template-columns:repeat(3,1fr)}.live-thumb{aspect-ratio:.9}.hero-banner{min-height:185px}.gift-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:390px){.brand strong{display:none}.app-header{grid-template-columns:42px 1fr auto}.header-tabs button{padding-left:6px;padding-right:6px}.gift-grid{grid-template-columns:repeat(3,1fr)}}

/* Goemon V0.5 app-style experience */
.brand-orb{overflow:hidden}.brand-orb img{width:100%;height:100%;object-fit:cover;display:block}.help-shortcut{font-weight:900}.auth-logo{overflow:hidden}.auth-logo img{width:100%;height:100%;object-fit:contain;display:block}.auth-panel{box-shadow:0 24px 60px rgba(0,0,0,.16)}
.banner-slider{position:relative;border-radius:25px;overflow:hidden;background:#14131e;border:1px solid rgba(255,255,255,.07);box-shadow:0 18px 48px rgba(0,0,0,.22)}.banner-track{display:flex;overflow:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.banner-track::-webkit-scrollbar{display:none}.cms-banner{min-width:100%;height:188px;scroll-snap-align:start;background:radial-gradient(circle at 80% 20%,rgba(123,97,255,.3),transparent 30%),linear-gradient(135deg,#2d1f3c,#11101a);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:22px;position:relative}.cms-banner:after{content:none!important;display:none!important}.cms-banner-copy{position:relative;z-index:2;max-width:72%}.cms-banner-copy h1{font-size:23px;line-height:1.05;margin:5px 0}.cms-banner-copy p{font-size:9px;line-height:1.45;color:#d5cfdd;margin:0 0 10px}.banner-cta{border:0;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.94);color:#1a1520;font-size:8px;font-weight:900}.banner-dots{position:absolute;z-index:4;right:13px;bottom:12px;display:flex;gap:5px}.banner-dots button{width:5px;height:5px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.35);transition:.2s}.banner-dots button.active{width:18px;background:#fff}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 2px 0;padding:11px 12px;border-radius:16px;background:linear-gradient(110deg,rgba(255,79,139,.08),rgba(123,97,255,.07));border:1px solid var(--line)}.home-intro strong,.home-intro span{display:block}.home-intro strong{font-size:11px;margin-top:3px}.support-mini{border:1px solid var(--line);background:#1a1824;border-radius:999px;padding:7px 11px;font-size:8px;font-weight:850}
.help-hero{padding:25px 20px;border-radius:25px;background:radial-gradient(circle at 85% 10%,rgba(55,214,233,.23),transparent 26%),linear-gradient(140deg,#261f43,#472557 58%,#742f5a);box-shadow:0 18px 45px rgba(63,35,94,.22)}.help-hero h1{font-size:25px;margin:6px 0}.help-hero p{font-size:10px;line-height:1.6;color:#cbc6d5;max-width:520px}.support-grid{display:grid;gap:9px}.support-card{display:grid;grid-template-columns:46px 1fr 22px;align-items:center;gap:11px;padding:13px;background:#15141e;border:1px solid var(--line);border-radius:18px;color:var(--text);text-decoration:none;transition:.18s}.support-card:active{transform:scale(.985)}.support-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#242131;font-size:11px;font-weight:950}.support-card.whatsapp .support-icon{background:rgba(67,214,157,.13);color:#65e1af}.support-card.telegram .support-icon{background:rgba(55,166,233,.13);color:#70c8ff}.support-card.livechat .support-icon{background:rgba(255,79,139,.13);color:#ff7aa5}.support-card strong,.support-card small,.support-card b{display:block}.support-card strong{font-size:11px}.support-card small{font-size:8px;color:var(--muted);margin-top:3px}.support-card b{font-size:8px;color:#c7bcff;margin-top:4px}.support-arrow{font-size:23px;color:#777183}.help-note strong{font-size:11px}.help-note p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.55}
.wallet-head{display:flex;justify-content:space-between;align-items:center}.wallet-status{font-size:7px!important;letter-spacing:.08em;background:rgba(255,255,255,.12);padding:5px 8px;border-radius:999px}.wallet-split{display:flex;gap:20px;flex-wrap:wrap}.wallet-split span{font-size:8px}.wallet-split b{color:#fff}.wallet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.wallet-action{border:1px solid var(--line);background:#15141e;border-radius:15px;padding:11px 7px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.wallet-action span{font-size:8px;font-weight:850}.wallet-action.primary{background:linear-gradient(120deg,#3f2f75,#672f74);border-color:transparent}.coin-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.coin-package{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,#17151f,#201a2d);border-radius:17px;padding:14px 7px 11px;text-align:center}.coin-package .coin-symbol{display:grid;place-items:center;width:34px;height:34px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#ffd67d,#f39d4d);color:#322213;font-size:18px}.coin-package strong,.coin-package small,.coin-package em{display:block}.coin-package strong{font-size:13px;margin-top:7px}.coin-package small{font-size:7px;color:#d4cde0;margin-top:4px}.coin-package em{font-style:normal;font-size:7px;color:#6fe0b4;margin-top:3px}.coin-package>b{position:absolute;right:-17px;top:9px;transform:rotate(38deg);background:var(--pink);padding:3px 20px;font-size:6px;text-transform:uppercase}.finance-history .history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.finance-history .history-row:last-child{border-bottom:0}.history-row strong,.history-row small{display:block}.history-row strong{font-size:9px}.history-row small{font-size:7px;color:var(--muted);margin-top:3px}.status-chip{font-size:7px;font-weight:900;text-transform:uppercase;padding:5px 7px;border-radius:999px;background:#272331;color:#aaa}.status-chip.paid,.status-chip.approved{background:rgba(67,214,157,.12);color:#65daa9}.status-chip.pending{background:rgba(255,200,91,.12);color:#ffd176}.status-chip.rejected,.status-chip.cancelled{background:rgba(255,92,117,.12);color:#ff8798}.finance-modal-head{display:flex;align-items:center;gap:10px}.finance-modal-head small{font-size:7px;color:var(--muted)}.finance-modal-head h3{margin:2px 0 0}.coin-symbol.big{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ffd67d,#ef9947);color:#332113;font-size:22px}.purchase-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px;margin:12px 0;background:#100f17;border:1px solid var(--line);border-radius:15px}.purchase-summary strong{font-size:13px}.purchase-summary span{font-size:9px;color:#c9c3d0}
.profile-menu{display:grid;gap:7px}.profile-menu-item{width:100%;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px;text-align:left;border:1px solid var(--line);background:#15141e;border-radius:15px;padding:10px;color:var(--text)}.profile-menu-item>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#242131}.profile-menu-item strong,.profile-menu-item small{display:block}.profile-menu-item strong{font-size:10px}.profile-menu-item small{font-size:7px;color:var(--muted);margin-top:3px}.profile-menu-item>b{font-size:20px;color:#6e6877}.room-disabled{font-size:7px;background:#27232e;border:1px solid var(--line);padding:9px;border-radius:11px;color:#827b8c}
.social-btn{min-height:43px}.social-btn b{font-size:14px;margin-right:4px}
@media(min-width:760px){.goemon-app{width:min(100%,960px)}.bottom-nav{width:min(100%,960px)}.gift-drawer,.modal-sheet{width:min(100%,760px)}.app-screen{padding-left:22px;padding-right:22px}.live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cms-banner{height:250px;padding:30px}.cms-banner-copy h1{font-size:30px}.event-card{min-width:290px;height:140px}.support-grid{grid-template-columns:repeat(2,1fr)}.coin-packages{grid-template-columns:repeat(4,1fr)}.video-stage{max-height:none;height:calc(100vh - var(--header) - var(--nav) - 90px)}}
@media(max-width:430px){.header-actions{gap:4px}.round-btn,.profile-dot{width:31px;height:31px}.app-header{padding-left:9px;padding-right:9px;gap:7px}.cms-banner{height:172px;padding:17px}.cms-banner-copy{max-width:84%}.cms-banner-copy h1{font-size:19px}.coin-packages{grid-template-columns:repeat(2,1fr)}}
/* Goemon V0.5.1 host schedule */
.schedule-list{display:grid;gap:9px}.schedule-card{display:grid;grid-template-columns:1fr auto;gap:5px 10px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.045)}.schedule-card strong,.schedule-card small{display:block}.schedule-card small{color:var(--muted);font-size:11px}.schedule-card>small{grid-column:1/-1}.host-status.live{background:rgba(255,65,103,.15);color:#ff6683}
.creator-split{margin:10px auto 0;max-width:420px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:3px}.creator-split strong{font-size:.86rem}.creator-split small{font-size:.72rem;opacity:.72}
/* Goemon V0.5.2 - refined live social UI */
.ui-icon{width:20px;height:20px;display:block;flex:none}.round-btn .ui-icon{width:17px;height:17px}.nav-icon{width:36px;height:30px;display:grid;place-items:center}.nav-icon .ui-icon{width:21px;height:21px}.bottom-nav button{font-size:inherit}.bottom-nav .live-fab .live-icon{width:48px;height:36px}.bottom-nav .live-fab .live-icon .ui-icon{width:23px;height:23px}.brand-orb img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.app-header{box-shadow:0 10px 30px rgba(0,0,0,.12)}.live-card{transition:transform .18s ease}.live-card:active{transform:scale(.985)}.live-thumb{aspect-ratio:.82;box-shadow:0 10px 28px rgba(0,0,0,.16)}.live-gradient{position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(0deg,rgba(3,3,8,.56),transparent);pointer-events:none}.live-pill{display:flex;align-items:center;gap:4px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.14)}.viewer-pill{display:flex;align-items:center;gap:3px}.viewer-pill .ui-icon{width:11px;height:11px}.event-corner{display:flex;align-items:center;gap:3px}.event-corner .ui-icon{width:10px;height:10px}.card-more{width:16px;height:16px;color:#625e6e;margin-top:3px}.live-info{align-items:center}.live-info strong{font-size:10.5px}.live-info small{font-size:7.7px}.live-story-wrap{margin:13px -2px 3px}.story-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.story-head strong{font-size:12px}.story-head button{border:0;background:transparent;color:#aaa0c0;font-size:8px;font-weight:800;display:flex;align-items:center;gap:3px}.story-head .ui-icon{width:12px;height:12px}.live-stories{display:flex;gap:11px;overflow:auto;padding:1px 3px 7px;scrollbar-width:none}.live-stories::-webkit-scrollbar{display:none}.live-story{width:58px;flex:0 0 58px;border:0;background:transparent;padding:0;color:#fff}.story-ring{width:53px;height:53px;border-radius:50%;display:grid;place-items:center;padding:2px;background:linear-gradient(135deg,#ff4f8b,#ff8a62 45%,#7b61ff)}.story-avatar{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#23202d;border:2px solid #0b0b13;font-size:13px;font-weight:900}.story-avatar img{width:100%;height:100%;object-fit:cover}.live-story small{display:block;margin-top:5px;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c5c0ce}.support-mini{display:flex;align-items:center;gap:5px}.support-mini .ui-icon{width:14px;height:14px}.section-head button{display:flex;align-items:center;gap:4px}.section-head button .ui-icon{width:12px;height:12px}.banner-cta{display:inline-flex;align-items:center;gap:5px}.banner-cta .ui-icon{width:12px;height:12px}.empty-svg{width:38px;height:38px;margin:0 auto 10px;color:#5e596a}.auth-shell{padding-bottom:10px}.auth-hero{padding-top:10px}.auth-hero h1{font-size:24px;letter-spacing:-.03em}.auth-panel{border-radius:24px;padding:16px}.role-choice{margin-bottom:2px}.role-tile{position:relative;min-height:72px!important;padding:11px!important;align-items:center!important;overflow:hidden}.role-tile input{position:absolute;opacity:0;pointer-events:none}.role-tile:has(input:checked){border-color:rgba(255,79,139,.55);background:linear-gradient(145deg,rgba(255,79,139,.09),rgba(123,97,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.role-icon{width:34px;height:34px;border-radius:11px;background:#24212f;display:grid;place-items:center;flex:none}.role-icon .ui-icon{width:17px;height:17px}.role-tile strong,.role-tile small{display:block}.role-tile strong{font-size:9px}.role-tile small{font-size:6.8px;color:#888292;margin-top:3px}.btn .ui-icon{width:15px;height:15px;display:inline-block;vertical-align:-3px;margin-right:4px}.social-divider{display:flex;align-items:center;gap:10px;margin:15px 0 10px;color:#666171;font-size:7px}.social-divider:before,.social-divider:after{content:"";height:1px;flex:1;background:var(--line)}.social-grid{display:grid;grid-template-columns:1fr;gap:8px}.social-btn{width:100%;border:1px solid var(--line);background:#fff;color:#17141c;border-radius:13px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;font-weight:850}.social-btn.facebook{background:#1877f2;color:#fff;border-color:#1877f2}.social-brand{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-weight:950;font-size:13px}.google-g{color:#4285f4;background:#f7f7f7}.fb-f{font-family:Arial,sans-serif;font-size:17px}.auth-footnote{text-align:center;font-size:7px!important;line-height:1.5;color:#777281!important;margin:9px 4px 0}.profile-menu-item .ui-icon{width:17px;height:17px}.profile-menu-item>svg{width:15px;height:15px;color:#6f6979}.warning-panel{border:1px solid rgba(255,171,70,.22);background:linear-gradient(140deg,rgba(255,171,70,.08),rgba(255,92,117,.055));border-radius:18px;padding:13px}.warning-panel-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.warning-panel-head>.ui-icon{width:28px;height:28px;color:#ffc46c}.warning-panel-head span,.warning-panel-head strong{display:block}.warning-panel-head span{font-size:7px;color:#b08d5d;letter-spacing:.12em;font-weight:900}.warning-panel-head strong{font-size:12px;margin-top:2px}.warning-item{padding:8px 0;border-top:1px solid rgba(255,255,255,.07)}.warning-item b,.warning-item small{display:block}.warning-item b{font-size:9px}.warning-item small{font-size:7px;color:#a49cab;margin-top:3px;line-height:1.4}
@media(min-width:760px){.live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.live-stories{gap:14px}.live-story{width:64px;flex-basis:64px}.story-ring{width:58px;height:58px}.story-avatar{width:52px;height:52px}}
.close-room .ui-icon{width:17px;height:17px;margin:auto}.drawer-head h3{display:flex;align-items:center;gap:7px}.drawer-head h3 .ui-icon{width:18px;height:18px;color:#ff6b9d}.drawer-head button{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#24212e!important}.drawer-head button .ui-icon{width:15px;height:15px}.icon-action{display:grid;place-items:center;min-width:38px}.icon-action .ui-icon{margin:0;width:16px;height:16px}

/* V0.5.3 creator profile */
.creator-public-cover{background-size:cover;background-position:center}.profile-form-section{display:grid;gap:11px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}.section-mini-title{font-size:11px;font-weight:900;letter-spacing:.04em;color:var(--text)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.app-choice-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.app-choice-grid label{cursor:pointer}.app-choice-grid input{position:absolute;opacity:0;pointer-events:none}.app-choice-grid span{display:inline-flex;padding:8px 10px;border-radius:999px;background:#f5f3fb;border:1px solid #ece8f7;font-size:10px;font-weight:750;color:#716b80}.app-choice-grid input:checked+span{background:rgba(118,86,255,.12);border-color:rgba(118,86,255,.3);color:#674ccf}.photo-upload-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.photo-upload-form input[type=file]{flex:1;min-width:180px;border:1px dashed #d9d3eb;border-radius:12px;padding:10px;background:#faf9fd;font-size:10px}.profile-fact-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:9px 0}.profile-fact-row span,.creator-tags b{font-size:9px;padding:5px 8px;border-radius:999px;background:#f3f0fb;color:#6653ba}.creator-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin:7px 0}.creator-hobbies{text-align:center;margin:7px 0;color:var(--muted)}@media(max-width:520px){.field-grid{grid-template-columns:1fr}}

/* Goemon V0.5.5 FINAL FRONTEND STABILIZATION */
html{color-scheme:dark}
body{font-size:14px;-webkit-tap-highlight-color:transparent}
button,a,input,select,textarea{touch-action:manipulation}
button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
.app-screen{overflow:visible;padding-top:14px}
.app-header{min-height:64px;height:auto;padding-top:max(env(safe-area-inset-top),0px)}
.brand strong{font-size:12px}.header-tabs button{font-size:12px;padding:10px 9px}.round-btn,.profile-dot{width:36px;height:36px}
.bottom-nav{min-height:72px}.bottom-nav small{font-size:10.5px}.bottom-nav button{gap:4px}
.section-head{margin-top:22px}.section-head h2{font-size:18px}.section-head .eyebrow{font-size:10px}.section-head button,.text-btn{font-size:11px}
.hero-copy .eyebrow,.cms-banner-copy .eyebrow{font-size:10px}.hero-copy h1{font-size:25px}.hero-copy p,.cms-banner-copy p{font-size:12px}
.home-intro strong{font-size:14px}.home-intro .eyebrow{font-size:9px}
.chip{font-size:11px;padding:9px 14px}
.live-info strong{font-size:12px}.live-info small{font-size:10px}.live-pill,.viewer-pill,.event-corner{font-size:9px}
.event-card strong{font-size:14px}.event-card small{font-size:10px}.event-card-full{width:100%;min-width:0;height:160px}
.panel{padding:16px}.empty strong{font-size:15px}.empty p,.notice{font-size:11.5px}.loading{font-size:12px}
.field>span{font-size:11px}.field input,.field textarea,.field select,.search-box{font-size:13px;min-height:44px}.terms-check,.terms-check button{font-size:10.5px}
.btn{font-size:12px;min-height:42px}.auth-hero p{font-size:11.5px}.segmented button{font-size:12px}.role-tile strong{font-size:12px}.role-tile small{font-size:9.5px}.social-btn{font-size:12px}
.profile-menu-item strong{font-size:12px}.profile-menu-item small{font-size:9.5px}.profile-card p{font-size:12px;line-height:1.55}
.profile-stats small,.wallet-split,.history-row small,.transaction-row small{font-size:10px}
.schedule-card strong{font-size:12px}.schedule-card small{font-size:10.5px}

/* Dynamic CMS banner uses an image layer rather than CSP-sensitive inline background styles. */
.cms-banner{position:relative;isolation:isolate;background:linear-gradient(135deg,#312740,#171721)}
.cms-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cms-banner-shade{display:none!important;background:none!important}
.cms-banner-copy{position:relative;z-index:1}
.cms-banner img.img-broken{display:none}

/* Robust media fallbacks. */
.avatar-media{position:relative;overflow:hidden}.avatar-media .avatar-letter{position:absolute;inset:0;display:grid;place-items:center}.avatar-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar-media img.img-broken{display:none}
.live-thumb>.fallback-art{z-index:0}.live-thumb>img{position:relative;z-index:1}.live-thumb>img.img-broken{display:none}
.profile-cover{height:190px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 25% 30%,rgba(255,79,139,.24),transparent 34%),linear-gradient(135deg,#242035,#15131e);border:1px solid var(--line)}
.creator-public-cover img{width:100%;height:100%;display:block;object-fit:cover}.creator-public-cover img.img-broken{display:none}
.auth-logo{overflow:hidden}.auth-logo img{width:100%;height:100%;object-fit:cover}.brand-orb img.img-broken,.auth-logo img.img-broken{display:none}

/* Dark creator form fixes; V0.5.3 had light fields inside a dark application. */
.app-choice-grid span{background:#17151f;border-color:var(--line);color:#a9a3b3;font-size:11px}
.app-choice-grid input:checked+span{background:rgba(123,97,255,.16);border-color:rgba(123,97,255,.45);color:#d8d0ff}
.photo-upload-form input[type=file]{background:#0f0e17;border-color:var(--line);color:#aaa4b5;font-size:11px}
.section-mini-title{color:var(--text);font-size:12px}.field input[type=date]{color-scheme:dark}
.creator-tags b,.profile-fact-row span{background:#211d31;border:1px solid rgba(123,97,255,.22);color:#c9bcff;font-size:10px}

/* Search / retry / maintenance */
.search-wrap{position:relative}.search-wrap>.ui-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#777182;pointer-events:none}.search-wrap .search-box{padding-left:42px}
.app-error{max-width:480px;margin:44px auto}.app-error .btn{display:inline-flex;align-items:center;gap:6px}.empty-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.maintenance-banner{display:flex;align-items:center;gap:8px}.maintenance-banner strong{white-space:nowrap}.maintenance-banner span{opacity:.85}

/* Wallet polish */
.wallet-status{display:flex;align-items:center;gap:5px}.wallet-status .ui-icon{width:12px;height:12px}.wallet-action{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px}.wallet-action>.ui-icon{width:20px;height:20px}.tx-icon{display:grid!important;place-items:center}.tx-icon .ui-icon{width:15px;height:15px}.transaction-list{padding-top:4px;padding-bottom:4px}.finance-history{max-height:440px;overflow:auto}
.profile-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.profile-actions .btn{margin:0}
.gift-empty{grid-column:1/-1;min-height:120px;display:grid;place-items:center}.room-chat-status{font-size:10px;color:#b9b2c4;display:flex;align-items:center;gap:6px;flex:1;min-width:0}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--safe);box-shadow:0 0 0 4px rgba(67,214,157,.1)}

/* Better focus/accessibility */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(166,149,255,.85);outline-offset:2px}
.live-card:focus-visible{outline:2px solid rgba(255,79,139,.75);outline-offset:3px;border-radius:20px}

/* Compact mobile header: keep navigation tappable instead of overflowing. */
@media(max-width:420px){
 .brand strong{display:none}.header-tabs{gap:0}.header-tabs button{padding:10px 7px;font-size:11px}.help-shortcut{display:none}.app-header{grid-template-columns:auto 1fr auto;gap:6px}
 .app-screen{padding-left:10px;padding-right:10px}.live-grid{gap:9px}.live-thumb{border-radius:17px}.cms-banner{border-radius:21px}
 .room-bottom{gap:6px}.room-chat-status{font-size:9px}.profile-cover{height:155px}
}
@media(max-width:350px){.header-tabs button{font-size:10px;padding-left:5px;padding-right:5px}.round-btn,.profile-dot{width:32px;height:32px}.bottom-nav small{font-size:9px}}
@media(min-width:760px){.event-card-full{height:190px}.profile-cover{height:260px}.app-screen{padding-top:18px}}

/* Goemon V0.5.8 responsive safety net */
img,video,canvas,svg{max-width:100%}.app-shell,.app-screen,.panel,.modal-card{min-width:0}.form input,.form select,.form textarea{max-width:100%}.coin-packages{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.history-row,.transaction-row{min-width:0}.history-row>div,.transaction-row>.grow{min-width:0}.history-row strong,.history-row small{overflow-wrap:anywhere}
@media(max-width:420px){.modal-card{width:calc(100vw - 20px);max-height:calc(100dvh - 28px);overflow:auto}.wallet-actions{gap:7px}.wallet-action{min-width:0}.coin-packages{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Goemon V0.6.0 · adaptive guest/member/host bottom navigation */
.bottom-nav button[data-route="auth"] .nav-icon{border:1px solid rgba(255,255,255,.12);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;margin-inline:auto}.bottom-nav button[data-route="auth"] .nav-icon .ui-icon{width:18px;height:18px}.bottom-nav button[data-route="ranking"] .nav-icon,.bottom-nav button[data-route="events"] .nav-icon{position:relative}.bottom-nav button[data-route="wallet"] small{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Goemon V0.6.0 profile menu, referral, gallery and history */
[hidden]{display:none!important}.header-actions{position:relative}.account-dropdown{position:absolute;right:0;top:44px;width:min(310px,88vw);padding:8px;background:rgba(20,19,30,.98);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px rgba(0,0,0,.5);z-index:80}.account-dropdown:before{content:"";position:absolute;right:12px;top:-6px;width:12px;height:12px;transform:rotate(45deg);background:#14131e;border-left:1px solid var(--line);border-top:1px solid var(--line)}.account-dropdown>button{width:100%;border:0;background:transparent;border-radius:12px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;color:#ece9f2}.account-dropdown>button:hover,.account-dropdown>button:focus{background:#201e2b}.account-dropdown>button>.ui-icon{width:18px;height:18px;color:#ad9cff;flex:none}.account-dropdown>button span{display:block;min-width:0}.account-dropdown>button strong,.account-dropdown>button small{display:block}.account-dropdown>button strong{font-size:10px}.account-dropdown>button small{font-size:8px;color:var(--muted);margin-top:2px}.account-dropdown .account-menu-danger{color:#ff8ba0}.account-dropdown .account-menu-danger>.ui-icon{color:#ff758d}.account-menu-user{display:flex;align-items:center;gap:9px;padding:8px 9px 11px;margin-bottom:5px;border-bottom:1px solid var(--line)}.account-menu-user strong,.account-menu-user small{display:block}.account-menu-user strong{font-size:11px}.account-menu-user small{font-size:8px;color:var(--muted);margin-top:2px}.profile-cover img{width:100%;height:100%;object-fit:cover;display:block}.referral-hero{padding:20px;border-radius:24px;background:radial-gradient(circle at 85% 5%,rgba(255,255,255,.18),transparent 20%),linear-gradient(135deg,#652f9b,#b23f89 58%,#dc5d76);box-shadow:0 18px 42px rgba(94,39,118,.2)}.referral-hero h2{margin:5px 0;font-size:21px}.referral-hero p{font-size:9px;line-height:1.5;color:rgba(255,255,255,.78)}.referral-code-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:11px;border-radius:15px;background:rgba(5,4,10,.22);border:1px solid rgba(255,255,255,.15)}.referral-code-box small,.referral-code-box strong{display:block}.referral-code-box small{font-size:7px;opacity:.65}.referral-code-box strong{font-size:16px;letter-spacing:.08em;margin-top:2px}.referral-link-input{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.15);background:rgba(5,4,10,.18);color:#fff;border-radius:11px;padding:9px;font-size:8px}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mini-stat{padding:12px;border-radius:15px;background:var(--surface);border:1px solid var(--line);text-align:center}.mini-stat strong,.mini-stat small{display:block}.mini-stat strong{font-size:14px}.mini-stat small{font-size:7px;color:var(--muted);margin-top:3px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-item{min-width:0;border-radius:17px;overflow:hidden;background:#111019;border:1px solid var(--line)}.gallery-item img,.gallery-item video{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#08070d}.gallery-item video{aspect-ratio:9/12}.gallery-meta{min-height:38px;padding:8px;display:flex;align-items:center;gap:6px;justify-content:space-between}.gallery-meta small{font-size:8px;color:#aaa4b5;line-height:1.35;overflow:hidden}.gallery-delete{border:0;background:rgba(255,92,117,.12);color:#ff8298;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;flex:none}.public-gallery{margin-bottom:12px}.history-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding-bottom:5px}.history-tabs a{white-space:nowrap;text-decoration:none;color:#aaa1bb;border:1px solid var(--line);background:#15131d;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:850}.history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-row strong,.history-row small{display:block}.history-row strong{font-size:9px}.history-row small{font-size:7px;color:var(--muted);margin-top:3px}.history-row>b{font-size:9px;white-space:nowrap}.right-text{text-align:right}.right-text strong,.right-text small{display:block}.right-text small{font-size:8px;color:var(--muted)}
@media(max-width:430px){.account-dropdown{position:fixed;right:9px;top:58px;width:min(330px,calc(100vw - 18px))}.profile-stats-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{gap:7px}}
.history-tabs button{white-space:nowrap;border:1px solid var(--line);background:#15131d;color:#aaa1bb;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:850}

/* Goemon V0.8.0 · Social privacy + creator analytics */
.privacy-locked{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.privacy-lock-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;margin:12px auto 4px;background:rgba(123,97,255,.12);border:1px solid rgba(123,97,255,.25)}.privacy-lock-icon .ui-icon{width:26px;height:26px}.privacy-list,.request-list{display:grid;gap:8px}.privacy-switch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#12111a}.privacy-switch strong,.privacy-switch small{display:block}.privacy-switch small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.privacy-switch input{width:20px;height:20px;accent-color:var(--accent)}.compact-select{width:auto;min-width:98px;padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:#12111a;color:var(--text)}.analytics-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.analytics-mobile-grid .mini-stat{padding:14px 10px;border:1px solid var(--line);border-radius:16px;background:#15131e;text-align:center}.analytics-mobile-grid .mini-stat strong{display:block;font-size:17px}.analytics-mobile-grid .mini-stat small{display:block;margin-top:4px;color:var(--muted);font-size:9.5px}.analytics-mobile-grid .popularity{background:linear-gradient(145deg,rgba(255,79,139,.12),rgba(123,97,255,.12))}.audience-mobile{display:grid;gap:12px}.audience-mobile>div>span{display:flex;justify-content:space-between;gap:12px;font-size:11px}.audience-mobile i{display:block;height:7px;margin-top:6px;border-radius:999px;background:#24212e;overflow:hidden}.audience-mobile em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8c6cff)}.analytics-spark{display:flex;align-items:flex-end;gap:3px;height:130px;overflow-x:auto;padding:8px 2px 0}.analytics-spark>div{flex:1 0 14px;min-width:14px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.analytics-spark i{width:70%;min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--accent),#7b61ff)}.analytics-spark small{font-size:7px;color:var(--muted)}.profile-actions{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.wallet-split{flex-wrap:wrap}.wallet-split span{min-width:120px}
@media(max-width:560px){.analytics-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-switch{padding:11px}.request-list .list-item{align-items:flex-start;flex-wrap:wrap}.request-list .inline-actions{width:100%;justify-content:flex-end}}

/* V0.8.1 multi-provider live room */
.provider-room{display:flex;align-items:center;justify-content:center;background:#050509;overflow:hidden}.provider-room>.provider-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050509}.provider-room>audio.provider-media{width:0;height:0;opacity:0;pointer-events:none}.provider-room .hms-peer{position:absolute;inset:0;background:#050509}.provider-room .hms-peer video{width:100%;height:100%;object-fit:cover;background:#050509}.provider-room .hms-peer-name{position:absolute;left:12px;bottom:12px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.45);font-size:8px;color:#fff}.provider-room .hms-peer:not(:first-child){width:30%;height:24%;inset:auto 10px 60px auto;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.15);z-index:3}.provider-room .local-media{transform:scaleX(-1)}


/* Goemon V0.9.0 · user-selectable Light / Dark appearance */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light;--bg:#f7f7fb;--surface:#ffffff;--surface2:#f1eff7;--card:#ffffff;--text:#1b1924;--muted:#777486;--line:rgba(30,26,45,.11)}
html[data-theme="light"],html[data-theme="light"] body{background:#eef0f5;color:var(--text)}
html[data-theme="light"] .goemon-app{background:radial-gradient(circle at 90% -10%,rgba(123,97,255,.10),transparent 25%),radial-gradient(circle at -10% 5%,rgba(255,79,139,.08),transparent 23%),var(--bg);box-shadow:0 0 80px rgba(40,34,58,.08)}
html[data-theme="light"] .app-header{background:rgba(255,255,255,.92);border-color:rgba(30,26,45,.08)}
html[data-theme="light"] .brand{color:#211e2b}
html[data-theme="light"] .header-tabs button{color:#817b8d}
html[data-theme="light"] .header-tabs button.active{color:#211e2b}
html[data-theme="light"] .round-btn,html[data-theme="light"] .profile-dot{background:#fff;color:#2a2633;box-shadow:0 4px 14px rgba(43,36,62,.05)}
html[data-theme="light"] .profile-dot{background:linear-gradient(135deg,#f1edff,#fff)}
html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.95);box-shadow:0 -8px 25px rgba(34,29,50,.05)}
html[data-theme="light"] .bottom-nav button{color:#8a8593}
html[data-theme="light"] .bottom-nav button.active{color:#201d28}
html[data-theme="light"] .bottom-nav button[data-route="auth"] .nav-icon{border-color:rgba(30,26,45,.12)}
html[data-theme="light"] .section-head .eyebrow,html[data-theme="light"] .live-info small{color:#7e7989}
html[data-theme="light"] .chip{background:#fff;color:#777181}
html[data-theme="light"] .chip.active{color:#fff;background:linear-gradient(110deg,#6e54c8,#8e5ec4)}
html[data-theme="light"] .panel,html[data-theme="light"] .mini-stat{background:#fff;box-shadow:0 10px 28px rgba(39,33,56,.045)}
html[data-theme="light"] .empty strong{color:#211e2b}
html[data-theme="light"] .segmented{background:#f1eff5}
html[data-theme="light"] .segmented button{color:#817b8c}
html[data-theme="light"] .segmented button.active{background:#fff;color:#211e2b;box-shadow:0 3px 10px rgba(34,29,49,.07)}
html[data-theme="light"] .field input,html[data-theme="light"] .field textarea,html[data-theme="light"] .field select,html[data-theme="light"] .search-box,html[data-theme="light"] .photo-upload-form input[type=file]{background:#fff;color:#211e2b;border-color:rgba(31,27,43,.13)}
html[data-theme="light"] .field input::placeholder,html[data-theme="light"] .field textarea::placeholder,html[data-theme="light"] .search-box::placeholder{color:#aaa5b2}
html[data-theme="light"] .btn-dark{background:#f0eef4;color:#2a2632;border-color:rgba(31,27,43,.11)}
html[data-theme="light"] .btn-soft{background:#eeeaff;color:#6751bf}
html[data-theme="light"] .podium-card,html[data-theme="light"] .rank-row,html[data-theme="light"] .support-card,html[data-theme="light"] .wallet-action,html[data-theme="light"] .profile-menu-item,html[data-theme="light"] .privacy-switch,html[data-theme="light"] .analytics-mobile-grid .mini-stat{background:#fff}
html[data-theme="light"] .podium-card.first{background:linear-gradient(180deg,rgba(255,200,91,.18),#fff)}
html[data-theme="light"] .tx-icon,html[data-theme="light"] .profile-menu-item>span,html[data-theme="light"] .support-icon,html[data-theme="light"] .role-icon{background:#f1eef8}
html[data-theme="light"] .host-badge,html[data-theme="light"] .creator-tags b,html[data-theme="light"] .profile-fact-row span{background:#eeeaff;color:#6753b9}
html[data-theme="light"] .coin-package{background:linear-gradient(150deg,#fff,#f7f3ff)}
html[data-theme="light"] .purchase-summary,html[data-theme="light"] .code-note{background:#f5f3f8;color:#625d6c}
html[data-theme="light"] .status-chip,html[data-theme="light"] .room-disabled{background:#f0edf4;color:#797382}
html[data-theme="light"] .account-dropdown{background:rgba(255,255,255,.98);box-shadow:0 22px 60px rgba(40,34,55,.18)}
html[data-theme="light"] .account-dropdown:before{background:#fff}
html[data-theme="light"] .account-dropdown>button{color:#282431}
html[data-theme="light"] .account-dropdown>button:hover,html[data-theme="light"] .account-dropdown>button:focus{background:#f3f1f8}
html[data-theme="light"] .gallery-item{background:#fff}
html[data-theme="light"] .history-tabs a,html[data-theme="light"] .history-tabs button{background:#fff;color:#746f7d}
html[data-theme="light"] .compact-select{background:#fff;color:#211e2b}
html[data-theme="light"] .audience-mobile i{background:#e9e6ef}
html[data-theme="light"] .gift-drawer,html[data-theme="light"] .modal-sheet{background:#fff}
html[data-theme="light"] .gift-option{background:#faf9fc}
html[data-theme="light"] .drawer-head button{background:#f1eef6!important;color:#292530}
html[data-theme="light"] .support-mini{background:#fff;color:#312c39}
html[data-theme="light"] .story-avatar{border-color:#f7f7fb;background:#eeeaf7}
/* Live/video surfaces intentionally stay dark in Light mode for contrast and media fidelity. */
html[data-theme="light"] .video-stage,html[data-theme="light"] .video-fallback,html[data-theme="light"] .provider-room,html[data-theme="light"] .provider-room>.provider-media,html[data-theme="light"] .provider-room .hms-peer,html[data-theme="light"] .provider-room .hms-peer video,html[data-theme="light"] .room-bottom{color:#fff}
.theme-toggle .ui-icon{width:17px;height:17px}
@media(max-width:430px){.app-header{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;padding-left:10px;padding-right:10px}.brand{gap:6px}.brand strong{display:none}.header-tabs{min-width:0}.header-tabs button{padding:9px 6px}.header-actions{gap:5px}.theme-toggle,.help-shortcut{display:grid}.app-screen{padding-left:10px;padding-right:10px}}
@media(max-width:365px){.help-shortcut{display:none}.header-tabs button{padding-inline:5px;font-size:9.5px}}

/* Goemon V0.9.0 · Notification, Chat 2.0, Fan Club & identity */
.notification-row{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:12px;text-align:left;display:flex;gap:10px;align-items:flex-start}.notification-row.unread{border-color:rgba(123,97,255,.45);box-shadow:inset 3px 0 0 var(--accent)}.notification-row strong,.notification-row small,.notification-row em{display:block}.notification-row strong{font-size:11px}.notification-row small{margin-top:4px;font-size:9px;line-height:1.45;color:var(--muted)}.notification-row em{margin-top:6px;font-size:8px;color:var(--muted);font-style:normal}.privacy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);background:var(--surface);border-radius:14px}.privacy-row input{width:20px;height:20px;accent-color:var(--accent)}.live-chat-v2{padding:10px}.chat-v2-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:2px 2px 8px}.chat-v2-head strong{font-size:11px}.chat-v2-head small{font-size:8px;color:var(--muted)}.chat-v2-list{display:grid;gap:7px;max-height:270px;overflow:auto;padding-right:2px}.chat-v2-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px 10px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.chat-v2-row.pinned{border-color:rgba(255,191,80,.45)}.chat-v2-row strong,.chat-v2-row span{display:block}.chat-v2-row strong{font-size:8px;color:var(--muted)}.chat-v2-row span{font-size:10px;margin-top:3px;overflow-wrap:anywhere}.chat-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.chat-actions button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:4px 6px;font-size:7px}.chat-v2-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:9px}.chat-v2-form input{min-width:0;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px}.wallet-summary{display:grid;gap:4px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.wallet-summary small{color:var(--muted);font-size:9px}.fan-club-hero{border-radius:22px;padding:18px;background:linear-gradient(145deg,rgba(255,79,139,.16),rgba(123,97,255,.14));border:1px solid var(--line)}
html[data-theme="light"] .notification-row,html[data-theme="light"] .privacy-row,html[data-theme="light"] .chat-v2-row,html[data-theme="light"] .chat-v2-form input,html[data-theme="light"] .wallet-summary{background:#fff}
@media(max-width:430px){.chat-v2-row{grid-template-columns:1fr}.chat-actions{justify-content:flex-start}.chat-v2-list{max-height:230px}.chat-v2-form{grid-template-columns:1fr}.chat-v2-form .btn{width:100%}}
/* V0.9 Chat/VIP finishing */
.chat-reply-ref{display:block;opacity:.72;margin:2px 0 4px;padding-left:8px;border-left:2px solid currentColor;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.chat-role-badge{font-style:normal;font-size:9px;letter-spacing:.08em;padding:2px 5px;border-radius:999px;border:1px solid currentColor;opacity:.85}
.chat-pinned-wrap{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}
.chat-replying{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.06);font-size:12px;margin-top:8px}
.chat-replying span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-replying button{border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer}
.chat-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.chat-actions button{min-height:28px;padding:3px 7px}
.vip-level-card small{display:block;margin-top:8px;opacity:.8}.compact-list .list-row.active{outline:1px solid currentColor}
html[data-theme="light"] .chat-pinned-wrap{border-bottom-color:rgba(20,20,30,.12)}html[data-theme="light"] .chat-replying{background:rgba(20,20,30,.06)}
@media(max-width:640px){.chat-v2-row{align-items:flex-start}.chat-actions{max-width:124px}.chat-actions button{font-size:10px;padding:3px 6px}}


/* Goemon V0.9.1 · cleaner header, profile detail and mobile scroll stability */
html,body{width:100%;max-width:100%;overflow-x:hidden}body{overscroll-behavior-x:none}.goemon-app{max-width:100%;overflow-x:clip}.app-header{display:flex;grid-template-columns:none;justify-content:space-between;gap:10px}.header-actions{margin-left:auto;flex:none}.app-screen{width:100%;max-width:100%;overflow-x:clip;overflow-y:visible}.app-screen>*{max-width:100%}.panel,.profile-card,.profile-cover,.profile-menu,.profile-menu-item,.creator-split,.profile-stats,.profile-actions,.section-head,.history-row,.transaction-row,.list-item,.list-row{min-width:0;max-width:100%}.profile-card h2,.profile-card p,.profile-card small,.profile-menu-item strong,.profile-menu-item small,.creator-split strong,.creator-split small{overflow-wrap:anywhere;word-break:break-word}.profile-actions{display:flex;grid-template-columns:none;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px}.profile-actions .btn{flex:1 1 132px;min-width:0;max-width:100%}.profile-fact-row,.creator-tags{max-width:100%}.profile-fact-row span,.creator-tags b{max-width:100%;overflow-wrap:anywhere}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.profile-stats strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-rank-wrap{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:7px}.host-rank-position{display:inline-flex;align-items:baseline;gap:4px;padding:5px 8px;border-radius:999px;background:rgba(255,200,91,.12);border:1px solid rgba(255,200,91,.22);color:#ffd378;font-size:10px;font-weight:950}.host-rank-position small{font-size:7px;font-weight:800;opacity:.78}.host-status-mini{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.host-schedule-hero{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,79,139,.08),rgba(123,97,255,.08));min-width:0}.host-schedule-hero .grow{min-width:0}.host-schedule-hero strong,.host-schedule-hero small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-schedule-hero strong{font-size:12px}.host-schedule-hero small{font-size:8px;color:var(--muted);margin-top:3px}.schedule-list{display:grid;gap:9px;margin-top:12px}.schedule-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--surface);min-width:0}.schedule-card.live{border-color:rgba(255,79,139,.3);background:linear-gradient(145deg,rgba(255,79,139,.07),var(--surface))}.schedule-date{padding:8px;border-radius:13px;background:var(--surface2);text-align:center}.schedule-date strong,.schedule-date small{display:block}.schedule-date strong{font-size:10px}.schedule-date small{font-size:8px;color:var(--muted);margin-top:3px}.schedule-copy{min-width:0}.schedule-copy h3{font-size:11px;margin:5px 0 2px;overflow-wrap:anywhere}.schedule-copy p{font-size:8px;color:var(--muted);margin:0;line-height:1.45}.schedule-page-head{align-items:center}.category-row,.event-strip,.history-tabs,.analytics-spark{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.category-row,.event-strip,.history-tabs{touch-action:auto}.account-dropdown{max-height:min(72dvh,620px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html[data-theme="light"] .host-rank-position{background:#fff5dc;color:#8a641a;border-color:#f0d99d}html[data-theme="light"] .host-schedule-hero,html[data-theme="light"] .schedule-card{background:#fff}html[data-theme="light"] .schedule-date{background:#f3f1f7}
@media(max-width:430px){.app-header{display:flex;padding-left:10px;padding-right:10px}.brand strong{display:block;max-width:116px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-shortcut{display:none}.profile-cover{height:145px;border-radius:19px}.avatar-lg{width:78px;height:78px}.profile-card h2{font-size:17px}.profile-stats strong{font-size:14px}.profile-stats small{font-size:8px}.profile-actions .btn{flex-basis:calc(50% - 4px);padding:10px 9px}.schedule-card{grid-template-columns:62px minmax(0,1fr);align-items:start}.schedule-card>.btn{grid-column:1/-1;width:100%}.schedule-page-head .btn{padding:9px 10px}.host-schedule-hero{align-items:flex-start;flex-wrap:wrap}.host-schedule-hero .host-badge{margin-left:auto}.profile-menu-item{grid-template-columns:36px minmax(0,1fr) 16px;padding:10px 9px;gap:8px}.profile-menu-item>span{width:36px;height:36px}}
@media(max-width:350px){.brand strong{max-width:86px}.round-btn,.profile-dot{width:31px;height:31px}.profile-actions .btn{flex-basis:100%}.profile-stats strong{font-size:12px}.profile-stats small{font-size:7px}}

.profile-detail-panel{margin:14px auto 0;max-width:520px;text-align:left;border-top:1px solid var(--line);padding-top:13px}.profile-detail-panel .section-mini-title{text-align:center;margin-bottom:9px}.profile-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-detail-grid>div{min-width:0;padding:10px 11px;border-radius:13px;background:var(--surface2);border:1px solid var(--line)}.profile-detail-grid small,.profile-detail-grid strong{display:block}.profile-detail-grid small{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.profile-detail-grid strong{font-size:9px;line-height:1.45;margin-top:3px;overflow-wrap:anywhere}html[data-theme="light"] .profile-detail-grid>div{background:#f6f4f9}@media(max-width:380px){.profile-detail-grid{grid-template-columns:1fr}}


/* Goemon V0.9.2 · Host profile visual stability & mobile scroll performance */
.host-profile-page{width:100%;max-width:100%;min-width:0;touch-action:pan-y;overflow:visible;contain:layout style}
.host-profile-shell{width:100%;max-width:620px;margin:0 auto;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.12);contain:paint}
.host-profile-cover{height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,#312244,#171626);isolation:isolate}
.host-profile-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 34%;display:block}
.host-cover-shade{display:none!important}
.host-profile-main{padding:0 16px 16px;min-width:0}
.host-profile-avatar-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:-43px;position:relative;z-index:2;min-width:0}
.host-avatar-frame{width:92px;height:92px;border-radius:50%;padding:4px;background:var(--surface);box-shadow:0 6px 18px rgba(0,0,0,.18);flex:none}
.host-profile-avatar{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(140deg,#472f5a,#2a294b);font-size:24px;font-weight:900}
.host-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.host-profile-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;padding-bottom:6px}
.host-profile-name{text-align:left;margin-top:9px;min-width:0}
.host-profile-name h2{margin:0;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.host-profile-name>small{display:inline-block;margin-top:4px;color:var(--muted);font-size:9px}
.host-profile-name .host-status-mini{margin-left:7px}
.host-profile-bio{text-align:left!important;margin:11px 0!important;max-width:none!important;color:var(--muted)!important;font-size:11px!important;line-height:1.55!important;overflow-wrap:anywhere}
.host-profile-shell .profile-detail-panel{max-width:none;margin-top:12px}
.host-profile-shell .profile-detail-panel .section-mini-title{text-align:left}
.host-profile-shell .profile-stats{margin-top:14px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.host-profile-shell .profile-actions{margin-top:13px;justify-content:flex-start}
.host-profile-shell .profile-actions .btn{flex:1 1 130px}
.host-profile-page .section-head{margin-top:18px}
.host-profile-page .gallery-grid{content-visibility:auto;contain-intrinsic-size:360px}
.host-profile-page .gallery-item{contain:content}
html[data-theme="light"] .host-profile-shell{background:#fff;box-shadow:0 10px 26px rgba(35,29,48,.07)}

/* Reduce continuous GPU repaint on touch devices. Native opaque bars scroll more smoothly. */
@media (hover:none) and (pointer:coarse){
  body{overscroll-behavior-y:auto}
  .goemon-app{background:var(--bg);box-shadow:none}
  .app-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(11,11,19,.985);box-shadow:none}
  .bottom-nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(14,13,21,.985)}
  html[data-theme="light"] .app-header{background:rgba(255,255,255,.985)}
  html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.985)}
  .host-profile-shell{box-shadow:none}
}
@media(max-width:430px){
  .host-profile-shell{border-radius:18px}
  .host-profile-cover{height:150px}
  .host-profile-main{padding:0 13px 14px}
  .host-profile-avatar-row{margin-top:-38px;align-items:flex-end}
  .host-avatar-frame{width:82px;height:82px;padding:3px}
  .host-profile-avatar{width:76px;height:76px;font-size:21px}
  .host-profile-badges{max-width:calc(100% - 92px);padding-bottom:4px}
  .host-profile-name h2{font-size:18px}
  .host-profile-shell .profile-actions .btn{flex-basis:calc(50% - 4px)}
  .host-profile-page .profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){
  .host-profile-cover{height:138px}
  .host-profile-main{padding-inline:11px}
  .host-profile-badges{gap:4px}
  .host-profile-badges .host-badge,.host-profile-badges .host-rank-position{font-size:8px;padding:4px 6px}
  .host-profile-shell .profile-actions .btn{flex-basis:100%}
  .host-profile-page .profile-detail-grid{grid-template-columns:1fr}
}

/* Goemon V0.9.2 · Frontend smooth-scroll pass + unified public profile */
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
html,body{width:100%;max-width:100%;overflow-x:clip}
body{overscroll-behavior-x:none;overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom}
.goemon-app{max-width:100%;overflow-x:clip}
.app-screen{overflow-x:clip!important;overflow-y:visible!important;contain:none}
img,video{max-width:100%}
.banner-track{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scroll-snap-stop:always}
.cms-banner,.event-card,.live-thumb,.profile-cover,.public-profile-cover{transform:translateZ(0)}

.public-profile-page{width:100%;max-width:100%;min-width:0;overflow:visible;touch-action:pan-y}
.public-profile-shell{width:100%;max-width:620px;margin:0 auto;border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.10)}
.public-profile-cover{position:relative;height:168px;overflow:hidden;background:linear-gradient(135deg,#30223f,#171522)}
.public-profile-cover img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%}
.public-cover-shade{display:none!important}
.public-profile-main{padding:0 16px 16px;min-width:0}
.public-avatar-wrap{display:flex;justify-content:center;position:relative;z-index:2;margin-top:-42px}
.public-avatar-frame{width:92px;height:92px;border-radius:50%;padding:4px;background:var(--surface);border:1px solid var(--line);box-shadow:0 5px 14px rgba(0,0,0,.16);flex:none}
.public-avatar-frame .host-profile-avatar{width:82px;height:82px}
.public-profile-name{text-align:center;margin-top:8px;min-width:0}
.public-profile-name h2{margin:0;font-size:20px;line-height:1.22;overflow-wrap:anywhere}
.public-profile-name>small{display:block;margin-top:4px;color:var(--muted);font-size:9px;overflow-wrap:anywhere}
.public-badge-row{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;min-width:0}
.public-badge-row .host-status-mini{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);font-size:7px}
.member-badge,.member-since{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;border:1px solid var(--line);font-size:8px;font-weight:850}
.member-badge{color:#c6baff;background:rgba(123,97,255,.10)}
.member-since{color:var(--muted);background:var(--surface2)}
.public-profile-bio{margin:12px auto 0!important;max-width:520px!important;text-align:center!important;color:var(--muted)!important;font-size:10.5px!important;line-height:1.58!important;overflow-wrap:anywhere}
.public-profile-shell .profile-detail-panel{max-width:none;margin-top:14px;padding-top:13px}
.public-profile-shell .profile-detail-panel .section-mini-title{text-align:center}
.public-profile-shell .profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-profile-stats{margin-top:14px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.public-profile-shell .profile-actions{margin-top:13px;justify-content:center}
.public-profile-shell .profile-actions .btn{flex:1 1 132px}
.public-profile-page .section-head{margin-top:18px}
.public-profile-page .gallery-grid{contain:none}
.public-profile-page .gallery-item{contain:none}
.host-profile-page,.host-profile-shell{contain:none!important}
.host-profile-cover{height:168px!important}
.host-profile-main{padding:0 16px 16px!important}
.host-avatar-wrap{margin-top:-42px!important}
.host-avatar-frame{width:92px!important;height:92px!important;padding:4px!important}
.host-profile-name{text-align:center!important;margin-top:8px!important}
.host-profile-bio{text-align:center!important;margin:12px auto 0!important;max-width:520px!important}
.host-profile-badges,.host-profile-avatar-row{display:none!important}
.member-profile-shell .profile-detail-grid strong{text-transform:none}
html[data-theme="light"] .public-profile-shell{background:#fff;box-shadow:0 8px 22px rgba(34,29,49,.06)}
html[data-theme="light"] .public-avatar-frame{background:#fff}
html[data-theme="light"] .member-since,html[data-theme="light"] .public-badge-row .host-status-mini{background:#f5f2f8}

/* Persistent translucent/blurred layers are expensive while a mobile page is scrolling. */
@media(max-width:720px){
  .goemon-app{background:var(--bg)!important;box-shadow:none!important}
  .app-header{background:#0b0b13!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  .bottom-nav{left:0!important;right:0!important;transform:none!important;margin:0 auto;background:#0e0d15!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
  .viewer-pill,.host-chip,.account-dropdown{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .account-dropdown{background:#14131e!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}
  .banner-slider,.hero-banner,.wallet-hero,.creator-hero,.referral-hero,.auth-logo,.brand-orb,.btn-primary,.live-fab span{box-shadow:none!important}
  .cms-banner,.event-card,.live-thumb,.public-profile-cover{transform:none}
  .public-profile-shell{box-shadow:none}
  .public-avatar-frame{box-shadow:none}
  html[data-theme="light"] .goemon-app{background:#f7f6fa!important}
  html[data-theme="light"] .app-header{background:#fff!important}
  html[data-theme="light"] .bottom-nav{background:#fff!important}
  html[data-theme="light"] .account-dropdown{background:#fff!important;box-shadow:0 10px 24px rgba(35,29,48,.12)!important}
}

@media(max-width:430px){
  .public-profile-shell{border-radius:18px}
  .public-profile-cover,.host-profile-cover{height:142px!important}
  .public-profile-main,.host-profile-main{padding:0 12px 14px!important}
  .public-avatar-wrap,.host-avatar-wrap{margin-top:-36px!important}
  .public-avatar-frame,.host-avatar-frame{width:78px!important;height:78px!important;padding:3px!important}
  .public-avatar-frame .host-profile-avatar,.host-avatar-frame .host-profile-avatar{width:70px!important;height:70px!important;font-size:20px}
  .public-profile-name h2{font-size:18px}
  .public-profile-bio{font-size:10px!important;margin-top:10px!important}
  .public-profile-shell .profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-profile-shell .profile-detail-grid>div{padding:9px}
  .public-profile-shell .profile-actions .btn{flex-basis:calc(50% - 4px);padding:10px 8px}
  .public-badge-row{gap:5px}
}
@media(max-width:360px){
  .public-profile-cover,.host-profile-cover{height:132px!important}
  .public-profile-shell .profile-detail-grid{grid-template-columns:1fr}
  .public-profile-shell .profile-actions .btn{flex-basis:100%}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}
}
@media(max-width:720px){
  .live-grid .live-card:nth-child(n+7),
  .stack>.event-card:nth-child(n+5),
  .gallery-grid>.gallery-item:nth-child(n+7){content-visibility:auto;contain-intrinsic-size:240px}
}

/* Goemon V0.9.4 · Host Analytics layout + profile route fix */
.analytics-page{display:grid;gap:18px;padding:2px 0 8px;min-width:0}
.analytics-page>.section-head{margin:4px 2px 0}
.analytics-page>.panel,.analytics-page>.notice,.analytics-page>.analytics-mobile-grid{margin:0}
.analytics-head small{display:block;margin-top:5px;color:var(--muted);font-size:10px}
.analytics-period-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px}
.analytics-period-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.analytics-period-tabs button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:850;padding:9px 13px;border-radius:10px;cursor:pointer}
.analytics-period-tabs button.active{background:var(--text);color:var(--bg)}
.analytics-period-control{display:flex;align-items:center;gap:8px;min-width:0}
.analytics-period-control .compact-input,.analytics-period-control .compact-select{min-width:150px;max-width:200px}
.analytics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.analytics-kpi-grid .mini-stat{min-height:82px;padding:14px 12px;display:flex;flex-direction:column;justify-content:center}
.analytics-kpi-grid .mini-stat strong{font-size:19px;line-height:1.15}
.analytics-kpi-grid .mini-stat small{margin-top:6px;line-height:1.35}
.analytics-section{padding:18px}
.analytics-section .section-mini-title{margin-bottom:14px}
.analytics-audience-bars,.popularity-components{display:grid;gap:12px}
.analytics-audience-bars>div,.popularity-components>div{margin-top:0}
.analytics-audience-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.analytics-audience-cards span{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);font-size:9px;color:var(--muted);text-align:center}
.analytics-audience-cards b{font-size:14px;color:var(--text)}
.popularity-score-line{display:flex;align-items:baseline;gap:5px;margin:4px 0 16px}
.popularity-score-line strong{font-size:32px;line-height:1}.popularity-score-line span{font-size:12px;font-weight:900;color:var(--muted)}.popularity-score-line small{margin-left:auto;color:var(--muted);font-size:9px}
.analytics-note{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.analytics-period-chart{min-height:145px;overflow-x:auto;overflow-y:hidden;gap:7px;padding:14px 2px 8px;scrollbar-width:thin;justify-content:flex-start}
.analytics-period-chart>div{min-width:28px;flex:1 0 28px;max-width:46px}
.analytics-period-chart>div small{writing-mode:horizontal-tb;transform:none;white-space:nowrap;font-size:8px;overflow:hidden;text-overflow:ellipsis}
.analytics-trend-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.analytics-trend-legend span{padding:6px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:9px;color:var(--muted)}
.analytics-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analytics-quality-grid>div{padding:14px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);min-width:0}.analytics-quality-grid small,.analytics-quality-grid strong{display:block}.analytics-quality-grid small{font-size:8px;color:var(--muted);line-height:1.4}.analytics-quality-grid strong{margin-top:6px;font-size:15px;overflow-wrap:anywhere}
.analytics-supporters-panel .history-row,.analytics-streams-panel .history-row{padding-block:12px}
.analytics-stream-row>span{text-align:right;font-size:10px}.analytics-stream-row>span small{font-size:8px;color:var(--muted)}
.analytics-footnote{margin:0}

.edit-profile-head small{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}
.edit-profile-media{padding:0!important;overflow:hidden;max-width:680px;margin-inline:auto}
.edit-banner-preview{width:100%;aspect-ratio:16/6;min-height:150px;max-height:260px;background:linear-gradient(135deg,#312244,#171626);overflow:hidden;position:relative;border-bottom:1px solid var(--line)}
.edit-banner-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 35%}
.edit-banner-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;color:rgba(255,255,255,.72)}
.edit-banner-empty svg{width:27px;height:27px}.edit-banner-empty small{font-size:9px}
.edit-avatar-block{display:flex;align-items:center;gap:12px;padding:14px 16px 12px;min-width:0}
.edit-avatar-preview{width:76px;height:76px;flex:0 0 76px;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#4b3560,#26253d);border:3px solid var(--surface);font-size:22px;font-weight:900;color:#fff}
.edit-avatar-preview img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.edit-profile-identity{min-width:0}.edit-profile-identity strong,.edit-profile-identity small{display:block;overflow-wrap:anywhere}.edit-profile-identity strong{font-size:14px}.edit-profile-identity small{margin-top:4px;font-size:8px;color:var(--muted)}
.edit-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 14px}
.edit-upload-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch;min-width:0}
.edit-file-picker{display:flex;align-items:center;gap:9px;padding:10px;border:1px dashed var(--line);border-radius:12px;background:var(--surface2);cursor:pointer;min-width:0;overflow:hidden;position:relative;touch-action:manipulation}
.edit-file-input,.native-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:pointer;z-index:5;font-size:100px}
.native-file-picker:active{transform:scale(.995)}
.edit-file-picker>svg{width:19px;height:19px;flex:none}.edit-file-picker span{min-width:0}.edit-file-picker strong,.edit-file-picker small{display:block}.edit-file-picker strong{font-size:9px}.edit-file-picker small{margin-top:3px;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.edit-upload-box .btn{white-space:nowrap;padding-inline:12px}.edit-upload-box .btn:disabled{opacity:.45;cursor:not-allowed}
.edit-media-hint{padding:0 16px 14px;color:var(--muted);font-size:8px;line-height:1.55}
.edit-profile-summary{max-width:680px;margin-inline:auto}.edit-profile-summary>p{margin:10px 0;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}

html[data-theme="light"] .analytics-period-tabs button.active{background:#24202e;color:#fff}
html[data-theme="light"] .edit-avatar-preview{border-color:#fff}

@media(max-width:560px){
  .analytics-page{gap:14px}
  .analytics-section{padding:15px}
  .analytics-period-panel{display:block;padding:13px}
  .analytics-period-control{margin-top:10px;align-items:stretch}.analytics-period-control .compact-input,.analytics-period-control .compact-select{flex:1;min-width:0;max-width:none}
  .analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .analytics-kpi-grid .mini-stat{min-height:76px;padding:12px 10px}
  .analytics-kpi-grid .mini-stat strong{font-size:17px}
  .analytics-audience-cards,.analytics-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .popularity-score-line{flex-wrap:wrap}.popularity-score-line small{width:100%;margin-left:0}
  .edit-banner-preview{aspect-ratio:16/7;min-height:128px}
  .edit-avatar-block{padding:12px}.edit-avatar-preview{width:68px;height:68px;flex-basis:68px;border-radius:19px}
  .edit-upload-grid{grid-template-columns:1fr;padding:0 12px 12px}.edit-media-hint{padding:0 12px 12px}.edit-upload-box{grid-template-columns:minmax(0,1fr) auto}.edit-file-picker small{max-width:160px}
}
@media(max-width:360px){
  .analytics-period-tabs{width:100%}.analytics-period-tabs button{flex:1;padding-inline:7px}
  .analytics-period-control{align-items:stretch}.analytics-period-control .btn{padding-inline:9px}
  .edit-banner-preview{min-height:112px}.edit-avatar-block{align-items:flex-start}.edit-avatar-preview{width:62px;height:62px;flex-basis:62px}
  .edit-upload-box{grid-template-columns:1fr}.edit-upload-box .btn{width:100%}.edit-file-picker small{max-width:220px}
}


/* Goemon V0.9.4 · frontend spacing polish */
.form{gap:14px}
.field{gap:7px;min-width:0}
.field>span{font-size:9px;line-height:1.35;margin-left:1px;letter-spacing:.01em}
.field input,.field textarea,.field select,.search-box{min-height:44px;padding:12px 13px;line-height:1.4}
.field textarea{min-height:96px}
.field-grid{gap:12px}
.profile-form-section{gap:14px;margin-top:12px;padding-top:15px}
.form>.btn,.form>.inline-actions{margin-top:2px}
.form>.muted,.form>small.muted,.field small{line-height:1.55}
.section-head{margin-top:20px;margin-bottom:11px}
.panel>.section-mini-title{line-height:1.35}
.modal-sheet .form{gap:13px}
.modal-sheet h3{margin-bottom:14px}
.auth-shell .panel .form{gap:13px}
.analytics-page .history-row>div{min-width:0}
.analytics-page .history-row strong,.analytics-page .history-row small{overflow-wrap:anywhere}
@media(max-width:560px){
  .form{gap:13px}
  .field{gap:6px}
  .field input,.field textarea,.field select,.search-box{min-height:43px;padding:11px 12px}
  .field-grid{gap:11px}
  .section-head{margin-top:18px;margin-bottom:10px}
  .analytics-page .history-row{gap:10px}
}


/* Goemon V0.9.5 · profile banner true-color rendering */
.public-profile-cover img,.host-profile-cover img,.member-profile-cover img,.edit-banner-preview img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.public-cover-shade,.host-cover-shade{display:none!important;background:none!important}

/* V0.9.6: true-color home slider. No image overlay/brightness layer. */
.banner-slider{box-shadow:none!important}
.cms-banner-bg{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.cms-banner:before,.cms-banner:after{content:none!important;display:none!important;background:none!important}
.cms-banner-shade{display:none!important;opacity:0!important;background:none!important}
.cms-banner-copy h1,.cms-banner-copy p,.cms-banner-copy .eyebrow{text-shadow:0 1px 3px rgba(0,0,0,.55)}

/* Goemon V0.10.0 · Live FX filters + synced stickers */
.live-fx-overlay{position:absolute;z-index:7;inset:0;pointer-events:none;display:flex;padding:8% 7%;align-items:flex-start;justify-content:flex-end;overflow:hidden}
.live-fx-overlay.fx-top_left{align-items:flex-start;justify-content:flex-start}.live-fx-overlay.fx-top_center{align-items:flex-start;justify-content:center}.live-fx-overlay.fx-top_right{align-items:flex-start;justify-content:flex-end}
.live-fx-overlay.fx-center{align-items:center;justify-content:center}.live-fx-overlay.fx-bottom_left{align-items:flex-end;justify-content:flex-start}.live-fx-overlay.fx-bottom_center{align-items:flex-end;justify-content:center}.live-fx-overlay.fx-bottom_right{align-items:flex-end;justify-content:flex-end}
.live-fx-sticker{display:block;max-width:55%;max-height:42%;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));animation:liveFxPop .24s ease-out}.live-fx-emoji{line-height:1;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3));animation:liveFxPop .24s ease-out}
@keyframes liveFxPop{from{opacity:0;transform:scale(.72) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}
#liveFxBtn{display:inline-flex;align-items:center;gap:5px}#liveFxBtn .ui-icon{width:14px;height:14px}
.live-fx-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fx-choice{border:1px solid var(--line);background:var(--surface2);border-radius:14px;padding:9px 6px;display:grid;place-items:center;gap:6px;min-width:0;cursor:pointer}.fx-choice.active{border-color:#9f8cff;box-shadow:0 0 0 2px rgba(123,97,255,.12)}.fx-choice strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fx-filter-dot,.fx-sticker-dot,.fx-sticker-thumb{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.fx-filter-dot{background:linear-gradient(135deg,#ff7aa8,#8065ff 58%,#38d8e9);font-size:9px;font-weight:950;color:#fff}.fx-sticker-dot{background:#0f0e17;font-size:26px}.fx-sticker-thumb{object-fit:contain;background:#0f0e17}
@media(max-width:420px){.room-bottom{flex-wrap:wrap}.room-chat-status{flex:1 0 100%}.live-fx-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.live-fx-overlay{padding:10% 6%}}

/* Goemon V0.11.1 · Game Center */
.bottom-nav.nav-six{grid-template-columns:repeat(6,1fr)!important;padding-left:4px;padding-right:4px}.bottom-nav.nav-six .nav-icon{width:32px}.bottom-nav.nav-six small{font-size:8.6px}.game-hero{border-radius:24px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.16),transparent 22%),linear-gradient(135deg,#4d2f78,#ff4f8b);min-height:140px;box-shadow:0 18px 40px rgba(77,47,120,.2)}.game-hero .eyebrow{font-size:8px;letter-spacing:.14em;font-weight:900;opacity:.72}.game-hero h1{margin:5px 0;font-size:25px}.game-hero p{max-width:420px;margin:0;font-size:9px;line-height:1.5;color:rgba(255,255,255,.78)}.game-level-orb{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:rgba(10,8,20,.28);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);flex:none}.game-level-orb span,.game-level-orb strong{display:block;text-align:center}.game-level-orb span{font-size:8px;font-weight:900;letter-spacing:.12em}.game-level-orb strong{font-size:26px;line-height:.9}.game-wallet-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.game-wallet-strip>div{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:11px}.game-wallet-strip span,.game-wallet-strip strong{display:block}.game-wallet-strip span{font-size:7.5px;color:var(--muted);font-weight:800}.game-wallet-strip strong{font-size:14px;margin-top:4px}.game-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.game-card.maintenance{opacity:.7}.game-card-art{height:138px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.1),transparent 34%),linear-gradient(145deg,#251936,#151421)}.game-card-art>span{font-size:64px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))}.game-card-art i{position:absolute;left:10px;top:10px;font-size:6.8px;font-style:normal;font-weight:950;letter-spacing:.11em;padding:5px 7px;border-radius:99px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.08)}.game-card-copy{padding:12px}.game-card-copy>strong{font-size:13px}.game-card-copy p{min-height:38px;font-size:8px;line-height:1.45;color:var(--muted);margin:5px 0 10px}.game-card-stats{display:flex;gap:12px;margin-bottom:10px}.game-card-stats span{font-size:7.5px;color:var(--muted)}.game-card-stats b{color:var(--text)}.game-achievements{display:grid;gap:0}.game-achievement{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.game-achievement:last-child{border-bottom:0}.game-achievement>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#211d2c;font-size:20px}.game-achievement strong,.game-achievement small{display:block}.game-achievement strong{font-size:10px}.game-achievement small{font-size:7.5px;color:var(--muted);margin-top:3px}.game-rank-tabs{grid-template-columns:repeat(4,1fr)}.game-rank-list{display:grid;gap:5px}.game-rank-row{display:flex;align-items:center;gap:9px;padding:8px 4px;border-bottom:1px solid var(--line)}.game-rank-row>b{width:24px;font-size:9px}.game-rank-row strong,.game-rank-row small{display:block}.game-rank-row strong{font-size:9px}.game-rank-row small{font-size:7px;color:var(--muted)}.game-rank-row>span{font-size:11px;font-weight:900}.game-play-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.game-play-head .round-btn{transform:rotate(180deg)}.game-play-head h2{margin:2px 0 0;font-size:15px}.game-mini-balance{margin-left:auto;text-align:right}.game-mini-balance span,.game-mini-balance strong{display:block}.game-mini-balance span{font-size:7px;color:var(--muted)}.game-mini-balance strong{font-size:12px}.game-stage{padding:10px;overflow:hidden}.game-ready{text-align:center;padding:34px 16px}.game-ready-icon{font-size:72px}.game-ready h2{margin:8px 0 6px;font-size:22px}.game-ready p{max-width:420px;margin:0 auto 14px;font-size:9px;line-height:1.55;color:var(--muted)}.game-rules{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:18px}.game-rules span{font-size:7.5px;padding:7px 9px;border-radius:99px;background:#211e2c;border:1px solid var(--line)}.game-ready small{display:block;margin-top:9px;font-size:7px;color:var(--muted)}.game-hud{display:flex;justify-content:space-between;align-items:center;padding:7px 6px 9px;font-size:9px;font-weight:850}.game-hud b{font-size:13px}.game-stage canvas{display:block;width:100%;height:auto;max-height:calc(100vh - 250px);aspect-ratio:360/500;border-radius:16px;background:#111;touch-action:none}.game-control-note{display:block;text-align:center;font-size:7px;color:var(--muted);padding-top:7px}.game-result{text-align:center;padding:36px 16px}.game-result-icon{font-size:62px}.game-result h1{font-size:34px;margin:5px 0 16px}.game-result p{font-size:9px;color:var(--muted)}.game-reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 16px}.game-reward-grid>div{padding:11px;border-radius:14px;background:#11101a;border:1px solid var(--line)}.game-reward-grid span,.game-reward-grid strong{display:block}.game-reward-grid span{font-size:7px;color:var(--muted)}.game-reward-grid strong{font-size:15px;margin-top:4px}.game-unlock{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0 0 16px}.game-unlock span{padding:7px 9px;border-radius:99px;background:rgba(255,200,91,.1);border:1px solid rgba(255,200,91,.18);font-size:8px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h3{margin:2px 0 0}.modal-close{border:0;background:transparent;color:var(--text)}
html[data-theme="light"] .game-card-art{background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.6),transparent 35%),linear-gradient(145deg,#eee7f8,#f8f6fb)}html[data-theme="light"] .game-reward-grid>div,html[data-theme="light"] .game-rules span{background:#f3f0f7}
@media(max-width:420px){.game-card-grid{grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:118px 1fr}.game-card-art{height:100%;min-height:160px}.game-card-art>span{font-size:50px}.game-wallet-strip>div{padding:9px 7px}.game-wallet-strip span{font-size:6.7px}.game-wallet-strip strong{font-size:12px}.game-hero{padding:17px}.game-level-orb{width:62px;height:62px;border-radius:20px}.bottom-nav.nav-six .nav-icon{width:29px}.bottom-nav.nav-six .nav-icon .ui-icon{width:19px;height:19px}.bottom-nav.nav-six small{font-size:7.6px}}

/* Goemon V0.11.2 · Mobile UI polish */
:root{
  --text-strong:#fbfaff;
  --text-soft:#b8b4c4;
  --muted-strong:#aaa5b7;
  --tap:44px;
}
html[data-theme="light"]{
  --text-strong:#17151d;
  --text-soft:#625e6b;
  --muted-strong:#716c7a;
}
body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.section-head h2,.panel h1,.panel h2,.panel h3,.profile-menu-item strong,.account-dropdown strong,.game-card-copy>strong,.live-info strong{color:var(--text-strong)}
.section-head .eyebrow,.panel p,.panel small,.profile-menu-item small,.account-dropdown small,.game-card-copy p,.game-card-stats span,.game-achievement small,.game-rank-row small,.game-ready p,.game-ready small,.game-control-note,.game-result p,.live-info small{color:var(--text-soft)}
.muted,.field>span,.edit-profile-head small,.edit-profile-identity small,.analytics-note{color:var(--muted-strong)!important}

/* Slider is intentionally image-only: CMS title/subtitle/CTA are not rendered on the home banner. */
.banner-slider{border-radius:22px;background:var(--surface);border-color:var(--line);overflow:hidden;touch-action:pan-y}
.banner-track{scroll-snap-type:x mandatory;scroll-behavior:smooth}
.cms-banner{height:auto!important;aspect-ratio:16/7;min-width:100%;padding:0!important;display:block!important;background:linear-gradient(135deg,#24202f,#14131d);cursor:default;overflow:hidden}
.cms-banner.is-clickable{cursor:pointer}
.cms-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0!important;display:block}
.cms-banner-copy,.banner-cta{display:none!important}
.banner-dots{right:12px;bottom:10px;gap:5px;pointer-events:auto}
.banner-dots button{width:6px;height:6px;background:rgba(255,255,255,.52);box-shadow:0 1px 5px rgba(0,0,0,.2)}
.banner-dots button.active{width:20px;background:#fff}

/* Five-item member navigation: larger, calmer tap targets. */
.bottom-nav.nav-six{grid-template-columns:repeat(5,1fr)!important;padding-left:8px;padding-right:8px}
.bottom-nav button{min-width:var(--tap);min-height:54px;border-radius:14px;transition:color .16s ease,background-color .16s ease,transform .12s ease}
.bottom-nav button:active{transform:scale(.96)}
.bottom-nav .nav-icon{display:grid;place-items:center;width:30px;height:27px;border-radius:10px;transition:background-color .16s ease,transform .16s ease}
.bottom-nav button.active .nav-icon{background:rgba(255,255,255,.07);transform:translateY(-1px)}
html[data-theme="light"] .bottom-nav button.active .nav-icon{background:rgba(70,55,105,.08)}

/* App-like interaction: tactile without permanent GPU-heavy layers. */
.round-btn,.profile-dot,.btn,.profile-menu-item,.account-dropdown>button,.chip,.live-card,.event-card,.game-card{transition:transform .14s ease,border-color .16s ease,background-color .16s ease,opacity .16s ease}
.round-btn:active,.profile-dot:active,.btn:active,.profile-menu-item:active,.account-dropdown>button:active,.chip:active,.live-card:active,.event-card:active{transform:scale(.975)}
.screen-enter{animation:goemon-screen-in .18s ease-out both}
@keyframes goemon-screen-in{from{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Cleaner light/dark surfaces and readable secondary text. */
.account-dropdown>button,.profile-menu-item{color:var(--text);border-color:var(--line)}
.account-dropdown>button:hover,.account-dropdown>button:focus,.profile-menu-item:hover{background:var(--surface2)}
html[data-theme="light"] .account-dropdown>button,html[data-theme="light"] .profile-menu-item{color:var(--text)}
html[data-theme="light"] .account-dropdown>button:hover,html[data-theme="light"] .account-dropdown>button:focus,html[data-theme="light"] .profile-menu-item:hover{background:#f4f2f7}

@media(max-width:720px){
  :root{--header:60px;--nav:68px}
  .app-header{min-height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;gap:7px}
  .app-screen{padding:10px 10px calc(var(--nav) + 18px + env(safe-area-inset-bottom))}
  .bottom-nav{height:calc(var(--nav) + env(safe-area-inset-bottom));padding:5px 7px env(safe-area-inset-bottom)}
  .bottom-nav small{font-size:9.5px;line-height:1.1}
  .header-actions{gap:5px}
  .round-btn,.profile-dot{width:35px;height:35px;border-radius:12px}
  .account-dropdown{right:8px;top:calc(54px + env(safe-area-inset-top));width:min(330px,calc(100vw - 16px));border-radius:18px}
  .account-dropdown>button{min-height:50px;padding:10px 12px}
  .profile-menu-item{min-height:58px;padding:10px}
  .panel{border-radius:18px}
  .banner-slider{border-radius:18px;margin-inline:0}
  .cms-banner{aspect-ratio:16/7.4}
  .section-head{margin-left:1px;margin-right:1px}
}
@media(max-width:390px){
  .app-screen{padding-left:8px;padding-right:8px}
  .header-actions{gap:4px}
  .round-btn,.profile-dot{width:33px;height:33px}
  .bottom-nav{padding-left:4px;padding-right:4px}
  .bottom-nav small{font-size:9px}
  .cms-banner{aspect-ratio:16/7.8}
}
@media(prefers-reduced-motion:reduce){
  .banner-track{scroll-behavior:auto}
  .screen-enter{animation:none}
  .round-btn,.profile-dot,.btn,.profile-menu-item,.account-dropdown>button,.chip,.live-card,.event-card,.bottom-nav button,.bottom-nav .nav-icon{transition:none}
}

/* Goemon V0.12.0 · Performance Core */
.quality-pill{display:inline-flex;align-items:center;margin-left:7px;padding:3px 6px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.06em;vertical-align:middle}
.live-card,.event-card,.rank-row,.game-card,.notification-row{content-visibility:auto;contain-intrinsic-size:auto 180px}
.live-thumb img,.event-card img,.cms-banner-bg,.avatar-media img{will-change:auto}
html.data-saver .screen-enter{animation-duration:.08s!important}
html.data-saver .banner-track{scroll-behavior:auto!important}
html.data-saver .live-card,html.data-saver .event-card,html.data-saver .game-card{box-shadow:none!important}
html.data-saver .live-fx-overlay{filter:none!important}
html.data-saver .cms-banner-bg,html.data-saver .live-thumb img,html.data-saver .event-card img{image-rendering:auto}
html.data-saver .quality-pill{border-color:rgba(255,200,91,.25);background:rgba(255,200,91,.08);color:#f4c65d}
@media(max-width:480px){.quality-pill{font-size:6.7px;padding:3px 5px}.live-card,.event-card,.game-card{contain-intrinsic-size:auto 160px}}

/* Goemon V0.12.6 Android profile picker stabilization */
.edit-upload-status{margin:0 16px 12px;padding:10px 12px;border-radius:11px;font-size:9px;line-height:1.45;background:var(--surface2);border:1px solid var(--line);color:var(--muted)}
.edit-upload-status.ready,.edit-upload-status.success{color:var(--safe);border-color:rgba(67,214,157,.28);background:rgba(67,214,157,.08)}
.edit-upload-status.error{color:#ff9aad;border-color:rgba(255,92,117,.28);background:rgba(255,92,117,.08)}
.edit-upload-status.loading{color:#c8bbff;border-color:rgba(123,97,255,.28);background:rgba(123,97,255,.08)}
.quick-native-picker{position:relative;display:flex;align-items:center;gap:10px;min-height:60px;padding:12px;border:1px dashed var(--line);border-radius:14px;background:var(--surface2);overflow:hidden}
.quick-native-picker>svg{width:22px;height:22px;flex:none}.quick-native-picker strong,.quick-native-picker small{display:block}.quick-native-picker small{color:var(--muted);margin-top:3px}
.quick-native-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:3;cursor:pointer;font-size:100px}
@media(max-width:560px){.edit-upload-box{grid-template-columns:1fr}.edit-upload-box .btn{width:100%}.edit-file-picker{min-height:58px}}


/* Goemon V0.13.0 · Live UI V2
   Immersive mobile-first live room. Keeps provider lifecycle isolated from overlays. */
html.live-immersive,
html.live-immersive body{
  height:100%;
  min-height:100%;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#000!important;
}
html.live-immersive body{position:fixed;inset:0;width:100%}
.live-immersive-app{
  width:min(100%,720px)!important;
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  background:#000!important;
  box-shadow:none!important;
}
html.live-immersive .app-header,
html.live-immersive .bottom-nav{display:none!important}
html.live-immersive .app-screen{
  width:100%;
  height:100dvh!important;
  min-height:100dvh!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
}
html.live-immersive .toast{
  bottom:calc(104px + env(safe-area-inset-bottom))!important;
  z-index:110;
}
.live-join-loading{
  min-height:100dvh;
  display:grid;
  place-items:center;
  background:#050509;
  color:rgba(255,255,255,.68);
}
.video-page.live-v2{
  width:100%;
  height:100dvh;
  min-height:100dvh;
  margin:0!important;
  position:relative;
  overflow:hidden;
  background:#000;
  color:#fff;
}
.live-v2 .video-stage{
  width:100%;
  height:100dvh!important;
  min-height:0!important;
  max-height:none!important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#020204;
  contain:layout paint;
}
.live-v2 .provider-room,
.live-v2 .zego-room{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  background:#020204!important;
  transform:translateZ(0);
}
.live-v2 #liveRoom>div{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
}
.live-v2 #liveRoom video,
.live-v2 #liveRoom canvas,
.live-v2 .provider-media,
.live-v2 .hms-peer video{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  background:#020204!important;
  transform:translateZ(0);
}
.live-v2 .provider-room .local-media{transform:translateZ(0) scaleX(-1)}
.live-video-shade{
  position:absolute;
  z-index:4;
  left:0;
  right:0;
  pointer-events:none;
}
.live-video-shade-top{
  top:0;
  height:26%;
  background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.18) 48%,transparent);
}
.live-video-shade-bottom{
  bottom:0;
  height:44%;
  background:linear-gradient(0deg,rgba(0,0,0,.80),rgba(0,0,0,.34) 48%,transparent);
}
.live-v2 .video-fallback{
  z-index:6;
  background:radial-gradient(circle at 50% 34%,rgba(123,97,255,.22),transparent 32%),#08070d;
  transition:opacity .2s ease,visibility .2s ease;
}
.live-v2 .video-fallback.is-leaving{opacity:0;visibility:hidden}
.live-connect-card{
  min-width:min(280px,82vw);
  display:grid;
  justify-items:center;
  gap:7px;
  padding:20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:rgba(12,11,18,.74);
  box-shadow:0 18px 55px rgba(0,0,0,.24);
}
.live-connect-spinner{
  width:25px;
  height:25px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.18);
  border-top-color:#9d88ff;
  animation:goemonLiveSpin .8s linear infinite;
}
@keyframes goemonLiveSpin{to{transform:rotate(360deg)}}
.live-v2 .live-room-top{
  z-index:15;
  top:0;
  left:0;
  right:0;
  padding:max(12px,calc(env(safe-area-inset-top) + 8px)) 12px 0;
  align-items:flex-start;
  gap:10px;
}
.live-top-left{
  min-width:0;
  max-width:calc(100% - 52px);
  display:grid;
  gap:7px;
  pointer-events:none;
}
.live-v2 .host-chip{
  width:max-content;
  max-width:100%;
  min-height:44px;
  padding:5px 11px 5px 5px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(9,8,14,.48);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  transition:transform .16s ease,background-color .16s ease;
}
.live-v2 .host-chip:active{transform:scale(.98)}
.live-v2 .host-chip .mini-avatar{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.15);
}
.live-v2 .host-chip strong{
  max-width:min(220px,54vw);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10.5px;
  line-height:1.2;
}
.live-v2 .host-chip small{
  margin-top:2px;
  font-size:8px;
  color:rgba(255,255,255,.72);
}
.live-meta-row{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  overflow:hidden;
  pointer-events:none;
}
.live-meta-row>span{
  flex:none;
  height:21px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(8,7,13,.36);
  color:rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-size:7px;
  font-weight:850;
  white-space:nowrap;
}
.live-meta-row .live-now-pill{
  border-color:rgba(255,79,139,.25);
  background:linear-gradient(105deg,rgba(255,79,139,.88),rgba(194,62,142,.84));
  color:#fff;
  letter-spacing:.06em;
}
.live-now-pill i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.12);
}
.live-meta-row .live-title-pill{
  min-width:0;
  max-width:min(250px,52vw);
  overflow:hidden;
  text-overflow:ellipsis;
}
.live-v2 .close-room{
  flex:none;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(8,7,13,.48);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  transition:transform .14s ease,background-color .14s ease;
}
.live-v2 .close-room:active{transform:scale(.94);background:rgba(20,18,28,.72)}
.live-v2 .close-room .ui-icon{width:18px;height:18px}
.live-control-dock{
  position:absolute;
  z-index:16;
  left:10px;
  right:10px;
  bottom:max(9px,calc(env(safe-area-inset-bottom) + 7px));
  display:grid;
  gap:7px;
  pointer-events:none;
}
.live-room-status{
  width:max-content;
  max-width:100%;
  min-height:24px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:3px 7px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(8,7,13,.34);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  color:rgba(255,255,255,.76);
  font-size:7.5px;
  font-weight:750;
  pointer-events:none;
}
.live-room-status>span{display:inline-flex;align-items:center;gap:5px}
.live-room-status .online-dot{
  width:7px;
  height:7px;
  margin:0;
  border-radius:50%;
  background:#43d69d;
  box-shadow:0 0 0 4px rgba(67,214,157,.10);
}
.live-room-status .quality-pill{
  margin:0;
  padding:2px 5px;
  border-color:rgba(255,255,255,.11);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.66);
  font-size:6.4px;
}
.live-actions{
  width:100%;
  display:grid;
  grid-template-columns:repeat(var(--live-action-count,5),minmax(0,1fr));
  gap:7px;
  pointer-events:auto;
}
.live-action{
  min-width:0;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  color:#fff;
  background:rgba(16,14,24,.54);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
  cursor:pointer;
  touch-action:manipulation;
  transition:transform .13s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease;
}
.live-action>span{display:grid;place-items:center;flex:none}
.live-action .ui-icon{width:17px;height:17px}
.live-action small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
  font-weight:850;
}
.live-action:active{transform:scale(.96)}
.live-action:disabled{opacity:.48;pointer-events:none}
.live-action-gift{
  border-color:rgba(255,126,182,.30);
  background:linear-gradient(120deg,rgba(235,60,137,.92),rgba(173,67,205,.88));
}
.live-action-end{
  border-color:rgba(255,92,117,.20);
  background:rgba(105,25,41,.62);
  color:#ffb7c3;
}
.live-chat-overlay{
  position:absolute!important;
  z-index:13;
  left:10px;
  right:10px;
  bottom:calc(91px + env(safe-area-inset-bottom));
  width:auto;
  max-width:none;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none;
}
.live-chat-overlay .chat-v2-head{display:none}
.live-chat-overlay .chat-v2-list{
  width:min(84%,410px);
  max-height:min(24dvh,190px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:5px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  padding:6px 2px 4px 0;
  pointer-events:auto;
  mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 100%);
}
.live-chat-overlay .chat-v2-list::-webkit-scrollbar{display:none}
.live-chat-overlay .chat-v2-row{
  width:max-content;
  max-width:100%;
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(6,5,10,.38);
  color:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.10);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.live-chat-overlay .chat-v2-row.pinned{
  border-color:rgba(255,200,91,.24);
  background:rgba(62,43,16,.38);
}
.live-chat-overlay .chat-v2-row strong{
  color:rgba(255,255,255,.64);
  font-size:7.3px;
}
.live-chat-overlay .chat-v2-row span{
  margin-top:2px;
  color:#fff;
  font-size:9px;
  line-height:1.35;
}
.live-chat-overlay .chat-actions{
  margin-top:4px;
  justify-content:flex-start;
  opacity:.72;
}
.live-chat-overlay .chat-actions button{
  border-color:rgba(255,255,255,.10);
  color:rgba(255,255,255,.72);
  background:rgba(0,0,0,.16);
}
.live-chat-overlay .chat-pinned-wrap{display:contents}
.live-chat-overlay .chat-replying{
  width:min(84%,410px);
  margin:0 0 5px;
  padding:6px 8px;
  border-radius:10px;
  background:rgba(10,9,16,.56);
  color:rgba(255,255,255,.74);
  pointer-events:auto;
}
.live-chat-overlay .chat-v2-form{
  width:100%;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  margin:3px 0 0;
  pointer-events:auto;
}
.live-chat-overlay .chat-v2-form input{
  min-height:42px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  padding:0 14px;
  background:rgba(12,10,18,.52);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  color:#fff;
  outline:none;
  font-size:9px;
}
.live-chat-overlay .chat-v2-form input::placeholder{color:rgba(255,255,255,.54)}
.live-chat-overlay .chat-v2-form .btn{
  min-width:62px;
  min-height:42px;
  border-radius:999px;
  padding:0 13px;
  box-shadow:none;
}
.live-chat-overlay>.btn{
  width:max-content;
  pointer-events:auto;
  background:rgba(12,10,18,.56);
  border-color:rgba(255,255,255,.11);
  color:#fff;
}
.live-v2 .live-fx-overlay{z-index:8}
.live-v2 .video-stage.is-connected .live-room-top,
.live-v2 .video-stage.is-connected .live-control-dock,
.live-v2 .video-stage.is-connected .live-chat-overlay{animation:goemonLiveChromeIn .22s ease-out both}
@keyframes goemonLiveChromeIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
html.live-immersive .modal-backdrop{z-index:120}
html.live-immersive .gift-drawer{z-index:126}
html.live-immersive .drawer-backdrop{z-index:125}
html.live-immersive .modal-sheet,
html.live-immersive .gift-drawer{
  background:rgba(22,20,31,.98);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
@media(max-width:420px){
  .live-v2 .live-room-top{padding-inline:9px}
  .live-v2 .host-chip{min-height:42px;padding-right:9px}
  .live-v2 .host-chip .mini-avatar{width:32px;height:32px}
  .live-meta-row .live-title-pill{max-width:42vw}
  .live-control-dock{left:8px;right:8px;gap:6px}
  .live-actions{gap:5px}
  .live-action{
    height:47px;
    border-radius:14px;
    padding:0 5px;
    gap:4px;
  }
  .live-action .ui-icon{width:15px;height:15px}
  .live-action small{font-size:7.2px}
  .live-chat-overlay{
    left:8px;
    right:8px;
    bottom:calc(85px + env(safe-area-inset-bottom));
  }
  .live-chat-overlay .chat-v2-list{width:88%;max-height:min(21dvh,160px)}
  .live-chat-overlay .chat-v2-form input{min-height:40px}
  .live-chat-overlay .chat-v2-form .btn{min-height:40px;min-width:58px}
}
@media(max-height:650px){
  .live-meta-row .live-title-pill{display:none}
  .live-chat-overlay .chat-v2-list{max-height:110px}
}
@media(min-width:700px){
  .live-v2 .live-room-top{padding-inline:16px}
  .live-control-dock{left:16px;right:16px}
  .live-chat-overlay{left:16px;right:16px}
  .live-actions{max-width:520px;margin-left:auto}
}
html.data-saver.live-immersive .host-chip,
html.data-saver.live-immersive .close-room,
html.data-saver.live-immersive .live-meta-row>span,
html.data-saver.live-immersive .live-room-status,
html.data-saver.live-immersive .live-action,
html.data-saver.live-immersive .chat-v2-row,
html.data-saver.live-immersive .chat-v2-form input{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
@media(prefers-reduced-motion:reduce){
  .live-connect-spinner{animation-duration:1.5s}
  .live-v2 .video-stage.is-connected .live-room-top,
  .live-v2 .video-stage.is-connected .live-control-dock,
  .live-v2 .video-stage.is-connected .live-chat-overlay{animation:none}
  .live-action,.live-v2 .close-room,.live-v2 .host-chip,.live-v2 .video-fallback{transition:none}
}


/* Goemon V0.13.1 · form rhythm / readability polish */
.form{gap:16px}
.field{gap:8px;min-width:0}
.field>span{font-size:9.5px;line-height:1.4;margin:0 1px;font-weight:850}
.field input,.field textarea,.field select,.search-box{min-height:45px;padding:12px 13px;line-height:1.45}
.field textarea{min-height:100px}
.field small,.field .muted{display:block;margin-top:1px;line-height:1.55}
.field-grid{gap:14px 12px}
.form>.btn,.form>.inline-actions{margin-top:3px}
.form .terms-check{margin-top:1px;line-height:1.55}
.profile-form-section{gap:16px;margin-top:14px;padding-top:16px}
.modal-sheet .form,.auth-shell .panel .form{gap:15px}
@media(max-width:560px){
  .form{gap:14px}.field{gap:7px}.field-grid{gap:12px}.profile-form-section{gap:14px}
  .field input,.field textarea,.field select,.search-box{min-height:44px;padding:11px 12px}
}

/* Goemon V0.16.0 · missions, safety and engagement */
.mission-card{padding:12px 0;border-bottom:1px solid var(--line)}
.mission-card:last-child{border-bottom:0}.mission-head,.mission-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.mission-head>div{min-width:0}.mission-head strong,.mission-head small{display:block}.mission-head small{margin-top:4px;line-height:1.45;color:var(--muted)}.mission-foot{margin-top:8px}.mission-card .analytics-track{margin-top:9px}

/* Goemon V0.17.0 · Creator, Premium, Voice, Safety & Moments */
.creator-premium-status{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-style:dashed}
.creator-premium-status.is-enabled{border-style:solid;border-color:rgba(67,214,157,.22)}
.creator-premium-status h3,.premium-host-card h2{margin:4px 0 5px}.creator-premium-status p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.premium-split{display:grid;grid-template-columns:repeat(3,auto);gap:6px}.premium-split span{display:grid;gap:2px;min-width:74px;padding:8px 9px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:9px;color:var(--muted)}.premium-split b{color:var(--text);font-size:12px}
.creator-plan-list,.replay-list{display:grid;gap:8px}.creator-plan{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.creator-plan>div{min-width:0}.creator-plan strong,.creator-plan small{display:block}.creator-plan small{color:var(--muted);margin-top:4px;line-height:1.4}.creator-plan p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.moments-feed{display:grid;gap:14px}.moment-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.moment-media{aspect-ratio:9/14;background:#09080f}.moment-media video{width:100%;height:100%;object-fit:cover;display:block;background:#09080f}.moment-copy{padding:13px}.moment-host{display:flex;align-items:center;gap:9px;cursor:pointer}.moment-host h3,.moment-copy h3{margin:9px 0 4px;font-size:14px}.moment-copy p{margin:5px 0;color:var(--text);font-size:11px;line-height:1.55}.moment-copy small{color:var(--muted);font-size:9px}
.premium-host-card{display:flex;align-items:center;gap:14px}.premium-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.premium-benefit-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.premium-benefit-grid small,.premium-benefit-grid strong{display:block}.premium-benefit-grid small{color:var(--muted);font-size:9px}.premium-benefit-grid strong{margin-top:4px;font-size:13px}
.safety-case{padding:13px 0;border-bottom:1px solid var(--line)}.safety-case:last-child{border-bottom:0}.safety-case-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.safety-case p{font-size:11px;line-height:1.55}.safety-case>small{color:var(--muted)}
.live-caption-overlay{position:absolute;z-index:16;left:50%;bottom:calc(142px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(88%,620px);padding:9px 13px;border-radius:12px;background:rgba(0,0,0,.64);color:#fff;text-align:center;font-size:12px;line-height:1.45;font-weight:750;backdrop-filter:blur(8px);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.voice-room-stage .zego-room,.voice-room-stage .provider-room{background:radial-gradient(circle at 50% 35%,rgba(123,97,255,.24),transparent 30%),radial-gradient(circle at 25% 70%,rgba(255,79,139,.15),transparent 28%),#0b0b13}.voice-room-stage .provider-media.local-media{display:none}.voice-room-stage:before{content:'VOICE ROOM';position:absolute;z-index:1;left:50%;top:42%;transform:translate(-50%,-50%);font-size:12px;font-weight:950;letter-spacing:.18em;color:rgba(255,255,255,.32);pointer-events:none}
@media(max-width:560px){.creator-premium-status{display:grid}.premium-split{grid-template-columns:repeat(3,1fr)}.premium-split span{min-width:0}.live-caption-overlay{bottom:calc(134px + env(safe-area-inset-bottom));font-size:11px}.moment-media{aspect-ratio:9/13}}