.wh-chat{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:var(--wh-radius-card);background:var(--wh-panel);padding:12px;color:var(--wh-text)}.wh-chat-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:8px}.wh-chat-header h2{margin:0;font-size:17px}.wh-chat-header>span,.wh-chat-hint{color:var(--wh-outline);font-size:13px}.wh-chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.wh-chat-messages p{display:flex;align-items:baseline;gap:8px;font-size:14px}.wh-chat-messages time{color:var(--wh-outline);font-size:13px;font-variant-numeric:tabular-nums}.wh-chat-messages strong{flex-shrink:0;color:var(--wh-primary)}.wh-chat-messages p>span{padding:5px 8px;border-radius:8px;background:var(--wh-panel-soft);overflow-wrap:anywhere}.wh-chat-empty{color:var(--wh-outline)}.wh-chat-hint{flex:none;margin:6px 0}.wh-chat-compose{display:flex;flex:none;gap:8px}.wh-chat-compose input{width:100%;min-width:0;height:40px;padding:0 12px;box-sizing:border-box;border:1px solid transparent;border-radius:var(--wh-radius-control);background:var(--wh-panel-soft);font:inherit;font-size:14px}.wh-chat-compose button{flex:none;border:none;padding:0 12px;border-radius:var(--wh-radius-control);background:var(--wh-primary);color:#fff;font:inherit;font-size:13px}.wh-chat-compose :disabled{cursor:not-allowed;opacity:.65}.wh-chat-controls{flex:none}.chat-inline-button{padding:5px 0;font-size:12px;color:var(--wh-primary);text-decoration:underline}.chat-error{color:var(--wh-error);font-size:12px;margin:5px 0;line-height:1.6}.wh-chat-messages p{margin:8px 0}.wh-chat-messages .own-message>span{background:#e8f0ff}.wh-chat-messages strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-chat-messages p>span{white-space:pre-wrap;min-width:0}.wh-chat-count{color:var(--wh-primary);font-size:14px;font-weight:600;white-space:nowrap}.auth-intro{color:var(--wh-text-muted);font-size:15px;line-height:1.7;margin-bottom:20px}.auth-tabs{display:flex;gap:4px;background:var(--wh-panel-soft);padding:4px;border-radius:var(--wh-radius-control);margin-bottom:20px}.auth-tabs button{flex:1;padding:10px;border-radius:8px;font-size:15px;font-weight:600;color:var(--wh-outline)}.auth-tabs button[aria-pressed=true]{background:var(--wh-panel);color:var(--wh-primary);box-shadow:0 1px 3px #0f172a0a}.auth-form fieldset{border:0;padding:0;margin:0;min-width:0}.auth-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:14px;font-weight:600}.auth-form input{width:100%;min-width:0;height:44px;border:1px solid var(--wh-border);border-radius:12px;padding:0 12px;background:var(--wh-panel);color:var(--wh-text);font-size:17px;font-weight:400}.auth-form input:focus{border-color:var(--wh-primary-container);outline:3px solid #2563eb20}.auth-form :disabled,.auth-panel button:disabled{opacity:.65;cursor:not-allowed}.auth-form fieldset:disabled input{background:var(--wh-panel-soft)}.auth-hint{display:block;color:var(--wh-outline);font-size:13px;line-height:1.5;margin:-8px 0 16px}.auth-feedback{background:var(--wh-panel-soft);padding:12px;border-radius:12px;color:var(--wh-text-muted);margin-bottom:16px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.auth-error{color:var(--wh-error);border:1px solid #fecaca;background:#fff7f7}.auth-success{color:#166534;background:#f0fdf4}.auth-warning{border:1px solid var(--wh-border)}.auth-text-button{display:block;margin:14px auto 0;padding:6px;color:var(--wh-primary);font-size:14px}.auth-secondary-button{width:100%;padding:11px;margin-top:16px;border:1px solid var(--wh-border);border-radius:12px;background:var(--wh-panel);color:var(--wh-text-muted);font-size:14px}.auth-subtitle{font-size:17px;margin:16px 0}.auth-verification{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.auth-verification h3{font-size:17px;margin-bottom:12px}.member-summary{padding:18px;border-radius:16px;background:var(--wh-panel-soft);margin-bottom:20px}.member-summary strong{display:block;font-size:21px}.member-summary span{display:block;color:var(--wh-text-muted);font-size:14px;margin:8px 0;overflow-wrap:anywhere}.member-summary small{font-size:13px;color:var(--wh-outline)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.account-danger{border-top:1px solid var(--wh-border);margin-top:28px;padding-top:20px}.account-danger h3{font-size:15px;color:var(--wh-error);margin-bottom:10px}.account-danger p{font-size:13px;line-height:1.85;color:var(--wh-text-muted);margin-bottom:14px}.danger-text-button{color:var(--wh-error);font-size:13px;min-height:44px;text-decoration:underline}.danger-button{width:100%;padding:13px;background:#ba1a1a;color:#fff;border-radius:10px;font-weight:600}.danger-button:disabled{opacity:.5;cursor:not-allowed}.account-notice{position:fixed;z-index:30;top:80px;left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 32px));padding:15px;border:1px solid #86b79a;border-radius:12px;background:#f0fdf4;color:#166534;font-size:14px;box-shadow:0 4px 20px #0f172a20}.account-notice button{margin-left:12px;text-decoration:underline}.auth-screen-title{font-size:21px;font-weight:700;margin-bottom:20px}.auth-switch{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--wh-border);margin-top:14px;padding-top:14px;font-size:13px;color:var(--wh-text-muted)}.auth-switch button{color:var(--wh-primary);text-decoration:underline;font-weight:600;padding:10px 4px}.creator-studio{padding-top:12px}.studio-intro{font-size:14px;line-height:1.85;color:var(--wh-text-muted);margin:0 0 20px}.studio-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.creator-form select,.creator-form textarea{width:100%;border:1px solid var(--wh-border);border-radius:12px;padding:11px 12px;font:inherit;font-size:17px;color:var(--wh-text);background:#fff}.creator-form select{height:44px}.creator-form textarea{resize:vertical;min-height:90px}.studio-counter{text-align:right;color:var(--wh-text-muted);font-weight:400}.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 8px}.studio-section-heading h3{font-size:16px;line-height:1.7}.studio-section-heading>span{font-size:13px;color:var(--wh-text-muted)}.social-input>span{display:flex;align-items:center;gap:8px}.social-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:8px;background:#eaf1ff;font-size:18px;font-weight:800;color:var(--wh-primary)}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.social-link{display:flex;gap:8px;align-items:center;min-width:0;min-height:44px;padding:9px 12px;border:1px solid #a8bcdb;border-radius:12px;text-decoration:none;background:#fff;color:var(--wh-text);font-size:13px;font-weight:600}.social-link:hover{border-color:var(--wh-primary);background:#eff5ff}.social-arrow{margin-left:auto;font-size:18px}.social-youtube .social-mark,.social-mark.social-youtube{background:#ffe4e6;color:#b91c1c}.social-instagram .social-mark,.social-mark.social-instagram{background:#fce7f3;color:#9d174d}.social-links.compact{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0}.compact .social-link{padding:4px 6px;min-height:30px;font-size:11px;gap:3px;border-radius:7px}.compact .social-mark{width:16px;height:16px;font-size:13px;border-radius:4px}.studio-preview{border:1px dashed #7894bd;padding:14px;border-radius:14px;margin:20px 0;background:var(--wh-panel-soft)}.studio-preview h4{font-size:13px}.studio-preview small{font-size:13px;color:var(--wh-text-muted)}.auth-form .publish-toggle{display:flex;flex-direction:row;align-items:center;padding:14px;background:#eff5ff;border-radius:12px;gap:10px;margin:20px 0}.publish-toggle input{width:20px;height:20px;accent-color:var(--wh-primary);flex:none}.publish-toggle small{display:block;margin-top:5px;font-size:13px;font-weight:400;line-height:1.7;color:var(--wh-text-muted)}.traffic-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:15px 0}.traffic-metrics>div{background:#eff5ff;border:1px solid #b5c9e7;padding:14px 10px;border-radius:12px}.traffic-metrics span{display:block;font-size:12px;line-height:1.7;color:var(--wh-text-muted)}.traffic-metrics strong{display:block;font-size:27px;margin-top:8px;color:var(--wh-primary)}.traffic-metrics small{font-size:13px;margin-left:3px}.traffic-range{font-size:12px;color:var(--wh-text-muted);line-height:1.7}.traffic-cheer{border-left:3px solid var(--wh-primary-container);padding:8px 12px;font-size:13px;line-height:1.8;margin:18px 0}.traffic-panel h4{font-size:14px;margin-top:24px}.traffic-chart{display:flex;height:120px;align-items:end;gap:3px;margin-top:16px;border-bottom:1px solid #a8bcdb;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#e2e8f0 39px,#e2e8f0 40px)}.traffic-bar-track{flex:1;height:100%;display:flex;align-items:end;min-width:0}.traffic-bar-track>span{width:100%;background:var(--wh-primary-container);border-radius:3px 3px 0 0}.traffic-chart-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--wh-text-muted);margin:7px 0}.traffic-table-wrap{overflow-x:auto}.traffic-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}.traffic-table th,.traffic-table td{padding:12px 6px;border-bottom:1px solid var(--wh-border);text-align:right;font-variant-numeric:tabular-nums}.traffic-table th:first-child{text-align:left}.traffic-table thead{color:var(--wh-text-muted);font-size:12px}.traffic-table small{font-size:11px;color:var(--wh-text-muted)}.traffic-details{margin:20px 0;font-size:13px}.traffic-details summary{cursor:pointer;color:var(--wh-primary);padding:8px 0}.creator-entry{width:100%;margin-top:10px;font-size:13px;color:var(--wh-primary);background:#eff5ff;padding:10px;border-radius:10px}.avatar.initials{display:inline-flex;align-items:center;justify-content:center;color:var(--wh-primary);background:#dbeafe;font-size:16px;font-weight:800}@media(max-width:500px){.studio-form-grid,.social-links{grid-template-columns:1fr}.traffic-metrics{gap:5px}.traffic-metrics>div{padding:10px 7px}.traffic-metrics strong{font-size:23px}}:root{--wh-surface: #f8fafc;--wh-panel: #ffffff;--wh-panel-soft: #f1f5f9;--wh-panel-high: #e2e8f0;--wh-text: #0f172a;--wh-text-muted: #475569;--wh-outline: #64748b;--wh-border: #e2e8f0;--wh-primary: #004ac6;--wh-primary-container: #2563eb;--wh-amber: #fea619;--wh-error: #ba1a1a;--wh-radius-card: 1rem;--wh-radius-control: .75rem;--wh-font: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}@font-face{font-family:Pretendard;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/PretendardVariable.woff2) format("woff2")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols.ttf) format("truetype")}:root{font-family:var(--wh-font);color:var(--wh-text);background:var(--wh-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button{border:0;background:transparent}button,a,input,select,[tabindex]{outline-offset:3px}:focus-visible{outline:3px solid #2563eb}button:hover{filter:brightness(.97)}button:disabled{cursor:not-allowed}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:21px;line-height:1;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}.app-shell{height:100dvh;display:grid;grid-template-rows:72px minmax(0,1fr) 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;background:#fff;border-bottom:1px solid var(--wh-border)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:0;text-align:left;font-size:21px;font-weight:800;letter-spacing:-.7px}.top-actions{display:flex;align-items:center;gap:12px}.preview-badge{background:var(--wh-panel-soft);color:var(--wh-outline);padding:7px 10px;border-radius:999px;font-size:12px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--wh-panel-soft)}.login-button{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13px}.login-button>.material-symbols-outlined{padding:8px;border-radius:50%;background:var(--wh-primary);color:#fff}.workspace{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:0;gap:16px;padding:16px 20px 0}.left-sidebar{min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--wh-border);border-radius:16px;padding:14px}.profile-widget{padding:14px;background:var(--wh-panel-soft);border-radius:12px;flex-shrink:0}.profile-top{display:flex;align-items:center;gap:9px}.guest-avatar{width:36px;height:36px;border-radius:50%;background:#dbeafe;color:var(--wh-primary);display:grid;place-items:center;flex-shrink:0}.profile-top strong{font-size:13px}.profile-top p{color:var(--wh-outline);font-size:12px;margin-top:4px}.profile-widget>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0 0;margin-top:12px;border-top:1px solid var(--wh-border);font-size:13px;color:var(--wh-primary)}.profile-widget>button .material-symbols-outlined{font-size:17px}.leaderboard{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:4px}.section-heading h2{display:flex;align-items:center;gap:5px;font-size:15px}.section-heading .material-symbols-outlined{color:#f59e0b}.country-code{display:inline-block;padding:3px 6px;color:var(--wh-primary);background:#dbeafe;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.4px}.ranking-country{display:flex;align-items:center;justify-content:space-between;margin:10px 0;font-size:12px;color:var(--wh-outline)}.ranking-country select{border:1px solid var(--wh-border);color:var(--wh-text-muted);border-radius:6px;background:#fff;padding:3px 8px;font-size:13px;max-width:120px}.segmented{display:flex;flex:none;background:var(--wh-panel-soft);padding:3px;border-radius:8px}.segmented button{flex:1;padding:5px 2px;font-size:12px;border-radius:6px;color:var(--wh-outline)}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #0f172a0a;color:var(--wh-primary);font-weight:600}.rank-list{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-around;overflow:auto;scrollbar-width:thin;margin:5px 0;padding:0;list-style:none}.rank-list li{flex-shrink:0}.rank-list button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 0;text-align:left}.rank-number{display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;font-size:13px;color:var(--wh-outline);border-radius:50%}.rank-1{background:#ffddb8;color:#855300}.rank-2{background:#e2e8f0;color:#475569}.rank-3{background:#ffedd5;color:#9a3412}.rank-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.rank-name small{display:block;font-size:11px;color:var(--wh-outline);font-weight:400;margin-top:2px}.heart-value{display:flex;align-items:center;gap:3px;color:var(--wh-error);font-size:13px;white-space:nowrap}.heart-value .material-symbols-outlined{font-size:14px}.ranking-note{margin-top:5px;text-align:center;font-size:11px;color:var(--wh-outline)}.center-column{display:grid;grid-template-rows:auto minmax(0,1.9fr) minmax(160px,1fr);min-height:0;gap:12px}.country-panel{position:relative;padding:9px;background:#fff;border:1px solid var(--wh-border);border-radius:16px}.country-tabs{display:flex;gap:6px;align-items:center}.country-tabs>button{display:flex;gap:5px;align-items:center;white-space:nowrap;padding:8px 10px;background:var(--wh-panel-soft);border-radius:999px;font-size:13px;color:var(--wh-text-muted)}.country-tabs .selected{background:var(--wh-primary-container);color:#fff;font-weight:600}.country-tabs .material-symbols-outlined{font-size:15px}.more-countries{position:absolute;right:10px;top:calc(100% + 4px);z-index:5;display:flex;padding:10px;gap:5px;border:1px solid var(--wh-border);border-radius:12px;background:#fff;box-shadow:0 10px 20px #0f172a10}.more-countries button{padding:8px 12px;border-radius:8px;font-size:13px;background:var(--wh-panel-soft)}.creator-panel{display:flex;flex-direction:column;min-height:0;padding:14px;background:#fff;border:1px solid var(--wh-border);border-radius:16px;overflow:hidden}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;flex:none}.eyebrow{display:block;margin-bottom:4px;font-size:11px;letter-spacing:1.4px;font-weight:700;color:var(--wh-primary)}h1{font-size:21px;line-height:28px;font-weight:800;letter-spacing:-.6px}.search-field{display:flex;align-items:center;gap:5px;width:180px;padding:8px;background:var(--wh-panel-soft);border:1px solid var(--wh-border);border-radius:10px}.search-field .material-symbols-outlined{color:var(--wh-outline);font-size:18px}.search-field input{width:100%;min-width:0;border:none;background:none;outline:none;font-size:13px;color:var(--wh-text)}.search-field:focus-within{outline:3px solid #2563eb50;border-color:#2563eb}.creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:none}.creator-card{padding:9px;border:1px solid var(--wh-border);border-radius:16px;background:var(--wh-panel-soft);transition:box-shadow .15s,border-color .15s}.creator-card:hover{border-color:#2563eb80;box-shadow:0 4px 12px #2563eb0d}.creator-identity{display:flex;align-items:center;width:100%;padding:0;gap:7px;text-align:left}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e2e8f0;border:2px solid white}.creator-identity>span{min-width:0}.creator-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.creator-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--wh-outline);margin-top:4px}.card-bottom{display:flex;justify-content:space-between;gap:3px;margin-top:8px;align-items:center}.like-button{display:flex;align-items:center;gap:3px;padding:2px 0;color:var(--wh-error);font-size:12px}.like-button .material-symbols-outlined{font-size:15px}.profile-link{display:flex;gap:2px;align-items:center;padding:2px 0;font-size:11px;color:var(--wh-primary)}.profile-link .material-symbols-outlined{font-size:13px}.wh-chat{border:1px solid var(--wh-border)}.wh-chat-messages{padding-top:12px}.wh-chat-empty{height:100%;min-height:35px;display:flex;align-items:center;justify-content:center;font-size:13px!important;text-align:center}.footer{padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:var(--wh-outline);font-size:11px}.footer div{display:flex;gap:15px;align-items:center}.footer button{padding:3px 0;font-size:11px}.mobile-nav{display:none}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:10px;background:#fff}.skip-link:focus{top:10px}.empty-state{padding:24px 10px;margin:auto;text-align:center;font-size:13px;color:var(--wh-outline)}.empty-state p{margin:8px 0}.empty-state button{color:var(--wh-primary);text-decoration:underline}.modal{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--wh-border);border-radius:20px;padding:24px;color:var(--wh-text);box-shadow:0 20px 50px #0f172a20}.modal::backdrop{background:#0f172a70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.modal h2{font-size:19px}.detail-identity{display:flex;align-items:center;gap:15px}.avatar.large{width:76px;height:76px}.detail-identity h3{margin-top:7px;font-size:21px}.detail-identity p{margin-top:7px;font-size:13px;color:var(--wh-outline)}.detail-bio{margin:24px 0;line-height:1.9;font-size:14px}.detail-stats{display:flex;gap:12px}.detail-stats>div{flex:1;padding:16px;background:var(--wh-panel-soft);border-radius:12px}.detail-stats span{display:block;color:var(--wh-outline);font-size:13px}.detail-stats strong{display:block;margin-top:8px;font-size:23px;color:var(--wh-primary)}.notice{padding:14px;background:var(--wh-panel-soft);border-radius:10px;color:var(--wh-text-muted);font-size:13px;line-height:1.8;margin:20px 0}.primary-button{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;background:var(--wh-primary-container);color:#fff;font-size:14px;font-weight:600}.info-content{font-size:14px;line-height:1.9}.info-content>p{margin-bottom:15px}.info-content>.material-symbols-outlined{font-size:32px;color:var(--wh-primary);margin-bottom:15px}@media(min-width:1280px)and (max-height:790px){.app-shell{grid-template-rows:60px minmax(0,1fr) 28px}.workspace{gap:12px;padding-top:10px}.center-column{gap:8px;grid-template-rows:auto minmax(0,2.4fr) minmax(140px,1fr)}.creator-panel{padding:10px}.lobby-heading{margin-bottom:6px}.eyebrow{display:none}h1{font-size:18px}.creator-card{padding:7px}.creator-identity .avatar{width:28px;height:28px}.card-bottom{margin-top:5px}.rank-list button{padding:5px 0}.profile-widget{padding:10px}.leaderboard{padding-top:12px}}@media(max-width:1279px)and (min-width:768px){.workspace{grid-template-columns:210px minmax(0,1fr);padding-left:14px;padding-right:14px;gap:12px}.topbar{gap:14px;padding:0 16px}.preview-badge{display:none}.creator-card{padding:7px}.creator-identity{flex-direction:row;text-align:left;gap:5px}.creator-identity .avatar{width:28px;height:28px}.creator-identity strong{font-size:12px}.creator-identity small{max-width:100%;font-size:10px}.center-column{grid-template-rows:auto minmax(0,1.9fr) minmax(150px,1fr)}.country-tabs>button{padding:7px;font-size:12px}.brand{font-size:18px}.brand small{display:none}}@media(max-width:767px){.app-shell{display:block;height:auto;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;height:62px;z-index:10;padding:0 16px;gap:8px}.brand{font-size:18px;gap:8px}.brand small{font-size:10px}.preview-badge,.top-actions>.icon-button{display:none}.top-actions{gap:4px}.login-button{gap:5px;font-size:13px}.login-button>.material-symbols-outlined{padding:6px;font-size:18px}.workspace{display:flex;flex-direction:column;gap:12px;padding:12px}.left-sidebar{display:contents}.profile-widget{order:1;padding:12px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--wh-border)}.profile-top p{max-width:170px}.profile-widget>button{border:0;padding:8px;margin:0;width:auto;gap:5px;font-size:12px}.profile-widget>button .material-symbols-outlined{font-size:14px}.center-column{order:0;display:contents}.country-panel{order:-1;padding:8px;border-radius:12px}.country-tabs{overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;gap:6px}.country-tabs>button{padding:8px 10px;flex-shrink:0;font-size:13px}.creator-panel{order:2;display:block;padding:12px;overflow:visible}.lobby-heading{display:block;margin-bottom:16px}h1{font-size:23px;line-height:28px}.eyebrow{font-size:10px;margin-bottom:5px}.search-field{width:100%;margin-top:12px;padding:10px}.search-field input{font-size:13px}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.creator-card{padding:11px;border-radius:16px}.creator-identity{flex-direction:column;text-align:center;gap:7px}.creator-identity .avatar{width:48px;height:48px}.creator-identity strong{font-size:13px;max-width:132px}.creator-identity small{font-size:12px;max-width:132px}.card-bottom{margin-top:12px}.profile-link{font-size:12px}.like-button{font-size:13px}.wh-chat{order:3;height:310px;padding:14px;border-radius:16px;scroll-margin-top:75px}.wh-chat-header h2{font-size:16px}.wh-chat-header>span{font-size:11px}.wh-chat-empty{font-size:13px!important}.wh-chat-hint{font-size:12px}.leaderboard{order:4;min-height:auto;padding:16px;border:1px solid var(--wh-border);border-radius:16px;background:#fff;scroll-margin-top:75px}.rank-list{max-height:260px;margin-top:10px;display:block}.rank-list button{padding:10px 0}.rank-name{font-size:13px}.footer{padding:8px 16px 16px;display:block;text-align:center;font-size:10px}.footer div{justify-content:center;gap:12px;margin-top:10px}.footer button{font-size:11px}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--wh-border);height:calc(60px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:60px;font-size:12px;color:var(--wh-outline)}.mobile-nav .active{color:var(--wh-primary)}.mobile-nav .material-symbols-outlined{font-size:23px}.modal{padding:20px}.detail-identity h3{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(max-width:767px){.creator-grid{grid-template-columns:minmax(0,1fr)}.creator-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.creator-identity{flex-direction:row;text-align:left;gap:10px}.creator-identity .avatar{width:40px;height:40px}.creator-identity strong,.creator-identity small{max-width:100%}.card-bottom{flex-direction:column;gap:7px;align-items:flex-end;margin-top:0;justify-content:center}}@media(min-width:768px){.center-column{grid-template-rows:auto minmax(0,1fr) minmax(220px,1fr)}.creator-panel{padding:10px}.lobby-heading{margin-bottom:7px}.eyebrow{display:none}.lobby-heading h1{font-size:19px;line-height:26px}.search-field{padding:6px 8px}.creator-card{padding:7px 8px}.creator-identity .avatar{width:28px;height:28px}.card-bottom{margin-top:4px}}@media(min-width:768px)and (max-height:790px){.center-column{grid-template-rows:auto minmax(0,1.35fr) minmax(180px,1fr)}}@media(max-width:767px){.wh-chat{height:410px}}@media(min-width:768px)and (max-height:790px){.center-column{grid-template-rows:auto minmax(0,1.65fr) minmax(180px,1fr)}}:root{--wh-border: #a6bad6}.profile-widget,.leaderboard,.country-panel,.creator-panel,.wh-chat{border-color:#7e9bc3}.lobby-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;flex:none;font-size:13px;color:var(--wh-text-muted)}.creator-panel .creator-grid{flex:1;min-height:0;overflow-y:auto;align-content:start;grid-auto-rows:max-content;padding:2px 5px 8px 2px;scrollbar-width:thin}.creator-grid .creator-card{border-color:#9ab2d2;background:#f7faff}.creator-grid .country-code{font-size:10px}@media(min-width:768px)and (max-width:1100px){.creator-panel .creator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.creator-panel .creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0;gap:9px}.creator-grid .creator-card{display:flex;flex-direction:column;padding:10px}.creator-grid .creator-identity{flex-direction:column;text-align:center}.creator-grid .card-bottom{margin-top:auto;padding-top:10px}.creator-grid .creator-identity strong,.creator-grid .creator-identity small{max-width:100%}.creator-grid .social-links.compact{flex-direction:column}.creator-grid .compact .social-link{font-size:12px;min-height:34px}}.modal.modal-wide{width:min(680px,calc(100vw - 32px))}@media(max-width:767px){.creator-grid .card-bottom{flex-direction:row;align-items:center;justify-content:space-between}}.lobby-toolbar .auth-text-button{width:auto;margin:0;padding:5px 0;flex:none}.modal-wide>header{position:sticky;top:-24px;z-index:2;background:#fff;padding:12px 0}@media(max-width:767px){.modal-wide>header{top:-20px}}.country-flag{display:inline-block;width:24px;height:16px;flex:none;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #0f172a18;vertical-align:middle}.country-tabs .country-flag-world{box-shadow:none;height:24px;width:24px;font-size:22px;line-height:24px}.more-countries button{display:flex;align-items:center;gap:7px}@media(max-width:767px){.country-tabs .country-flag{width:21px;height:14px}.country-tabs .country-flag-world{height:22px;line-height:22px}}.brand{gap:10px}.whc-brand-mark{display:block;width:48px;height:48px;flex:none}.whc-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:3px;white-space:nowrap}.whc-wordmark strong{color:#154dc4;font-size:24px;line-height:1.12;font-weight:800;letter-spacing:-1.2px}.whc-brand-english{color:#1556e8;font-size:8px;font-weight:800;line-height:1.3;letter-spacing:1.15px}.whc-wordmark small{margin-top:2px;color:#64748b;font-size:10px;font-weight:500;letter-spacing:-.25px;line-height:1.3}@media(max-width:767px){.brand{gap:8px}.whc-brand-mark{width:42px;height:42px}.whc-wordmark strong{font-size:22px;letter-spacing:-1.1px}.whc-brand-english{font-size:7px;letter-spacing:1px}.whc-wordmark small{font-size:9px}}.more-countries.country-popover{position:fixed;inset:auto;margin:0;padding:0;border:1px solid #8da9cf;border-radius:14px;box-shadow:0 12px 36px #0f172a24;background:#fff;overflow:hidden;color:var(--wh-text)}.country-popover:popover-open{display:flex;flex-direction:column}.country-popover-heading{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--wh-border);font-size:13px;flex:none}.country-popover-heading small{font-size:12px;color:var(--wh-text-muted)}.country-popover-list{overflow-y:auto;overscroll-behavior:contain;padding:6px;min-height:0;scrollbar-width:thin}.country-popover-list button{width:100%;min-height:44px;padding:10px;display:flex;text-align:left;gap:12px;background:#fff}.country-popover-list button:hover,.country-popover-list button[aria-pressed=true]{background:#eff5ff;color:var(--wh-primary)}.country-popover-list button small{display:block;font-size:10px;color:var(--wh-text-muted);margin-top:3px}.country-choice-check{margin-left:auto;font-size:17px}.country-popover:not(:popover-open){display:none}.center-column,.center-column>*{min-width:0}.country-tabs{overflow-x:auto;scrollbar-width:thin}.topbar{gap:16px}.header-sponsors{display:flex;align-items:center;justify-content:center;gap:6px;margin-left:auto;min-width:0}.header-sponsors-label{font-size:9px;color:#64748b;white-space:nowrap}.header-sponsors button{display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 10px;border:1px solid #dce5f0;border-radius:8px;background:#f8fafc;color:#475569;font-size:11px;white-space:nowrap}.header-sponsors button:hover{background:#eff5ff;border-color:#a6bad6}.header-sponsors .material-symbols-outlined{font-size:16px;color:#64748b}.top-actions .preview-badge{display:none}@media(min-width:768px){.center-column{grid-template-rows:auto minmax(0,1fr) minmax(220px,1.3fr)}}@media(min-width:768px)and (max-width:1050px){.topbar{gap:10px;padding-inline:14px}.header-sponsors button{padding:8px 6px;font-size:10px}.header-sponsors button .material-symbols-outlined,.top-actions>.icon-button{display:none}}@media(max-width:767px){.topbar{height:auto;min-height:62px;flex-wrap:wrap;padding:10px 12px 8px;gap:8px}.top-actions{margin-left:auto}.header-sponsors{order:3;width:100%;margin:0;gap:5px}.header-sponsors button{flex:1;padding:7px 5px;font-size:10px}.header-sponsors-label{font-size:8px}.wh-chat{height:500px}}@media(min-width:1051px){.app-shell{grid-template-rows:84px minmax(0,1fr) 34px}}@media(min-width:768px)and (max-width:1050px){.app-shell{grid-template-rows:112px minmax(0,1fr) 34px}.topbar{flex-wrap:wrap;padding-block:8px;gap:6px 12px}.top-actions{margin-left:auto}.header-sponsors{order:3;width:100%;margin:0}.header-sponsors button{padding:6px 14px}}@media(max-width:374px){.whc-brand-mark{width:35px;height:35px}.whc-wordmark strong{font-size:19px}.whc-brand-english{font-size:6px;letter-spacing:.8px}.whc-wordmark small{font-size:8px}}.social-preview{cursor:default;opacity:.75}.brand{gap:12px}.whc-brand-mark{width:64px;height:64px;object-fit:contain}.whc-wordmark{gap:4px}.whc-wordmark strong{color:#163b76;font-family:var(--wh-font);font-size:25px;font-weight:750;letter-spacing:-.8px;line-height:1.2}.whc-brand-english{color:#285dcc;font-size:8px;font-weight:650;letter-spacing:1.3px}.whc-wordmark small{color:#53647b;font-size:11px;font-weight:450;letter-spacing:0;line-height:1.4}@media(min-width:768px)and (max-width:1050px){.app-shell{grid-template-rows:84px minmax(0,1fr) 34px}.topbar{flex-wrap:nowrap;padding-block:0}.header-sponsors{order:0;width:auto;margin-left:auto}.header-sponsors button{padding:8px}.top-actions{margin-left:0}}@media(max-width:767px){.brand{gap:6px}.whc-brand-mark{width:53px;height:53px}.whc-wordmark strong{font-size:22px;letter-spacing:-.7px}.whc-brand-english{font-size:7px;letter-spacing:.9px}.whc-wordmark small{font-size:10px}}@media(max-width:374px){.whc-brand-mark{width:43px;height:43px}.whc-wordmark strong{font-size:19px}.whc-brand-english{font-size:6px;letter-spacing:.7px}.whc-wordmark small{font-size:9px}}.creator-expand-button{display:flex;flex:none;align-items:center;justify-content:center;gap:6px;width:100%;min-height:38px;margin-top:6px;padding:6px 12px;border-top:1px solid #dce5f0;color:var(--wh-primary);font:600 12px/1.4 var(--wh-font);text-align:center}.creator-expand-button:hover{background:#eff5ff;border-radius:0 0 8px 8px}.app-shell.creators-expanded{height:auto;min-height:100dvh;grid-template-rows:84px auto 34px}.creators-expanded .workspace{align-items:start}.creators-expanded .center-column{grid-template-rows:auto auto 420px}.creators-expanded .creator-panel .creator-grid{flex:none;max-height:none;overflow:visible}@media(min-width:768px){.creators-expanded .left-sidebar{min-height:calc(100dvh - 134px)}}@media(max-width:767px){.creator-panel .creator-grid{max-height:440px;overflow-y:auto}.creators-expanded .creator-panel .creator-grid{max-height:none;overflow:visible}}@media(max-width:767px){.creators-expanded .workspace{align-items:stretch}}.creator-grid .creator-card{display:flex;flex-direction:column;gap:8px;padding:9px;border-radius:12px}.creator-grid .creator-identity{flex-direction:row;text-align:left;align-items:center;gap:8px}.creator-grid .creator-avatar-wrap{position:relative;display:inline-flex;flex:none;width:34px;height:34px}.creator-grid .creator-avatar-wrap .avatar{width:34px;height:34px}.creator-avatar-country{position:absolute;right:-3px;bottom:-3px;display:flex;border:1.5px solid white;border-radius:4px;overflow:hidden}.creator-grid .creator-avatar-country .country-code{margin:0;padding:1px 3px;border-radius:0;font-size:8px;line-height:11px;font-weight:700;letter-spacing:0}.creator-grid .creator-summary{flex:1;min-width:0}.creator-grid .creator-identity strong{font-size:12px;line-height:1.4;max-width:100%}.creator-grid .creator-identity small{font-size:10px;line-height:1.5;max-width:100%;margin-top:2px}.creator-grid .social-links.compact{flex-direction:row;flex-wrap:wrap;gap:4px;margin:0}.creator-grid .compact .social-link{flex:0 1 auto;gap:3px;padding:4px 5px;min-height:26px;font-size:10px;line-height:1.2}.creator-grid .compact .social-mark{font-size:12px}.creator-grid .card-bottom{margin-top:auto;padding-top:0;flex-direction:row;align-items:center;justify-content:space-between}.creator-grid .like-button,.creator-grid .profile-link{font-size:11px}@media(max-width:767px){.creator-grid .creator-card{padding:8px;gap:8px}.creator-grid .creator-identity{gap:6px}.creator-grid .creator-avatar-wrap,.creator-grid .creator-avatar-wrap .avatar{width:30px;height:30px}.creator-grid .creator-identity strong{font-size:11px}.creator-grid .creator-identity small{font-size:9px}}.creator-grid .compact .social-link{gap:2px;padding:3px 4px;min-height:24px;font-size:9px}.creator-grid .compact .social-mark{width:12px;height:12px;font-size:10px}@media(max-width:374px){.creator-grid .compact .social-link>span:nth-child(2){display:none}.creator-grid .compact .social-link{min-width:28px;justify-content:center}}.age-calculator-link{display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #b6d9d0;border-radius:13px;background:#f0faf6;color:#185c4b;text-decoration:none;flex:none;transition:background .15s,border-color .15s}.age-calculator-link:hover{background:#e1f4eb;border-color:#70b59f}.age-calculator-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#d8f0e6;flex:none}.age-calculator-icon svg{display:block;width:29px;height:29px}.age-calculator-copy{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.age-calculator-copy strong{font-size:14px;line-height:1.3;font-weight:700;letter-spacing:-.3px}.age-calculator-copy small{font-size:11px;line-height:1.3;color:#568071}.age-calculator-link>.material-symbols-outlined{font-size:17px;margin-left:6px}@media(min-width:768px)and (max-width:1150px){.app-shell,.app-shell.creators-expanded{grid-template-rows:128px minmax(0,1fr) 34px}.app-shell.creators-expanded{grid-template-rows:128px auto 34px}.topbar{flex-wrap:wrap;gap:7px 12px;padding-block:8px}.age-calculator-link{order:3;flex:1;padding:6px 10px}.age-calculator-icon{width:28px;height:28px}.age-calculator-icon svg{width:24px;height:24px}.age-calculator-copy small{display:none}.header-sponsors{order:4;margin-left:0}}@media(max-width:767px){.age-calculator-link{order:2;width:100%;padding:9px 12px;gap:10px}.age-calculator-icon{width:36px;height:36px}.age-calculator-copy strong{font-size:14px}.age-calculator-copy small{font-size:11px}.age-calculator-link>.material-symbols-outlined{margin-left:auto}}.brand{text-decoration:none;color:inherit}.age-calculator-arrow{width:18px;height:18px;flex:none;margin-left:6px}@media(max-width:767px){.age-calculator-arrow{margin-left:auto}}@media(min-width:1151px){.topbar{display:grid;grid-template-columns:254px minmax(240px,1fr) auto auto;gap:16px;padding-inline:20px}.topbar .brand,.age-calculator-link{justify-self:start}.header-sponsors{margin-left:0}}@media(min-width:1151px)and (max-width:1279px){.topbar{grid-template-columns:210px minmax(240px,1fr) auto auto;gap:12px;padding-inline:14px}}@media(min-width:1280px)and (max-height:790px){.topbar{gap:12px}}.chevron{display:inline-block;flex:none;width:16px;height:16px;vertical-align:middle}.chevron-up{transform:rotate(180deg)}.ad-sidebar{display:none}@media(min-width:1280px){.workspace{grid-template-columns:254px minmax(0,1fr) 160px}.ad-sidebar{display:block;position:sticky;top:16px;align-self:start;width:160px}.ad-sidebar-slot{width:160px;height:min(600px,calc(100dvh - 134px));border:1px dashed #d5e0ee;border-radius:10px;background:#f7faff}}