:root{color-scheme:light;--bg: transparent;--panel: #ffffff;--border: #d8e0ec;--text: #1a2433;--muted: #5c6b82;--accent: #4b6fff;--accent-contrast: #ffffff;--danger: #e5485d;--success: #16a34a;--button-bg: #eef2f8;--input-bg: #ffffff;--list-item-bg: #f8fafc;--chat-bubble-bg: #f1f5f9;--tab-bar-bg: rgba(255, 255, 255, .96);--progress-bar-bg: #e2e8f0;--content-max: 1200px;--nav-home: #4b6fff;--nav-bulletin: #0d9488;--nav-chat: #8b5cf6;--nav-live: #ef4444;--nav-plans: #f59e0b;--nav-me: #64748b;--plan-standard: #0d9488;--plan-twoshot: #8b5cf6;--muted-subtle: #666666;--card-border: #e0e0e0;--card-shadow: 0 2px 12px rgba(26, 36, 51, .06);--card-shadow-hover: 0 6px 24px rgba(26, 36, 51, .1);--plan-hostlive: #f59e0b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#dceefb;color:var(--text);min-height:100dvh}a{color:var(--accent);text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:var(--button-bg);color:var(--text)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}input,textarea,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text)}.app-shell{min-height:100dvh;width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column}.app-content{flex:1;display:flex;flex-direction:column;min-width:0}.app-main{flex:1;width:100%;padding:16px 16px 88px}.app-sidebar{display:none}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--content-max);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--tab-bar-bg);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -4px 24px #1a24330f}@media(min-width:768px){.app-shell{flex-direction:row;align-items:stretch}.app-sidebar{display:flex;flex-direction:column;flex:0 0 var(--sidebar-width);position:sticky;top:0;height:100dvh;padding:24px 16px;border-right:1px solid var(--border);background:var(--panel)}.sidebar-brand{margin-bottom:24px}.sidebar-logo{display:block;font-size:1.1rem;font-weight:700;color:var(--text)}.sidebar-user{display:block;margin-top:4px;font-size:.8rem}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{display:block;padding:10px 14px;border-radius:10px;color:var(--muted);font-size:.95rem;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--button-bg);color:var(--text)}.sidebar-link.active{font-weight:600}.sidebar-link.nav-home.active{background:#4b6fff1f;color:var(--nav-home)}.sidebar-link.nav-bulletin.active{background:#0d94881f;color:var(--nav-bulletin)}.sidebar-link.nav-chat.active{background:#8b5cf61f;color:var(--nav-chat)}.sidebar-link.nav-live.active{background:#ef44441f;color:var(--nav-live)}.sidebar-link.nav-plans.active{background:#f59e0b24;color:var(--nav-plans)}.sidebar-link.nav-me.active{background:#64748b24;color:var(--nav-me)}.sidebar-link.nav-home:hover{color:var(--nav-home)}.sidebar-link.nav-bulletin:hover{color:var(--nav-bulletin)}.sidebar-link.nav-chat:hover{color:var(--nav-chat)}.sidebar-link.nav-live:hover{color:var(--nav-live)}.sidebar-link.nav-plans:hover{color:var(--nav-plans)}.sidebar-link.nav-me:hover{color:var(--nav-me)}.sidebar-link:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;vertical-align:middle;opacity:.55}.sidebar-link.nav-home:before{background:var(--nav-home)}.sidebar-link.nav-bulletin:before{background:var(--nav-bulletin)}.sidebar-link.nav-chat:before{background:var(--nav-chat)}.sidebar-link.nav-live:before{background:var(--nav-live)}.sidebar-link.nav-plans:before{background:var(--nav-plans)}.sidebar-link.nav-me:before{background:var(--nav-me)}.sidebar-link.active:before{opacity:1}.app-main{padding:28px 32px 32px}.tab-bar{display:none}.app-shell--centered{flex-direction:column;max-width:480px;padding-top:48px}.app-shell--centered .app-main{padding:24px 28px 32px}}.tab-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;color:var(--muted);padding:6px 4px;border-radius:8px;border-top:3px solid transparent;transition:color .15s,background .15s,border-color .15s}.tab-link.nav-home.active{color:var(--nav-home);background:#4b6fff1a;border-top-color:var(--nav-home)}.tab-link.nav-bulletin.active{color:var(--nav-bulletin);background:#0d94881a;border-top-color:var(--nav-bulletin)}.tab-link.nav-chat.active{color:var(--nav-chat);background:#8b5cf61a;border-top-color:var(--nav-chat)}.tab-link.nav-live.active{color:var(--nav-live);background:#ef44441a;border-top-color:var(--nav-live)}.tab-link.nav-plans.active{color:var(--nav-plans);background:#f59e0b1f;border-top-color:var(--nav-plans)}.tab-link.nav-me.active{color:var(--nav-me);background:#64748b1f;border-top-color:var(--nav-me)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #1a24330a}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.meta{color:var(--muted);font-size:.85rem}.error{color:var(--danger);font-size:.9rem}.list-item{display:block;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--list-item-bg);margin-bottom:10px;color:inherit}.list-item h3{margin:0 0 6px;font-size:1rem}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;background:#4b6fff1f;color:var(--accent)}.page-title{margin:0 0 4px;font-size:1.5rem;font-weight:700}.page-header{margin-bottom:20px}.page-subtitle{margin:0;font-size:.875rem;color:var(--muted-subtle)}.stack{display:grid;gap:12px}.chat-log{max-height:280px;overflow:auto;display:grid;gap:8px}.chat-bubble{padding:8px 10px;border-radius:10px;background:var(--chat-bubble-bg);border:1px solid var(--border);font-size:.9rem}.video-stage{position:relative;background:#0f172a;border-radius:12px;overflow:hidden;aspect-ratio:9 / 16;max-height:min(72vh,900px);width:100%}.video-stage-wrap{position:relative;width:100%}.video-stage video{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:768px){.video-stage{aspect-ratio:16 / 9;max-height:min(78vh,860px);min-height:420px}}.banner{border-radius:12px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--border)}.banner-info{background:#4b6fff14;border-color:#4b6fff40}.banner-live-host-return{background:#ef44441a;border:1px solid rgba(239,68,68,.25);margin-bottom:12px}.host-return-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;padding:8px 14px;font-size:.875rem}.back-link,.live-room-back-link{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit;text-decoration:underline}.banner-warning{background:#fbbf2426;border-color:#d9770659;color:#92400e}.live-guest-audio-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;z-index:6}.live-guest-audio-banner .primary{flex-shrink:0}.banner-danger{background:#e5485d1a;border-color:#e5485d59}.banner-success{color:var(--success);font-size:.9rem;margin:0}.segmented{margin-bottom:12px}.segmented button{flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:100}.modal{width:min(480px,100%);max-height:85dvh;overflow:auto;margin:0}.mosaic-overlay{margin-top:12px}.mosaic-overlay-guest-remaining{margin:0;font-size:.85rem;font-weight:700;color:#ec4899}.mosaic-video-mask{position:absolute;z-index:3;border-radius:8px;pointer-events:none;overflow:hidden;background:transparent}.mosaic-video-mask--host-preview{outline:1px dashed rgba(255,255,255,.45)}.mosaic-video-mask-canvas{display:block;width:100%;height:100%}.mosaic-video-mask-label{position:absolute;left:6px;top:6px;font-size:.72rem;font-weight:700;color:#fff;background:#0000008c;padding:2px 6px;border-radius:6px}.mosaic-preparing-banner{position:absolute;inset:auto 12px 12px 12px;z-index:4;background:#ffffffeb;border-radius:10px;padding:8px 12px;font-size:.85rem;text-align:center}.mosaic-preparing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;background:linear-gradient(180deg,#000000d1,#0f172ae0);pointer-events:none}.mosaic-preparing-overlay-card{text-align:center;padding:24px 20px;max-width:88%}.mosaic-preparing-overlay-title{margin:0;color:#fff;font-size:1.05rem;font-weight:700;line-height:1.45}.mosaic-preparing-overlay-meta{margin:10px 0 0;color:#ffffffbf;font-size:.9rem}.host-mosaic-actions{gap:8px;flex-wrap:wrap}.host-mosaic-status{color:#ca8a04}.host-mosaic-help summary{cursor:pointer;font-size:.8rem;font-weight:600}.host-mosaic-help-table{margin:6px 0 0;padding:8px;font-size:.72rem;white-space:pre-wrap;background:#0f172a0a;border-radius:8px;overflow:auto}.mosaic-region-editor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.mosaic-region-handle{position:absolute;border:2px solid #f472b6;border-radius:8px;background:#f472b61f;cursor:move;touch-action:none}.mosaic-region-handle-label{position:absolute;top:4px;left:4px;font-size:.72rem;color:#fff;background:#0000008c;padding:2px 6px;border-radius:6px}.mosaic-region-resize{position:absolute;right:4px;bottom:4px;gap:4px}.mosaic-region-resize button{padding:2px 8px;min-width:0}.live-stamp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.live-stamp-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:.72rem}.live-stamp-btn-phrase{display:block;max-width:100%;font-size:.62rem;font-weight:700;line-height:1.2;text-align:center;color:var(--text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-stamp-btn-emoji{font-size:1.25rem;line-height:1}.live-stamp-btn-cost{color:var(--text-secondary)}.stamp-fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.stamp-fx{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.stamp-fx-content{display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent}.stamp-fx-image,.live-stamp-image.stamp-fx-image{width:min(28vw,130px);height:min(28vw,130px);object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));background:transparent}.stamp-fx-phrase{margin:0;max-width:min(70vw,240px);padding:8px 16px;border-radius:999px;font-size:clamp(.85rem,3.2vw,1.05rem);font-weight:700;line-height:1.25;text-align:center;color:#fff;background:linear-gradient(90deg,#ec4899,#f97316);box-shadow:0 6px 16px #ec489959;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stamp-fx--fall{animation:stamp-fx-fall 2s ease-out forwards;transform:translate(calc(-50% + var(--stamp-offset-x, 0%)),-120%)}.stamp-fx--centerFade{animation:stamp-fx-center-fade 2s ease-out forwards;transform:translate(calc(-50% + var(--stamp-offset-x, 0%)),-40%) scale(.55)}@keyframes stamp-fx-fall{0%{opacity:0;transform:translate(calc(-50% + var(--stamp-offset-x, 0%)),-120%) rotate(calc(var(--stamp-rotate, 0deg) * -1)) scale(.55)}15%{opacity:1}55%{opacity:1;transform:translate(calc(-50% + var(--stamp-offset-x, 0%) + var(--stamp-sway, 0px)),-8%) rotate(var(--stamp-rotate, 0deg)) scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--stamp-offset-x, 0%) - var(--stamp-sway, 0px)),18%) rotate(calc(var(--stamp-rotate, 0deg) * -.5)) scale(1.05)}}@keyframes stamp-fx-center-fade{0%{opacity:0;transform:translate(calc(-50% + var(--stamp-offset-x, 0%)),-36%) scale(.5) rotate(calc(var(--stamp-rotate, 0deg) * -.6))}18%{opacity:1;transform:translate(calc(-50% + var(--stamp-offset-x, 0%)),-42%) scale(1.15) rotate(var(--stamp-rotate, 0deg))}55%{opacity:1;transform:translate(calc(-50% + var(--stamp-offset-x, 0%) + var(--stamp-sway, 0px)),-48%) scale(1.2) rotate(calc(var(--stamp-rotate, 0deg) * .4))}to{opacity:0;transform:translate(calc(-50% + var(--stamp-offset-x, 0%) - var(--stamp-sway, 0px)),-55%) scale(1.05) rotate(0)}}.live-room-chat-tip-announcement{text-align:center;padding:6px 8px}.live-room-chat-tip-announcement p{margin:0;font-weight:700;color:#dba82e;line-height:1.4;word-break:break-word}.live-room--guest-mobile-immersive .live-room-chat-tip-announcement p{color:#f0c14b;text-shadow:0 1px 3px rgba(0,0,0,.55)}.stamp-toast-stack{position:absolute;top:12px;right:12px;z-index:6;display:grid;gap:8px;max-width:min(240px,70%)}.stamp-toast{display:flex;gap:8px;align-items:center;padding:8px 10px;animation:stamp-toast-in .25s ease}.stamp-toast-emoji{font-size:1.5rem}.live-stamp-image,.stamp-toast-image{width:48px;height:48px;object-fit:contain;flex-shrink:0}.live-stamp-btn .live-stamp-image{width:40px;height:40px}.live-guide-link{font-size:.85rem;font-weight:600;color:var(--accent);white-space:nowrap}.live-guide-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.live-guide-mascot{width:96px;height:auto;object-fit:contain;flex-shrink:0}.live-guide-banner{display:flex;gap:10px;align-items:flex-start}.live-guide-banner p{margin:0}.live-guide-card-header{display:flex;align-items:center;gap:10px}.live-guide-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:#fff;font-size:1rem;flex-shrink:0}.live-guide-card-title{margin:0;font-size:1rem}.live-guide-summary,.live-guide-body{margin:8px 0 0;color:var(--text-secondary);font-size:.92rem;line-height:1.55;white-space:pre-line}.live-guide-more-link{display:inline-block;margin-top:8px;font-size:.85rem;font-weight:600;color:var(--accent)}.live-prep-page .live-prep-header{display:grid;gap:8px}.badge-prep{background:#facc15;color:#422006}.live-prep-layout{gap:12px}.live-prep-preview{min-height:42dvh}.live-prep-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000059;color:#fff}.live-prep-start-btn{width:100%;background:#dc2626;border-color:#dc2626}.live-prep-voice-note{font-size:.8rem;line-height:1.45}.voice-preview-panel{background:#ffffff8c}.voice-preview-status{margin:0;color:#15803d;font-weight:600}.guest-rating-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:16px;background:#0f0a1e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guest-rating-dialog{width:min(100%,420px);max-height:min(92dvh,720px);overflow:auto}.guest-rating-title{margin:0 0 12px;text-align:center;font-size:1.05rem}.guest-rating-host{text-align:center;margin-bottom:12px}.guest-rating-avatar{width:72px;height:72px;margin:0 auto 8px;border-radius:999px;display:grid;place-items:center;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-pink, #e879a8));color:#fff}.guest-rating-host-name{margin:0;font-weight:700}.guest-rating-star-row{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.guest-rating-star{border:none;background:transparent;font-size:1.35rem;line-height:1;color:var(--text-secondary);opacity:.35;padding:2px;cursor:pointer}.guest-rating-star--filled{color:#facc15;opacity:1}.guest-rating-slider-label{display:grid;gap:4px;margin-top:10px}.guest-rating-score{margin:8px 0 0;text-align:center;color:var(--accent);font-size:1.25rem}.guest-rating-actions .primary{width:100%}@keyframes stamp-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.voice-changer-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.voice-changer-slider{gap:8px;align-items:center}.voice-changer-slider input[type=range]{flex:1}.live-poll-options{display:grid;gap:6px}.live-poll-compose{padding:10px;border-radius:12px;border:1px dashed rgba(75,111,255,.35);background:#4b6fff0a}.live-poll-field{display:grid;gap:6px}.live-poll-field-label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--text)}.live-poll-edit-icon{font-size:.85rem;line-height:1}.live-poll-field-input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--input-bg);color:var(--text)}.live-poll-field-input--editable{border-color:#4b6fff73;background:#fff;box-shadow:inset 0 0 0 1px #4b6fff14}.live-poll-field-input--editable:focus{outline:2px solid rgba(75,111,255,.35);outline-offset:1px}.live-poll-options-edit{margin:0;padding:10px;border:1px solid rgba(75,111,255,.2);border-radius:10px;background:#ffffffb8}.live-poll-options-edit legend{padding:0 4px}.live-poll-option-field{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;margin-top:8px}.live-poll-option-field:first-of-type{margin-top:4px}.live-poll-option-index{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;font-size:.72rem;font-weight:700;color:var(--accent);background:#4b6fff1f}.live-poll-add-option{align-self:start}.live-poll-option{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:8px 10px}.live-poll-option--voted{border-color:var(--accent);background:#3b82f614}.host-guest-select{list-style:none;margin:0;padding:0;display:grid;gap:6px}.host-guest-select label{display:flex;align-items:center;gap:8px;color:var(--text)}.host-guest-select .live-chat-author{flex:1;min-width:0}.host-mic-mute-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer}.host-mic-mute-btn--muted{border-color:#22c55e73;background:#22c55e14;color:#15803d}.host-mic-mute-btn:disabled{opacity:.5;cursor:not-allowed}.host-mic-mute-btn-icon{font-size:1rem;line-height:1}.live-room-chat-host-note{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px}.progress-bar{height:8px;border-radius:999px;background:var(--progress-bar-bg);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tip-grid button{padding:8px 6px;font-size:.85rem}a.primary{display:inline-block;text-align:center;padding:10px 14px;border-radius:10px;background:var(--accent);color:var(--accent-contrast);font-weight:600}.plans-current{margin-bottom:16px}.plans-grid{display:grid;gap:12px;margin-bottom:16px}.plan-card{position:relative;background:var(--panel);border:2px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #1a24330d}.plan-card--light,.plan-card--standard{border-top:4px solid var(--plan-standard)}.plan-card--premium,.plan-card--hostLive{border-top:4px solid var(--plan-hostlive)}.plan-card--twoShot{border-top:4px solid var(--plan-twoshot)}.plan-card--current{box-shadow:0 0 0 2px #4b6fff40}.plan-card-badge{position:absolute;top:12px;right:12px;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:999px;background:#4b6fff1f;color:var(--accent)}.plan-card-title{margin:0;font-size:1.2rem}.plan-card-price{margin:0;font-size:1.75rem;font-weight:700;color:var(--text)}.plan-card-price-note{font-size:.95rem;font-weight:500;color:var(--muted)}.plan-card-intro-price{margin:0;font-size:.95rem;font-weight:700;color:var(--accent)}.bank-transfer-amount{margin:0;font-size:1rem}.bank-transfer-amount strong{font-size:1.2rem}.plan-features{margin:0;padding-left:1.2rem;font-size:.9rem;color:var(--muted);flex:1}.plan-features li{margin-bottom:6px}.plan-card-cta{width:100%;margin-top:auto}.plan-card--light .plan-card-cta,.plan-card--standard .plan-card-cta{background:var(--plan-standard);border-color:var(--plan-standard)}.plan-card--premium .plan-card-cta,.plan-card--hostLive .plan-card-cta{background:var(--plan-hostlive);border-color:var(--plan-hostlive)}.plan-card--twoShot .plan-card-cta{background:var(--plan-twoshot);border-color:var(--plan-twoshot)}.plan-card-note{margin:0}.plans-footer,.live-room-header{margin-bottom:12px}.badge-live{background:#ef44441f;color:var(--nav-live)}.live-room-layout{display:grid;gap:16px}.live-room-title{margin:0;font-size:1.05rem}.panel--flush{padding-bottom:12px}.live-room-controls{display:grid;gap:8px}.live-room-leave{width:100%;padding:8px 12px;font-size:.875rem}.live-room-chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.live-room-chat-title{margin:0;flex:1;min-width:0}.live-room-settings-toggle{flex:0 0 auto;width:36px;height:36px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--panel);font-size:1.1rem;line-height:1;cursor:pointer}.live-room-settings-toggle--active{border-color:var(--accent);background:#ec48991a}.live-room-host-settings{max-height:min(60dvh,520px);overflow-y:auto}.live-room--host .live-room-layout{grid-template-columns:minmax(0,1fr)}.live-room--host .live-room-sidebar{position:static;top:auto;max-height:none;width:100%}.live-room--host .live-room-main{min-width:0}.live-room--host .live-room-chat,.live-room--host .live-room-host-settings .panel,.live-room--host .live-room-chat .compact-list{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.live-room--host .live-room-chat{padding-left:0;padding-right:0}.live-room--host .live-room-chat-host-note{border-top:none;padding-top:8px}.live-room--host .live-room-settings-toggle{background:transparent;border-color:#5c6b8259}.live-room--host .live-room-settings-toggle--active{background:#ec489914}.live-room-chat{display:flex;flex-direction:column;min-height:0}.live-room-chat-log{flex:1;min-height:0;overflow-y:auto}.live-room-chat-input-wrap{position:relative;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.live-room-chat-form{display:flex;gap:8px;align-items:stretch}.live-room-chat-form input{flex:1;min-width:0}.live-room-tip-toggle,.live-room-chat-send{flex:0 0 auto;width:40px;height:40px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.live-room-tip-toggle{border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#f97316,#ec4899);color:#fff}.live-room-tip-toggle--active{box-shadow:0 0 0 2px #ec489959}.live-room-tip-toggle-icon{font-size:1rem;line-height:1}.live-room-chat-send{border:none;background:#0f172abf;color:#fff}.live-room-chat-send:disabled{opacity:.45;cursor:not-allowed}.live-room-chat-send-icon{font-size:1rem;line-height:1;transform:rotate(-10deg)}.live-room-tip-popover{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:20;max-height:min(52dvh,420px);overflow-y:auto}.live-tip-panel--popover{box-shadow:0 12px 32px #0f172a2e;border:1px solid var(--border)}.live-tip-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.live-tip-panel-close{flex:0 0 auto;width:28px;height:28px;padding:0;border-radius:999px;border:1px solid var(--border);background:transparent;font-size:1.1rem;line-height:1;cursor:pointer}.live-celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;pointer-events:none;overflow:hidden}.live-celebration-piece{position:absolute;opacity:.95;transform:translate(-50%,-50%) rotate(var(--start-rotation, 0deg));will-change:transform,opacity}.live-celebration-piece--circle{border-radius:999px}.live-celebration-piece--rect,.live-celebration-piece--strip{border-radius:2px}.live-celebration-piece--animate{animation-name:live-celebration-fall;animation-timing-function:linear;animation-fill-mode:forwards}.live-celebration-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);padding:16px 28px;border-radius:20px;background:#0f172a9e;border:3px solid #fbbf24;color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:.02em;text-align:center;box-shadow:0 0 24px #fbbf2473;animation:live-celebration-banner-pulse .55s ease-in-out infinite alternate}@keyframes live-celebration-fall{0%{transform:translate(-50%,-50%) translate(0) rotate(var(--start-rotation, 0deg));opacity:.95}to{transform:translate(-50%,-50%) translate(var(--drift-x, 0),var(--fall-y, 100vh)) rotate(var(--end-rotation, 360deg));opacity:.2}}@keyframes live-celebration-banner-pulse{0%{opacity:.82;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1.03)}}body.live-immersive-active .ambient-bg,body.live-immersive-active .tab-bar{display:none}body.live-immersive-active .app-sidebar{display:none!important}body.live-immersive-active .app-shell{max-width:none;margin:0}body.live-immersive-active .app-content{min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body.live-immersive-active .app-main{padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}body.live-immersive-active .app-main>.banner,body.live-immersive-active .app-main>.install-banner,body.live-immersive-active .app-main>.banner-live-host-return{display:none}.live-room--guest-mobile-immersive{--live-side-chat-width: min(38vw, 300px);min-height:100dvh;width:100%;background:#000;color:#f8fafc;overflow-x:hidden;overflow-y:visible}.live-room--guest-mobile-immersive .live-room-stage{position:relative;inset:auto;display:flex;flex-direction:column;overflow:visible;z-index:1;min-height:0}.live-room--guest-mobile-immersive .live-room-video-shell--immersive{position:relative;width:100%;height:100dvh;min-height:100dvh;flex-shrink:0;overflow:hidden}.live-room--guest-mobile-immersive .live-room-header--desktop,.live-room--guest-mobile-immersive .live-room-error,.live-room--guest-mobile-immersive .banner-warning,.live-room--guest-mobile-immersive .live-room-controls--desktop{display:none}.live-room--guest-mobile-immersive .live-room-video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.live-room--guest-mobile-immersive .video-stage{width:100%;height:100%;max-height:none;aspect-ratio:auto;background:#000;border-radius:0}.live-room--guest-mobile-immersive .video-stage video{width:100%;height:100%;object-fit:cover;background:#000}.live-room--guest-mobile-immersive .live-room-float-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.live-room--guest-mobile-immersive .live-room-float-layer>*{pointer-events:auto}.live-room--guest-mobile-immersive .live-room-float-host-badge{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:2;max-width:min(52vw,280px)}.live-room--guest-mobile-immersive .live-topfan-placement{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 72px);z-index:3;max-width:96px}.live-room--guest-mobile-immersive .live-topfan-placement--leading{left:max(12px,env(safe-area-inset-left))}.live-room--guest-mobile-immersive .live-topfan-placement--trailing{right:calc(var(--live-side-chat-width) + 8px)}.live-room--guest-mobile-immersive .live-room-float-top{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:5}.live-room--guest-mobile-immersive .live-room-side-chat{position:absolute;top:0;right:0;bottom:0;width:var(--live-side-chat-width);min-width:220px;z-index:5;display:flex;flex-direction:column;gap:0;min-height:0;padding-top:max(8px,env(safe-area-inset-top));padding-right:max(4px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));pointer-events:none}.live-room--guest-mobile-immersive .live-room-side-chat--log-only{padding-top:max(12px,env(safe-area-inset-top))}.live-room--guest-mobile-immersive .live-room-side-chat>*{pointer-events:auto}.live-room--guest-mobile-immersive .live-room-chat{flex:1;display:flex;flex-direction:column;min-height:0;height:100%;background:transparent;border:none;box-shadow:none;color:#f8fafc;padding:0 4px}.live-room--guest-mobile-immersive .live-room-side-chat--log-only .live-room-chat{justify-content:flex-end}.live-room--guest-mobile-immersive .live-room-chat-header{flex-shrink:0;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:4px 4px 6px;color:#fff}.live-room--guest-mobile-immersive .live-room-chat-title{margin:0;font-size:.72rem;color:#fff;flex:1 1 100%}.live-room--guest-mobile-immersive .live-room-chat-count{font-size:.68rem;color:#ffffffbf}.live-room--guest-mobile-immersive .live-room-chat-log{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent;border:none;border-radius:0;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 100%)}.live-room--guest-mobile-immersive .live-room-side-chat--log-only .live-room-chat-log{flex:0 1 auto;max-height:min(62dvh,420px)}.live-room--guest-mobile-immersive .live-room-chat .compact-item{padding:5px 4px;border-bottom:1px solid rgba(255,255,255,.1);background:transparent}.live-room--guest-mobile-immersive .live-room-chat .compact-item-header{font-size:.65rem;gap:4px}.live-room--guest-mobile-immersive .live-room-chat .compact-item-body p{margin:0;font-size:.74rem;line-height:1.45;word-break:break-word}.live-room--guest-mobile-immersive .live-room-chat .compact-empty,.live-room--guest-mobile-immersive .live-room-chat .compact-item-body,.live-room--guest-mobile-immersive .live-room-chat .compact-item-date,.live-room--guest-mobile-immersive .live-room-chat .meta,.live-room--guest-mobile-immersive .live-room-chat .community-author-name{color:#f8fafce6}.live-room--guest-mobile-immersive .live-room-chat-input-wrap{flex-shrink:0;margin-top:0;border-top:1px solid rgba(255,255,255,.12);padding:6px 4px}.live-room--guest-mobile-immersive .live-room-chat-form{gap:4px}.live-room--guest-mobile-immersive .live-room-chat-form input{background:#ffffff1f;color:#fff;border:none;min-height:32px;font-size:.75rem}.live-room--guest-mobile-immersive .live-room-tip-toggle,.live-room--guest-mobile-immersive .live-room-chat-send{width:32px;height:32px;border-radius:8px}.live-room--guest-mobile-immersive .live-room-chat-form input::placeholder{color:#ffffff8c}.live-room--guest-mobile-immersive .live-room-exit-btn{border:none;border-radius:999px;padding:8px 14px;font-size:.8125rem;font-weight:700;color:#fff;background:#dc2626eb;cursor:pointer}.live-room--guest-mobile-immersive .live-room-guest-below{position:relative;z-index:2;flex-shrink:0;width:100%;min-height:42dvh;padding:16px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(180deg,#111827,#0b1220);color:#f8fafc;border-top:1px solid rgba(255,255,255,.08)}.live-room--guest-mobile-immersive .live-room-guest-below-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.live-room--guest-mobile-immersive .live-room-guest-below-title h3{margin:0 0 4px;font-size:1rem;font-weight:700}.live-room--guest-mobile-immersive .live-room-guest-below-title .meta{margin:0;color:#f8fafcb3;font-size:.8rem}.live-room--guest-mobile-immersive .live-room-guest-below-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.live-room--guest-mobile-immersive .live-room-guest-comment-toggle{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;height:auto;min-height:36px;padding:8px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#ffffff29;color:#fff;font-size:.8125rem;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;box-shadow:0 1px 2px #00000040}.live-room--guest-mobile-immersive .live-room-guest-comment-toggle-icon{font-size:1rem;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.live-room--guest-mobile-immersive .live-room-guest-below .live-room-float-btn{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 12px;background:#ffffff14;color:#fff;font-size:.8rem;font-weight:600}.live-room--guest-mobile-immersive .live-room-guest-below .live-room-chat-input-wrap{border-top:none;padding:0;margin-top:4px}.live-room--guest-mobile-immersive .live-room-guest-below .live-room-chat-form{gap:8px}.live-room--guest-mobile-immersive .live-room-guest-below .live-room-chat-form input{min-height:44px;font-size:.9375rem;border-radius:10px;background:#ffffff1a;padding:0 12px}.live-room--guest-mobile-immersive .live-room-guest-below .live-room-tip-toggle,.live-room--guest-mobile-immersive .live-room-guest-below .live-room-chat-send{width:44px;height:44px;border-radius:10px}.live-room--guest-mobile-immersive .live-room-host-settings{display:none}.live-room--guest-mobile-immersive .live-room-video-shell--immersive>.mosaic-overlay{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:3;max-width:min(40vw,260px);background:#0f172a8c;border:1px solid rgba(255,255,255,.1);color:#f8fafc}.live-room--guest-mobile-immersive .live-guest-poll-overlay{bottom:max(12px,env(safe-area-inset-bottom));right:calc(var(--live-side-chat-width) + 12px);left:auto}@media(max-width:767px){.live-room--ios{min-height:100dvh;display:flex;flex-direction:column;background:#000;color:#f8fafc}.live-room--ios.live-room--portrait-blocked{min-height:100dvh;background:#000}.live-landscape-prompt{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;align-items:center;justify-content:center;background:#000;color:#fff;padding:32px;text-align:center}.live-room--portrait-blocked .live-landscape-prompt{display:flex}.live-landscape-prompt-inner{display:grid;gap:20px;justify-items:center;max-width:320px}.live-landscape-prompt-icon{color:#fff;opacity:.95}.live-landscape-prompt-title{margin:0;font-size:1.25rem;font-weight:700}.live-landscape-prompt-body{margin:0;font-size:.95rem;line-height:1.6;color:#ffffffb3}.live-prep-page--portrait-blocked{min-height:100dvh;background:#000}.live-prep-page--portrait-blocked .live-landscape-prompt{display:flex}.live-room--ios .live-room-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}}.live-guest-host-badge{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#0f172a8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.live-guest-host-badge-text{display:grid;gap:2px;min-width:0}.live-guest-host-badge-name{font-size:.75rem;font-weight:700;color:#fff}.live-guest-host-badge-room{font-size:.65rem;color:#ffffffbf}.live-guest-host-badge-live{width:100%;font-size:.65rem;font-weight:700;color:#fecaca}.live-draggable-placement{touch-action:none;cursor:grab}.live-draggable-placement:active{cursor:grabbing}.live-topfan-bar{background:#000000b8;border:1px solid rgba(255,193,7,.45);color:#fff}.live-topfan-bar--horizontal{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;max-width:min(92vw,520px)}.live-topfan-bar--vertical{display:grid;gap:8px;width:88px;padding:8px;border-radius:14px}.live-topfan-bar-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.live-topfan-label{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;color:#fb923c}.live-topfan-hide,.live-topfan-restore{border:none;background:#ffffff1f;color:#fff;border-radius:999px;padding:4px 6px;font-size:.65rem;cursor:pointer}.live-topfan-restore{background:#0000009e;border:1px solid rgba(251,146,60,.45);color:#fb923c;font-weight:700;padding:6px 10px}.live-topfan-scroll--horizontal{display:flex;gap:10px;overflow-x:auto;min-width:0}.live-topfan-scroll--vertical{display:grid;gap:8px;max-height:168px;overflow-y:auto}.live-topfan-slot{display:flex;align-items:center;gap:6px}.live-topfan-slot--vertical{flex-direction:column;text-align:center}.live-topfan-avatar-wrap{position:relative;display:inline-flex}.live-topfan-crown,.live-topfan-rank-num{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:700}.live-topfan-rank-num{background:#ffffff2e;border-radius:999px;padding:1px 4px;color:#fff}.live-topfan-meta{display:grid;gap:1px;min-width:0}.live-topfan-name{font-size:.65rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:88px}.live-topfan-amount{font-size:.6rem;font-weight:700}.live-topfan-empty{margin:0;font-size:.65rem;color:#ffffff8c}.live-room-float-btn{width:36px;height:36px;border:none;border-radius:999px;background:#00000073;color:#fff;font-size:1rem;cursor:pointer}.live-room-float-btn--sm{width:32px;height:32px;font-size:.85rem}.live-guest-poll-overlay,.live-guest-mission-overlay{position:absolute;z-index:6;pointer-events:none}.live-guest-poll-overlay{left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}.live-guest-mission-overlay{left:max(12px,env(safe-area-inset-left));top:calc(max(8px,env(safe-area-inset-top)) + 88px)}.live-guest-poll-overlay .live-draggable-placement,.live-guest-mission-overlay .live-draggable-placement{pointer-events:auto}.live-guest-overlay-card{width:min(228px,42vw);padding:8px 10px;border-radius:12px;background:#000000b8;border:1px solid rgba(255,255,255,.14);color:#fff;box-shadow:0 8px 24px #00000047}.live-guest-overlay-card--poll{border-color:#ec489973}.live-guest-overlay-card--mission{border-color:#fb923c8c}.live-guest-overlay-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.live-guest-overlay-label{font-size:.7rem;font-weight:700;color:#fb7185}.live-guest-overlay-card--mission .live-guest-overlay-label{color:#fb923c}.live-guest-overlay-collapse{border:none;background:#ffffff1f;color:#fff;width:22px;height:22px;border-radius:999px;cursor:pointer}.live-guest-overlay-question{margin:0 0 6px;font-size:.75rem;font-weight:700;line-height:1.35}.live-guest-overlay-meta,.live-guest-overlay-note{margin:0;font-size:.68rem;color:#ffffffc7}.live-guest-overlay-badge{border:none;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:700;color:#fff;cursor:pointer}.live-guest-overlay-badge--poll{background:#0000009e;border:1px solid rgba(236,72,153,.5)}.live-guest-overlay-badge--mission{background:#0000009e;border:1px solid rgba(251,146,60,.55)}.live-guest-poll-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.live-guest-poll-option{border:none;border-radius:8px;padding:8px 4px;font-size:.68rem;font-weight:700;color:#fff;background:#6366f1d9;cursor:pointer}.live-guest-poll-results{display:grid;gap:4px}.live-guest-poll-result{display:flex;justify-content:space-between;gap:8px;font-size:.68rem;color:#ffffffe0}.live-guest-poll-result--voted{color:#fde68a;font-weight:700}@media(max-width:767px)and (orientation:portrait){.live-room--guest:not(.live-room--immersive) .video-stage-wrap{display:flex;justify-content:center}.live-room--guest:not(.live-room--immersive) .video-stage{width:min(100%,27dvh);max-height:48dvh;aspect-ratio:9 / 16;margin-inline:auto}.live-room--guest:not(.live-room--immersive) .video-stage video{object-fit:contain;background:#0f172a}.live-room--guest:not(.live-room--immersive) .live-room-main{gap:10px}.live-room--guest:not(.live-room--immersive) .live-room-controls{padding:10px 12px}.live-room--guest:not(.live-room--immersive) .live-room-sidebar{gap:10px}.live-room--guest:not(.live-room--immersive) .live-room-chat{min-height:0}.live-room--guest:not(.live-room--immersive) .live-room-chat-log{max-height:32dvh;min-height:120px}.guest-portrait-hint-dismiss{flex-shrink:0}}@media(max-width:767px)and (orientation:landscape){.live-room--guest:not(.live-room--immersive){display:flex;flex-direction:column;min-height:0;max-height:100dvh;overflow:hidden}.live-room--guest:not(.live-room--immersive) .live-room-header{flex-shrink:0;margin-bottom:8px}.live-room--guest:not(.live-room--immersive) .live-room-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,34vw);gap:10px;align-items:stretch;min-height:0;overflow:hidden}.live-room--guest:not(.live-room--immersive) .live-room-main{min-height:0;overflow:hidden;gap:8px}.live-room--guest:not(.live-room--immersive) .video-stage-wrap{flex:1;min-height:0;display:flex;align-items:center}.live-room--guest:not(.live-room--immersive) .video-stage{aspect-ratio:16 / 9;max-height:100%;width:100%}.live-room--guest:not(.live-room--immersive) .video-stage video{object-fit:contain}.live-room--guest:not(.live-room--immersive) .live-room-controls{flex-shrink:0;padding:8px 10px}.live-room--guest:not(.live-room--immersive) .live-room-leave{padding:6px 10px}.live-room--guest:not(.live-room--immersive) .live-room-sidebar{min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;gap:8px}.live-room--guest:not(.live-room--immersive) .live-room-chat{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.live-room--guest:not(.live-room--immersive) .live-room-chat-log{flex:1;min-height:0;max-height:none;overflow-y:auto}.live-room--guest:not(.live-room--immersive) .live-room-chat-input-wrap{flex-shrink:0;margin-top:auto}.live-room--guest:not(.live-room--immersive) .live-room-tip-popover{max-height:min(40dvh,280px)}.live-room--guest:not(.live-room--immersive) .live-room-sidebar>.panel:not(.live-room-chat){display:none}}@media(max-width:767px){.live-room--host .live-room-sidebar{order:2}.live-room--host .live-room-chat{min-height:0}.live-room--host .live-room-chat-log{max-height:28dvh;min-height:100px}.live-room--host .live-room-host-settings{max-height:none}}.home-dashboard{display:grid;gap:16px}.web-ad-banner{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffffb8}.web-ad-banner-label,.web-ad-banner-note{margin:0;font-size:.72rem;color:var(--muted);text-align:center}.web-ad-banner-frame-wrap{width:100%;max-width:100%;overflow:hidden;border-radius:8px;background:#ffffff80}.web-ad-banner-frame-wrap--compact{min-height:250px;max-height:280px}.web-ad-banner-frame{display:block;width:100%;min-height:250px;border:0;background:transparent}.home-shortcuts{display:grid;gap:12px}.dashboard-grid{display:grid;gap:16px;grid-template-columns:1fr}.dashboard-card{display:flex;flex-direction:column;height:100%;min-height:140px;padding:20px 22px;background:var(--panel);border:1px solid var(--card-border);border-radius:14px;box-shadow:var(--card-shadow);color:inherit;position:relative;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}a.dashboard-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px);border-color:#cdd5e0}.dashboard-card-title{margin:0 0 10px;font-size:1.125rem;font-weight:700;color:var(--text);line-height:1.3}.dashboard-card-desc{margin:0;font-size:.875rem;color:var(--muted-subtle);line-height:1.5;flex:1}.dashboard-card-greeting{margin:0 0 12px;font-size:.95rem}.dashboard-card-meta{margin:0 0 12px;display:grid;gap:10px}.dashboard-card-meta div{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboard-card-meta dt{margin:0;font-size:.8125rem;color:var(--muted-subtle);font-weight:500}.dashboard-card-meta dd{margin:0;font-size:.875rem;font-weight:600}.dashboard-card-arrow{position:absolute;right:18px;bottom:18px;font-size:1.1rem;color:var(--muted);opacity:.5;transition:opacity .2s,transform .2s}a.dashboard-card:hover .dashboard-card-arrow{opacity:1;transform:translate(3px)}.dashboard-card--profile{border-left:4px solid var(--nav-home)}.dashboard-card--bulletin{border-left:4px solid var(--nav-bulletin)}.dashboard-card--chat{border-left:4px solid var(--nav-chat)}.dashboard-card--live{border-left:4px solid var(--nav-live)}.dashboard-card--plans{border-left:4px solid var(--nav-plans)}.install-banner{position:relative;display:flex;align-items:center;margin-bottom:16px;padding:10px 36px 10px 12px;background:#4b6fff12;border:1px solid rgba(75,111,255,.2);border-radius:10px}.install-banner-body{display:flex;align-items:center;gap:10px;min-width:0}.install-banner-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.install-banner-title{display:block;font-size:.8125rem;font-weight:700;color:var(--text);line-height:1.3}.install-banner-text{margin:2px 0 0;font-size:.75rem;color:var(--muted-subtle);line-height:1.35}.install-banner-close{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1}.install-url-hint{word-break:break-all}.install-url-hint a{font-weight:600}.onboarding-page{max-width:520px}.onboarding-step-title{margin:4px 0 0;font-size:1.05rem;font-weight:700;color:var(--text)}.onboarding-intro{display:grid;gap:12px;margin:12px 0 4px}.speech-bubble{margin:0;padding:12px 14px 14px;border-radius:14px;background:#ff8fb11f;border:1.5px solid rgba(255,143,177,.45);box-shadow:0 3px 8px #ff8fb11f;font-size:.92rem;line-height:1.55;color:var(--text)}.onboarding-mascot{display:flex;justify-content:flex-end;margin-top:4px;padding-right:8px}.onboarding-mascot-image{width:108px;height:auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.onboarding-overview{margin:8px 0 4px}.onboarding-plan-list{margin:0;padding-left:1.1rem;display:grid;gap:8px;font-size:.88rem;line-height:1.45}.onboarding-welcome-actions{justify-content:flex-end;gap:8px;margin-top:8px}.onboarding-welcome-actions .primary{flex:1;max-width:220px}.onboarding-age-warning,.onboarding-register-warning{border-width:1.5px}.onboarding-age-warning .error,.onboarding-register-warning .error{line-height:1.55;font-weight:700}.bank-transfer-card{gap:14px}.bank-user-id-box,.bank-reference-box{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#3b82f60f}.bank-user-id-label,.bank-reference-label{font-size:.82rem;color:var(--muted)}.bank-user-id-value,.bank-reference-value{font-size:1.2rem;line-height:1.4;word-break:break-all}.bank-transfer-warning{border-width:1.5px}.bank-copy-list{display:grid;gap:10px}.bank-copy-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#ffffff05}.bank-copy-row-main{min-width:0;display:grid;gap:4px}.bank-copy-row-label{font-size:.82rem;color:var(--muted)}.bank-copy-row-value{font-size:1rem;line-height:1.4;word-break:break-all}.bank-copy-btn{flex-shrink:0;min-width:88px}.bank-transfer-submit-btn{width:100%;min-height:48px}.bulletin-board{max-width:1000px}.bulletin-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.bulletin-search{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px 6px 14px;border:2px solid #0d9488;border-radius:12px;background:linear-gradient(180deg,#fff,#f0fdfa);box-shadow:0 0 0 3px #0d94881f,0 2px 8px #0d948814;transition:border-color .15s,box-shadow .15s}.bulletin-search:focus-within{border-color:#0f766e;box-shadow:0 0 0 4px #0d948833,0 4px 14px #0d948824}.bulletin-search--active{border-color:#0f766e;background:#fff}.bulletin-search-icon{flex-shrink:0;font-size:1.05rem;line-height:1;opacity:.85}.bulletin-search input[type=search]{flex:1;min-width:0;margin:0;height:40px;padding:0;border:none;border-radius:0;background:transparent;font-size:.9375rem;color:var(--text);box-shadow:none}.bulletin-search input[type=search]::placeholder{color:#5b7c7a;opacity:.9}.bulletin-search input[type=search]:focus{outline:none;box-shadow:none}.bulletin-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.bulletin-search-clear{flex-shrink:0;height:34px;padding:0 12px;border:1px solid rgba(13,148,136,.35);border-radius:8px;background:#ccfbf1;color:#0f766e;font-size:.8125rem;font-weight:700}.bulletin-search-clear:hover{background:#99f6e4}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bulletin-section-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0}.bulletin-section-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);font-size:.82rem;font-weight:600;color:var(--muted);white-space:nowrap;line-height:1.2;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.bulletin-section-tab:hover{background:var(--list-item-bg);color:var(--text)}.bulletin-section-tab-icon{font-size:1rem;line-height:1}.bulletin-section-tab.active{box-shadow:0 1px 4px #1a24331a}.bulletin-section-tab--all.active{background:#0d948824;color:var(--nav-bulletin);border-color:#0d948873}.bulletin-section-tab--plaza.active{background:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.bulletin-section-tab--advice.active{background:#fce7f3;color:#be185d;border-color:#f9a8d4}.bulletin-section-tab--hobby.active{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.bulletin-section-tab--host.active{background:#ffedd5;color:#c2410c;border-color:#fdba74}.bulletin-section-tab--region.active{background:#d1fae5;color:#047857;border-color:#6ee7b7}.bulletin-section-tab--adult.active{background:#ffe4e6;color:#9f1239;border-color:#fda4af}.bulletin-section-tab--custom.active{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.bulletin-category-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0}.bulletin-category-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:.78rem;font-weight:500;color:var(--muted);white-space:nowrap;line-height:1.2;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.bulletin-category-tab:hover{background:var(--list-item-bg);color:var(--text)}.bulletin-category-tab-icon{font-size:.95rem;line-height:1}.bulletin-category-tab-label{line-height:1.2}.bulletin-category-tab.active{font-weight:700;box-shadow:0 1px 3px #1a243314}.bulletin-category-tab--section-all.active{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.bulletin-category-tab--all.active{background:#0d948824;color:var(--nav-bulletin);border-color:#0d948873}.bulletin-category-tab--chat.active{background:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.bulletin-category-tab--news.active{background:#fef3c7;color:#b45309;border-color:#fcd34d}.bulletin-category-tab--intro.active{background:#ccfbf1;color:#0d9488;border-color:#5eead4}.bulletin-category-tab--anonymous.active{background:#f3f4f6;color:#4b5563;border-color:#d1d5db}.bulletin-category-tab--love.active{background:#fce7f3;color:#be185d;border-color:#f9a8d4}.bulletin-category-tab--life-advice.active{background:#dcfce7;color:#15803d;border-color:#86efac}.bulletin-category-tab--game.active{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.bulletin-category-tab--music.active{background:#f3e8ff;color:#7c3aed;border-color:#d8b4fe}.bulletin-category-tab--movie.active{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.bulletin-category-tab--anime.active{background:#ffedd5;color:#ea580c;border-color:#fdba74}.bulletin-category-tab--kanto.active{background:#d1fae5;color:#047857;border-color:#6ee7b7}.bulletin-category-tab--kansai.active{background:#ccfbf1;color:#0f766e;border-color:#5eead4}.bulletin-category-tab--host-recruit.active{background:#ffedd5;color:#c2410c;border-color:#fdba74}.bulletin-category-tab--host-review.active{background:#fef9c3;color:#a16207;border-color:#fde047}[class*=bulletin-category-tab--adult-].active{background:#ffe4e6;color:#9f1239;border-color:#fda4af}[class*=bulletin-thread-badge--adult-]{background:#ffe4e6;color:#9f1239}.bulletin-toolbar-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-shrink:0}.bulletin-new-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:8px;background:var(--accent);border:1px solid var(--accent);color:var(--accent-contrast);font-size:.875rem;font-weight:600;line-height:1;white-space:nowrap;transition:background .15s,opacity .15s}.bulletin-new-btn:hover{opacity:.9}.bulletin-new-btn--disabled{opacity:.45;cursor:not-allowed}.bulletin-toolbar-note{display:flex;align-items:center;font-size:.75rem;line-height:1.2;color:var(--muted-subtle);white-space:nowrap}.bulletin-thread-panel{border:1px solid var(--card-border);border-radius:8px;background:var(--panel);box-shadow:var(--card-shadow);overflow:hidden}.bulletin-thread-list{max-height:min(70vh,720px);overflow-y:auto}.bulletin-thread-header{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:12px;padding:5px 14px;background:#f4f6f9;border-bottom:1px solid #c5cdd8;font-size:.6875rem;font-weight:600;color:#4a5568;letter-spacing:.02em;position:sticky;top:0;z-index:1}.bulletin-thread-header span:last-child{text-align:right}.bulletin-thread-row{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:12px;padding:7px 14px;border-bottom:1px solid #eceff3;color:inherit;font-size:.875rem;line-height:1.35;transition:background .1s ease;min-height:34px}.bulletin-thread-row:last-child{border-bottom:none}.bulletin-thread-row:hover{background:#f0f4f9}.bulletin-thread-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.bulletin-thread-badge{flex-shrink:0;display:inline-block;padding:1px 7px;border-radius:4px;font-size:.6875rem;font-weight:600;line-height:1.5;background:#e8edf5;color:#4a5568}.bulletin-thread-badge--chat{background:#e0f2fe;color:#0369a1}.bulletin-thread-badge--news{background:#fef3c7;color:#b45309}.bulletin-thread-badge--intro{background:#ccfbf1;color:#0d9488}.bulletin-thread-badge--anonymous{background:#f3f4f6;color:#4b5563}.bulletin-thread-badge--love{background:#fce7f3;color:#be185d}.bulletin-thread-badge--life-advice{background:#dcfce7;color:#15803d}.bulletin-thread-badge--game{background:#ede9fe;color:#6d28d9}.bulletin-thread-badge--music{background:#f3e8ff;color:#7c3aed}.bulletin-thread-badge--movie{background:#fee2e2;color:#dc2626}.bulletin-thread-badge--anime{background:#ffedd5;color:#ea580c}.bulletin-thread-badge--kanto,.bulletin-thread-badge--kansai{background:#d1fae5;color:#047857}.bulletin-thread-badge--kansai{color:#0f766e;background:#ccfbf1}.bulletin-thread-badge--host-recruit{background:#ffedd5;color:#c2410c}.bulletin-thread-badge--host-review{background:#fef9c3;color:#a16207}.bulletin-thread-title{font-weight:600;font-size:.875rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulletin-thread-search-preview{flex:1 1 100%;width:100%;margin:0;font-size:.8125rem;color:var(--muted);line-height:1.45;word-break:break-word;white-space:normal}.bulletin-thread-row:has(.bulletin-thread-search-preview) .bulletin-thread-main{flex-wrap:wrap}.bulletin-thread-row:has(.bulletin-thread-search-preview) .bulletin-thread-title{white-space:normal;overflow:visible;text-overflow:unset}.bulletin-thread-meta{display:flex;align-items:center;gap:14px;flex-shrink:0;width:280px;justify-content:flex-end;font-size:.8125rem;color:var(--muted-subtle)}.bulletin-thread-responses{min-width:3.5em;text-align:right;font-variant-numeric:tabular-nums}.bulletin-thread-date{min-width:6.5em;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.bulletin-thread-author{min-width:5em;max-width:8em;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulletin-thread-empty{padding:24px 14px;text-align:center;margin:0}.bulletin-pagination{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:12px;margin-bottom:8px;padding:10px 8px;background:var(--panel);border:1px solid var(--card-border);border-radius:8px}.bulletin-pagination-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.bulletin-pagination-status{flex:1 1 auto;text-align:center;font-size:.8125rem;font-weight:600;color:var(--muted);white-space:nowrap}.bulletin-pagination-jumps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bulletin-pagination button{min-width:36px;padding:8px 12px;font-size:.8125rem;border-radius:6px}.bulletin-pagination-jumps button{width:100%;font-weight:600}.bulletin-pagination button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.bulletin-pagination button:disabled{opacity:.4;cursor:not-allowed}.panel--compact{padding:10px 12px;margin-bottom:10px}.stack--tight{display:grid;gap:8px}.page-header--compact{margin-bottom:12px}.inline-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.inline-toolbar input{flex:1;min-width:160px;margin:0;padding:8px 10px;height:36px}.inline-toolbar button{flex-shrink:0;height:36px;padding:0 14px}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border-radius:8px;font-size:.875rem;font-weight:600;border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast)}.badge--inline{margin-right:6px;vertical-align:middle}.compact-empty{margin:0;padding:16px 12px;text-align:center;font-size:.85rem;color:var(--muted-subtle)}.thread-op{background:var(--panel);border:1px solid var(--border);border-radius:8px}.thread-op-title{margin:4px 0 6px;font-size:1.15rem;font-weight:700;line-height:1.35}.thread-op-body{font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.thread-op-body--search-hit{padding:8px 10px;border-radius:6px;background:#4b6fff14;border:1px solid rgba(75,111,255,.18)}.compact-item--search-hit{background:#4b6fff0f;border-radius:8px}.thread-op-meta{margin:0;font-size:.8rem;color:var(--muted-subtle)}.thread-op-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:8px;padding-top:6px;border-top:1px solid var(--border)}.thread-op-fav{margin-left:auto;padding:4px 10px;font-size:.78rem;border-radius:6px}.thread-op-actions{display:flex;gap:8px;margin-top:8px}.thread-op-actions button{padding:6px 12px;font-size:.85rem}.compact-section-heading,.bulletin-comments-heading{margin:16px 0 6px;font-size:.95rem;font-weight:600}.compact-list,.bulletin-comment-list{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.compact-list--scroll{max-height:min(60vh,560px);overflow-y:auto}.compact-item,.bulletin-comment{padding:5px 10px;border-bottom:1px solid var(--border)}.compact-item:last-child,.bulletin-comment:last-child{border-bottom:none}.compact-item-header,.bulletin-comment-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px;font-size:.8rem;line-height:1.3;color:var(--muted)}.compact-item-num,.bulletin-comment-num{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.compact-item-author,.bulletin-comment-author{font-weight:600;color:var(--text)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent);font-weight:700;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.community-author{display:inline-flex;align-items:center;gap:8px;min-width:0;position:relative}.community-author-name{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-author-avatar-btn{position:relative;flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;border-radius:50%;line-height:0}.community-author-avatar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.community-author-avatar-btn.is-favorite .user-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-pink, #e91e8c) 55%,transparent)}.community-author-heart{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--panel);border:1px solid var(--border);font-size:9px;line-height:1;color:var(--muted-subtle);pointer-events:none}.community-author-avatar-btn.is-favorite .community-author-heart{color:var(--accent-pink, #e91e8c);border-color:color-mix(in srgb,var(--accent-pink, #e91e8c) 40%,var(--border))}.community-author-toast{position:absolute;left:0;top:calc(100% + 4px);z-index:2;padding:2px 8px;border-radius:6px;background:var(--text);color:var(--panel);font-size:.7rem;font-weight:500;white-space:nowrap;pointer-events:none}.bulletin-thread-row .community-author{max-width:9rem}.bulletin-thread-row .community-author-name{font-size:.8rem;font-weight:500;color:var(--muted)}.compact-item-date,.bulletin-comment-date{font-size:.75rem;color:var(--muted-subtle)}.compact-item-report,.bulletin-comment-report{margin-left:auto;padding:0;border:none;background:none;font-size:.72rem;color:var(--muted-subtle);cursor:pointer;opacity:.45}.compact-item-report:hover,.bulletin-comment-report:hover{color:var(--danger);text-decoration:underline;opacity:1}@media(hover:hover){.compact-item-report,.bulletin-comment-report{opacity:0}.compact-item:hover .compact-item-report,.thread-op:hover .compact-item-report,.bulletin-comment:hover .bulletin-comment-report{opacity:.55}.compact-item-report:hover,.bulletin-comment-report:hover{opacity:1}}.compact-item-body,.bulletin-comment-body{margin-top:2px;font-size:.9rem;line-height:1.45}.compact-item-body p,.bulletin-comment-body p{margin:0;white-space:pre-wrap;word-break:break-word}.compact-item-thumb,.bulletin-comment-thumb{display:block;margin-top:4px;padding:0;border:none;background:none;cursor:zoom-in;line-height:0}.compact-item-thumb img,.bulletin-comment-thumb img{display:block;max-width:180px;max-height:180px;width:auto;height:auto;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.compact-item-thumb:hover img,.bulletin-comment-thumb:hover img{opacity:.9}.compact-nav-list{border:1px solid var(--card-border);border-radius:8px;background:var(--panel);overflow:hidden;margin-bottom:12px}.compact-nav-header{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:12px;padding:5px 14px;background:#f4f6f9;border-bottom:1px solid #c5cdd8;font-size:.6875rem;font-weight:600;color:#4a5568;letter-spacing:.02em}.compact-nav-header span:last-child{text-align:right}.compact-nav-row{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:12px;padding:7px 14px;border-bottom:1px solid #eceff3;color:inherit;font-size:.875rem;line-height:1.35;transition:background .1s ease;min-height:34px}.compact-nav-row:last-child{border-bottom:none}a.compact-nav-row:hover{background:#f0f4f9}.compact-nav-title{font-weight:600;font-size:.875rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.compact-nav-meta{display:flex;align-items:center;gap:14px;flex-shrink:0;justify-content:flex-end;font-size:.8125rem;color:var(--muted-subtle)}.compact-nav-author{min-width:4em;max-width:8em;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-nav-stat{min-width:2.5em;text-align:right;font-variant-numeric:tabular-nums}.compact-nav-date{min-width:6.5em;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.image-lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172ae0;cursor:zoom-out}.image-lightbox-backdrop img{max-width:min(95vw,1200px);max-height:92vh;object-fit:contain;border-radius:4px;cursor:default}@media(max-width:767px){.compact-nav-header{display:none}.compact-nav-row{grid-template-columns:1fr;gap:4px;padding:9px 12px}.compact-nav-meta{justify-content:flex-start;gap:10px;font-size:.75rem}.compact-nav-author{max-width:none;text-align:left}.bulletin-thread-header{display:none}.bulletin-thread-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}.bulletin-thread-main{width:100%;align-items:flex-start;flex-wrap:wrap}.bulletin-thread-title{flex:1 1 8rem;min-width:0;white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word;line-height:1.4}.bulletin-thread-meta{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:10px;font-size:.75rem}.bulletin-thread-author{max-width:none;text-align:left}.bulletin-thread-row .community-author{max-width:none}.bulletin-toolbar-actions{justify-content:stretch;width:100%}.bulletin-toolbar{gap:8px}.bulletin-section-tabs,.bulletin-category-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px;margin:0 -4px;padding-left:4px;padding-right:4px}.bulletin-section-tab,.bulletin-category-tab{flex-shrink:0}.bulletin-new-btn{flex:1;justify-content:center}}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.dashboard-card{min-height:140px;padding:16px 18px}.home-dashboard{grid-template-columns:280px 1fr;align-items:start}.home-profile{grid-row:1 / -1}.home-shortcuts{grid-template-columns:repeat(2,1fr);gap:16px}.home-shortcuts .list-item{margin-bottom:0;min-height:100px;display:flex;flex-direction:column;justify-content:center}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.list-grid .list-item{margin-bottom:0}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.plans-grid--two{grid-template-columns:repeat(2,1fr);max-width:720px}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-room-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-room-video-wrap{position:relative;min-width:0}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-room-float-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-room-float-layer>*{pointer-events:auto}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-topfan-placement{position:absolute;top:12px;right:12px;z-index:4;max-width:min(92%,520px)}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-topfan-placement--leading{left:12px;right:auto}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-room-float-host-badge{position:absolute;top:12px;left:12px;z-index:2;max-width:min(60%,320px)}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-room-side-chat{position:sticky;top:16px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;min-height:0}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-room-chat{flex:1;display:flex;flex-direction:column;min-height:400px;max-height:calc(100dvh - 120px)}.live-room--ios:not(.live-room--guest-mobile-immersive) .live-room-chat-log{flex:1;max-height:none;min-height:200px;overflow-y:auto}.live-room--ios.live-room--host:not(.live-room--guest-mobile-immersive) .live-room-stage{grid-template-columns:minmax(0,1fr)}.live-room--ios.live-room--host:not(.live-room--guest-mobile-immersive) .live-room-side-chat{position:static;max-height:none}.live-room--guest-desktop .live-room-stage{grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto;align-items:stretch}.live-room--guest-desktop .live-room-video-wrap{grid-column:1;grid-row:1;min-height:min(78vh,860px);background:#000;border-radius:12px;overflow:hidden}.live-room--guest-desktop .video-stage{width:100%;height:100%;min-height:min(78vh,860px);max-height:none;aspect-ratio:auto;background:#000;border-radius:12px}.live-room--guest-desktop .video-stage video{width:100%;height:100%;object-fit:cover;background:#000}.live-room--guest-desktop .live-room-side-chat{grid-column:2;grid-row:1 / span 2;max-height:calc(100dvh - 120px)}.live-room--guest-desktop .live-room-chat-header{gap:8px}.live-room--guest-desktop .live-room-exit-btn{border:none;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:700;color:#fff;background:#dc2626d9;cursor:pointer}.live-room--guest-desktop .live-guest-poll-overlay{left:12px;bottom:12px;z-index:6}.live-room--guest-desktop .live-guest-mission-overlay{left:12px;top:96px;z-index:6}.live-room--guest-desktop .live-room-controls--desktop{grid-column:1;grid-row:2}.live-room-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.live-room-sidebar{position:sticky;top:16px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;min-height:0}.live-room-chat{flex:1;display:flex;flex-direction:column;min-height:400px;max-height:calc(100dvh - 120px)}.live-room-chat-log{flex:1;max-height:none;min-height:200px;overflow-y:auto}.live-room-chat .compact-list--scroll{max-height:none}.live-room--host .live-room-layout{grid-template-columns:minmax(0,1fr)}.live-room--host .live-room-sidebar{position:static;max-height:none}.live-room--host .live-room-chat{order:0;min-height:220px;max-height:min(36dvh,360px)}.live-room--host .live-room-chat-log{min-height:140px}.video-stage{max-height:min(80vh,900px);min-height:460px}.live-room-title{margin:0;font-size:1.15rem}}.host-rating-history-link{margin-top:4px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;text-decoration:none}.host-rating-average{text-align:right;color:#4338ca}.host-rating-average strong{font-size:1.25rem;display:block;line-height:1.1}.host-rating-guest-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.host-rating-guest-list li{display:flex;justify-content:space-between;gap:8px;font-size:.85rem}.host-rating-star{margin-left:2px;color:#eab308}.live-host-rating-teaser{margin-top:10px}.host-rating-session-card .compact-item-header{align-items:flex-start}:root{--ambient-opacity: .92;--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(255, 255, 255, .9);--border: rgba(255, 255, 255, .55);--tab-bar-bg: rgba(255, 255, 255, .82);--list-item-bg: rgba(255, 255, 255, .62);--chat-bubble-bg: rgba(255, 255, 255, .7);--input-bg: rgba(255, 255, 255, .88);--button-bg: rgba(255, 255, 255, .72);--bg: transparent}body{background:#dceefb}#root{position:relative;isolation:isolate;min-height:100dvh}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:var(--ambient-opacity)}.ambient-bg__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 70% at 15% 85%,rgba(255,182,210,.55) 0%,transparent 58%),radial-gradient(ellipse 75% 60% at 85% 15%,rgba(186,210,255,.6) 0%,transparent 55%),radial-gradient(ellipse 65% 55% at 55% 45%,rgba(210,190,255,.45) 0%,transparent 52%),radial-gradient(ellipse 50% 45% at 25% 35%,rgba(186,240,220,.4) 0%,transparent 50%),linear-gradient(145deg,#b8e4ff,#e8d4ff 38%,#ffd6e8 72%,#c8f0e0)}.ambient-bg__bokeh{position:absolute;top:0;right:0;bottom:0;left:0}.ambient-bg__bokeh-dot{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.15) 45%,transparent 70%);transform:translate(-50%,-50%)}.ambient-bg__waves{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.85}.ambient-bg__paws{position:absolute;top:0;right:0;bottom:0;left:0}.ambient-bg__paw{position:absolute;color:#ffffff4f;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}.app-main{position:relative}.app-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.58;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='rgba(255,255,255,0.25)'%3E%3Cellipse cx='16' cy='22' rx='7.5' ry='6.5'/%3E%3Ccircle cx='9' cy='12' r='3.2'/%3E%3Ccircle cx='16' cy='9' r='3.4'/%3E%3Ccircle cx='23' cy='12' r='3.2'/%3E%3Ccircle cx='26' cy='18' r='2.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='rgba(255,210,232,0.2)'%3E%3Cellipse cx='16' cy='22' rx='7.5' ry='6.5'/%3E%3Ccircle cx='9' cy='12' r='3.2'/%3E%3Ccircle cx='16' cy='9' r='3.4'/%3E%3Ccircle cx='23' cy='12' r='3.2'/%3E%3Ccircle cx='26' cy='18' r='2.6'/%3E%3C/g%3E%3C/svg%3E");background-size:116px 116px,148px 148px;background-position:4% 6%,76% 12%;background-repeat:repeat;mix-blend-mode:soft-light;-webkit-mask-image:linear-gradient(to bottom,#000000e6,#000000b8);mask-image:linear-gradient(to bottom,#000000e6,#000000b8);z-index:-1}.panel,.app-sidebar,.install-banner,.speech-bubble{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.panel{background:var(--panel);border-color:var(--border);box-shadow:var(--card-shadow)}.app-sidebar{background:var(--panel-strong);border-right-color:var(--border)}.bulletin-board{position:relative}.bulletin-board:before{content:"";position:absolute;top:-10px;right:-6px;bottom:-10px;left:-6px;pointer-events:none;border-radius:20px;opacity:.79;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.36) 0 3px,transparent 4px),radial-gradient(circle at 84% 10%,rgba(255,214,232,.3) 0 3px,transparent 4px),radial-gradient(circle at 18% 86%,rgba(186,210,255,.24) 0 4px,transparent 5px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='rgba(255,255,255,0.2)'%3E%3Cellipse cx='16' cy='22' rx='7.5' ry='6.5'/%3E%3Ccircle cx='9' cy='12' r='3.2'/%3E%3Ccircle cx='16' cy='9' r='3.4'/%3E%3Ccircle cx='23' cy='12' r='3.2'/%3E%3Ccircle cx='26' cy='18' r='2.6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='rgba(255, 192, 216, 0.16)'%3E%3Cellipse cx='16' cy='22' rx='7.5' ry='6.5'/%3E%3Ccircle cx='9' cy='12' r='3.2'/%3E%3Ccircle cx='16' cy='9' r='3.4'/%3E%3Ccircle cx='23' cy='12' r='3.2'/%3E%3Ccircle cx='26' cy='18' r='2.6'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat;background-size:auto,auto,auto,132px 132px,176px 176px;background-position:8% 3%,92% 4%,6% 98%,0 0,50px 40px;mix-blend-mode:soft-light;z-index:-1}@media(prefers-reduced-motion:no-preference){.ambient-bg__bokeh-dot{animation:ambient-bokeh-drift 18s ease-in-out infinite alternate}@keyframes ambient-bokeh-drift{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,calc(-50% - 6px)) scale(1.04)}}}