.live-feedback-toast{z-index:80;color:#fff;max-width:min(440px,100vw - 24px);font-size:var(--text-sm);background:linear-gradient(110deg,#291421,#171019);border:1px solid #ff55986b;border-radius:10px;align-items:center;gap:9px;padding:12px 16px;animation:.2s viewer-toast-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 9px 28px #0008,0 0 23px #f0197221}.live-feedback-toast>svg{color:var(--primary-light);flex:none}.live-feedback-toast>span{overflow-wrap:anywhere;min-width:0}.live-feedback-toast>button{color:#ddd;cursor:pointer;background:#ffffff12;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;margin-left:8px;display:grid}@keyframes viewer-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.live-feedback-toast{right:12px;bottom:max(12px, env(safe-area-inset-bottom));justify-content:space-between;left:12px}}.viewer-modal{overscroll-behavior:contain;width:min(510px,100vw - 32px);max-height:calc(100svh - 36px);color:var(--text-primary);background:linear-gradient(145deg,#221320,#100c14 80%);border:1px solid #f0197242;border-radius:21px;margin:auto;padding:28px;overflow-y:auto;box-shadow:0 30px 100px #0008,0 0 50px #f0197217}.viewer-modal[open]{animation:.2s viewer-modal-enter}.viewer-modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030207c7}.viewer-modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px;display:flex}.viewer-modal-header h2{overflow-wrap:anywhere;font:800 var(--text-section)/1.3 Manrope, sans-serif;letter-spacing:-.7px;margin:0}.viewer-modal-header p{color:var(--text-secondary);font-size:var(--text-base);margin:8px 0 0;line-height:1.6}.viewer-modal-close{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.viewer-modal-close:disabled{opacity:.4;cursor:wait}@keyframes viewer-modal-enter{0%{opacity:0;transform:scale(.97)translateY(9px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=560px){.viewer-modal{border-radius:19px;padding:23px 18px}.viewer-modal-header h2{font-size:var(--text-section)}}.add-coins-popup{gap:20px;display:grid}.add-coins-popup-icon{width:80px;height:80px;color:var(--accent);background:radial-gradient(circle,#f7c2622b,#f7c26208);border:1px solid #f7c2624d;border-radius:50%;justify-self:center;place-items:center;display:grid;box-shadow:0 0 30px #f7c2621f}.add-coins-popup-summary{border:1px solid var(--border);background:#ffffff08;border-radius:13px;padding:16px}.add-coins-popup-summary>div{font-size:var(--text-sm);justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0;display:flex}.add-coins-popup-summary span{color:var(--text-secondary)}.add-coins-popup-summary strong{color:var(--text-primary);text-align:right;overflow-wrap:anywhere}.add-coins-popup>p{color:var(--text-secondary);text-align:center;font-size:var(--text-sm);margin:0;line-height:1.6}.add-coins-popup-actions{grid-template-columns:1fr 1.5fr;gap:10px;display:grid}.add-coins-popup-actions button{border:1px solid var(--border);min-height:46px;color:var(--text-primary);font-size:var(--text-button);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-weight:800;line-height:1.3;transition:filter .2s;display:flex}.add-coins-popup-cancel{background:#ffffff0a}.add-coins-popup-actions .add-coins-popup-confirm{background:linear-gradient(110deg, var(--primary-light), var(--primary));border-color:#0000;box-shadow:0 5px 20px #f0197233}.add-coins-popup-actions button:hover{filter:brightness(1.12)}.add-coins-popup-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=380px){.add-coins-popup-summary{padding:12px}.add-coins-popup-summary>div{gap:10px}.add-coins-popup-actions button{padding:10px}}.site-brand.has-logo{letter-spacing:0;flex:none;align-items:center;width:clamp(108px,11vw,168px);max-width:100%;height:42px;display:inline-flex}.site-brand .site-brand-image{object-fit:contain;object-position:left center;width:100%;height:100%;display:block}.auth-form-panel .site-brand.has-logo{width:min(190px,100%);height:50px}.viewer-footer .site-brand.has-logo{width:min(168px,100%);height:44px}@media (width<=760px){.navbar .site-brand.has-logo{width:clamp(88px,25vw,122px);height:36px}}@media (width<=359px){.navbar .site-brand.has-logo{width:80px}}.loading-indicator{--loader-size:36px;--loader-color:var(--primary-light,#ff5598);vertical-align:middle;max-width:100%;color:var(--loader-color);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.loading-indicator--sm{--loader-size:20px;--loader-color:currentColor}.loading-indicator--lg{--loader-size:58px}.loading-indicator--block{width:100%;min-height:96px;padding:24px 12px;display:flex}.loading-indicator--page{width:100%;min-height:clamp(280px,55svh,560px);padding:40px 20px;display:flex}.loading-indicator-visual{width:var(--loader-size);height:var(--loader-size);flex:none;display:block;position:relative}.loading-indicator-ring{width:100%;height:100%;animation:1s linear infinite loading-indicator-spin;display:block;overflow:visible}.loading-indicator-track{stroke:currentColor;opacity:.16}.loading-indicator-arc{stroke:currentColor;filter:drop-shadow(0 0 3px)}.loading-indicator-dot{background:currentColor;border-radius:50%;width:15%;height:15%;animation:1.25s ease-in-out infinite loading-indicator-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px}.loading-indicator--sm .loading-indicator-dot{display:none}.loading-indicator--percentage .loading-indicator-visual{width:max(32px, var(--loader-size));height:max(32px, var(--loader-size))}.loading-indicator-percentage{color:var(--text-primary,#fff);font-family:inherit;font-size:clamp(10px, calc(var(--loader-size) * .25), 17px);font-variant-numeric:tabular-nums;letter-spacing:-.4px;white-space:nowrap;justify-content:center;align-items:center;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.loading-indicator-percent-sign{font-size:.85em}.loading-indicator-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes loading-indicator-spin{to{transform:rotate(360deg)}}@keyframes loading-indicator-pulse{50%{opacity:.35;transform:translate(-50%,-50%)scale(.75)}}@media (prefers-reduced-motion:reduce){.loading-indicator-ring,.loading-indicator-dot{animation:none}}.viewer-identity-avatar{width:var(--viewer-avatar-size,36px);height:var(--viewer-avatar-size,36px);background:linear-gradient(135deg, var(--primary-light), var(--primary-deep));color:#fff;font-size:calc(var(--viewer-avatar-size,36px) * .34);border:1px solid #ffffff26;border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:grid;overflow:hidden}.viewer-identity-avatar img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.viewer-menu{flex:none;position:relative}.viewer-menu-trigger{max-width:160px;min-height:44px;color:var(--text-primary);cursor:pointer;background:#170b15e0;border:1px solid #f0197266;border-radius:24px;align-items:center;gap:7px;padding:3px 9px 3px 4px;display:flex}.viewer-menu-trigger-preview{border-color:#f7bd6880;max-width:180px}.viewer-menu-trigger-preview .viewer-avatar{color:var(--accent)}.viewer-avatar{background:linear-gradient(135deg, var(--primary-light), var(--primary-deep));color:#fff;width:30px;height:30px;font-size:var(--text-xs);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.viewer-menu-name{font-size:var(--text-button);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.viewer-menu-dropdown{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#160d17fa;border:1px solid #f0197240;border-radius:14px;width:min(225px,100vw - 28px);padding:7px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 50px #0008}.viewer-menu-heading{border-bottom:1px solid var(--border);gap:5px;padding:12px 10px;display:grid}.viewer-menu-heading strong{overflow-wrap:anywhere;font-size:var(--text-button)}.viewer-menu-heading span{overflow-wrap:anywhere;color:var(--text-secondary);font-size:var(--text-xs)}.viewer-menu-dropdown>a,.viewer-menu-dropdown>button{width:100%;min-height:44px;color:var(--text-primary);font-size:var(--text-button);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;display:flex}.viewer-menu-dropdown>a:hover,.viewer-menu-dropdown>button:hover{background:#f019721f}.viewer-menu-dropdown svg{color:var(--primary-light);flex:none}.viewer-menu-dropdown>button{border-top:1px solid var(--border);color:var(--primary-light);margin-top:3px}.viewer-menu-dropdown>button:disabled{opacity:.65;cursor:wait}@media (width<=760px){.viewer-menu-trigger{min-width:40px;min-height:40px;padding:4px}.viewer-menu-name,.viewer-menu-trigger>svg{display:none}.viewer-avatar{width:29px;height:29px;font-size:var(--text-xs)}}
