@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";.theme-toggle-wrap{position:relative}.theme-toggle{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-card-hover);color:var(--duo-primary)}.theme-dropdown{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);width:210px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);padding:var(--space-2);animation:.15s ease-out fadeInDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.theme-dropdown-label{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding:var(--space-2) var(--space-3) var(--space-1)}.theme-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), opacity var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.theme-dropdown-item:hover:not(:disabled){background:var(--bg-card-hover)}.theme-dropdown-item.active{background:var(--bg-secondary);font-weight:var(--font-weight-bold)}.theme-dropdown-item.locked{opacity:.5;cursor:not-allowed}.theme-dropdown-item.locked:hover{background:0 0}.theme-dropdown-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.theme-dropdown-name{flex:1}.theme-dropdown-check{color:var(--duo-primary);flex-shrink:0}.theme-dropdown-lock{color:var(--text-tertiary);flex-shrink:0}.theme-dropdown-hint{align-items:center;gap:var(--space-2);color:var(--text-tertiary);padding:var(--space-2) var(--space-3);margin-top:var(--space-1);border-top:1px solid var(--border-color);font-size:10px;display:flex}.hay-display{align-items:center;display:flex;position:relative}.hay-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;background:linear-gradient(135deg,#ffc83226,#ffa00014);border:1px solid #ffc8324d;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem .3rem .55rem;transition:border-color .2s,box-shadow .2s;display:flex}.hay-pill:hover{border-color:#ffc8328c;box-shadow:0 0 12px #ffc83233}.hay-coin-icon{filter:drop-shadow(0 0 4px #ffc83299);font-size:1rem;line-height:1}.hay-balance{color:#f5c842;letter-spacing:.01em;font-variant-numeric:tabular-nums;min-width:2ch;font-size:.875rem;font-weight:700}.hay-label{color:#f5c842b3;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:600}.hay-toasts{pointer-events:none;z-index:200;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex;position:absolute;top:-2.8rem;right:0}.hay-toast{white-space:nowrap;letter-spacing:.02em;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700;animation:2.2s ease-out forwards hayToastRise}.hay-toast--pos{color:#f5c842;background:#f5c84233;border:1px solid #f5c84280;box-shadow:0 0 10px #f5c84240}.hay-toast--neg{color:#f87171;background:#ef444426;border:1px solid #ef444466}@keyframes hayToastRise{0%{opacity:0;transform:translateY(0)scale(.8)}15%{opacity:1;transform:translateY(-10px)scale(1)}70%{opacity:1;transform:translateY(-22px)scale(1)}to{opacity:0;transform:translateY(-34px)scale(.9)}}.navbar{z-index:var(--z-sticky);height:52px;transition:background var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal), backdrop-filter var(--transition-normal);position:fixed;top:0;left:0;right:0}.navbar:after{content:"";border-bottom:1.5px solid var(--border-color);pointer-events:none;transition:opacity var(--transition-normal);position:absolute;inset:0}.navbar:not(.navbar--home),.navbar--home.navbar--scrolled{background:var(--bg-nav);box-shadow:0 2px 20px #00000012}.navbar--home:not(.navbar--scrolled){-webkit-backdrop-filter:blur(12px);background:#ffffff0f}.navbar--home:not(.navbar--scrolled):after{opacity:.3}[data-theme=dark] .navbar--home:not(.navbar--scrolled),[data-theme=midnight] .navbar--home:not(.navbar--scrolled),[data-theme=sunset] .navbar--home:not(.navbar--scrolled),[data-theme=forest] .navbar--home:not(.navbar--scrolled),[data-theme=ocean] .navbar--home:not(.navbar--scrolled),[data-theme=aurora] .navbar--home:not(.navbar--scrolled){background:#00000040;border-color:#ffffff14}.navbar-inner{align-items:center;gap:var(--space-4);height:100%;display:flex}.navbar-logo{align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;display:flex}.navbar-logo-image{border-radius:var(--radius-lg);-o-object-fit:contain;object-fit:contain;width:36px;height:36px}.navbar-logo-text{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;line-height:1}.brand-h{color:#ff4b4b}.brand-a{color:#1cb0f6}.brand-y{color:#ff9600}[data-theme=dark] .dioms-text,[data-theme=midnight] .dioms-text,[data-theme=sunset] .dioms-text,[data-theme=forest] .dioms-text,[data-theme=ocean] .dioms-text,[data-theme=aurora] .dioms-text,.navbar--home:not(.navbar--scrolled) .dioms-text{color:#fff}.navbar-nav{align-items:center;gap:2px;margin:0 auto;display:flex}.navbar-link{align-items:center;gap:var(--space-1);border-radius:var(--radius-lg);font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast);white-space:nowrap;padding:.35rem .65rem;text-decoration:none;display:flex;position:relative}.navbar-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.navbar-link.active{color:var(--duo-primary);background:var(--duo-primary-light);font-weight:var(--font-weight-bold)}.navbar-link.active:after{content:"";background:var(--duo-primary);border-radius:var(--radius-full);width:60%;height:2.5px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.navbar--home:not(.navbar--scrolled) .navbar-link{color:#fffc}.navbar--home:not(.navbar--scrolled) .navbar-link:hover{color:#fff;background:#ffffff1f}.navbar--home:not(.navbar--scrolled) .navbar-link.active{color:#fff;background:#ffffff26}.navbar-actions{align-items:center;gap:var(--space-1);flex-shrink:0;margin-left:auto;display:flex}.navbar-xp-pill{border-radius:var(--radius-full);background:var(--duo-primary-light);border:1.5px solid var(--duo-primary-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--duo-primary);white-space:nowrap;cursor:default;transition:transform var(--transition-fast);align-items:center;gap:4px;padding:.3rem .65rem;display:flex}.navbar-xp-pill:hover{transform:scale(1.04)}.navbar-xp-emoji{font-size:.85rem}.navbar-xp-icon{opacity:.75}.navbar-xp-amount{font-variant-numeric:tabular-nums}.navbar-streak{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);color:var(--orange-500);cursor:default;background:#ff96001f;border:1.5px solid #ff960040;align-items:center;gap:3px;padding:.3rem .6rem;display:flex}.navbar-streak-icon{color:var(--orange-500);animation:2s ease-in-out infinite flameFlicker}@keyframes flameFlicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.navbar-user{position:relative}.navbar-user-btn{align-items:center;gap:var(--space-1);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast);background:0 0;border:none;padding:.25rem;display:flex}.navbar-user-btn:hover{background:var(--bg-tertiary)}.navbar-user-avatar,.navbar-user-avatar-placeholder{border-radius:var(--radius-full);width:34px;height:34px;box-shadow:0 0 0 2.5px var(--level-color,var(--duo-primary))}.navbar-user-avatar{-o-object-fit:cover;object-fit:cover}.navbar-user-avatar-placeholder{background:var(--level-color,var(--duo-primary));color:#fff;font-weight:var(--font-weight-extrabold);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.navbar-chevron{color:var(--text-tertiary);transition:transform var(--transition-fast)}.navbar-chevron.open{transform:rotate(180deg)}.navbar-more{position:relative}.navbar-more-btn{border-radius:var(--radius-full);font-size:.8rem;font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg-secondary);border:1.5px solid var(--border-color);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;align-items:center;gap:5px;padding:.3rem .7rem;display:flex;position:relative;overflow:hidden}.navbar-more-btn:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff2e 50%,#0000 60%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.navbar-more-btn:hover{color:var(--duo-primary);background:var(--duo-primary-light);border-color:var(--duo-primary-200,#1cb0f659);box-shadow:0 0 0 3px color-mix(in srgb, var(--duo-primary) 12%, transparent);transform:translateY(-1px)}.navbar-more-btn:hover:before{transform:translate(100%)}.navbar-more-btn:active{box-shadow:none;transform:translateY(0)}.navbar-more--active .navbar-more-btn{color:var(--duo-primary);background:var(--duo-primary-light);border-color:var(--duo-primary-200,#1cb0f659);font-weight:var(--font-weight-bold)}.navbar-more--active .navbar-more-btn:after{content:"";background:var(--duo-primary);border-radius:var(--radius-full);width:55%;height:2.5px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.navbar--home:not(.navbar--scrolled) .navbar-more-btn{color:#ffffffd9;background:#ffffff1a;border-color:#fff3}.navbar--home:not(.navbar--scrolled) .navbar-more-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff59}.navbar-more-dropdown{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-2xl);min-width:185px;z-index:var(--z-dropdown);padding:5px;animation:.2s cubic-bezier(.34,1.56,.64,1) dropIn;position:absolute;top:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014}.navbar-more-dropdown:before{content:"";background:linear-gradient(90deg, var(--duo-primary), #58cc02 60%, var(--duo-primary));border-radius:var(--radius-full) var(--radius-full) 0 0;height:3px;margin:-5px -5px 5px;display:block}.navbar-more-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);transition:color var(--transition-fast), background var(--transition-fast), padding-left var(--transition-fast);padding:.6rem .9rem;text-decoration:none;display:flex;position:relative}.navbar-more-item:hover{color:var(--duo-primary);background:var(--duo-primary-light);padding-left:1.1rem}.navbar-more-item.active{color:var(--duo-primary);background:var(--duo-primary-light);font-weight:var(--font-weight-bold)}.navbar-more-item.active:before{content:"";background:var(--duo-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:60%;position:absolute;top:20%;left:0}.navbar-dropdown{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-2xl);width:220px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:.18s cubic-bezier(.34,1.56,.64,1) dropIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-dropdown-header{padding:var(--space-3) var(--space-4);background:var(--bg-secondary)}.navbar-dropdown-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--text-primary)}.navbar-dropdown-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:1px}.navbar-dropdown-level{font-size:var(--font-size-xs);color:var(--duo-primary);font-weight:var(--font-weight-semibold);margin-top:var(--space-1);align-items:center;gap:3px;display:flex}.navbar-dropdown-streak{font-size:var(--font-size-xs);background:var(--bg-tertiary);color:var(--orange-500);border-radius:var(--radius-full);width:fit-content;font-weight:var(--font-weight-semibold);align-items:center;gap:4px;margin-top:4px;padding:2px 6px;display:flex}.navbar-dropdown-divider{background:var(--border-color);height:1px}.navbar-dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.navbar-dropdown-item:hover{background:var(--bg-card-hover)}.navbar-dropdown-item.danger{color:var(--danger)}.navbar-dropdown-item.danger:hover{background:var(--danger-light)}.navbar-hamburger{border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1.5px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:none}.navbar-hamburger:hover{background:var(--bg-card-hover)}.navbar-sheet-backdrop{-webkit-backdrop-filter:blur(5px);z-index:calc(var(--z-modal) - 1);background:#00000073;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar-sheet{background:var(--bg-card);z-index:var(--z-modal);padding:0 0 calc(env(safe-area-inset-bottom,0px) + 1.5rem);border-radius:1.75rem 1.75rem 0 0;max-height:88vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.navbar-sheet-handle{background:var(--border-color);border-radius:var(--radius-full);width:40px;height:4px;margin:.75rem auto 0}.navbar-sheet-user{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);display:flex}.navbar-sheet-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.navbar-sheet-avatar,.navbar-sheet-avatar-placeholder{border-radius:var(--radius-full);width:44px;height:44px;box-shadow:0 0 0 2.5px var(--duo-primary);flex-shrink:0}.navbar-sheet-avatar{-o-object-fit:cover;object-fit:cover}.navbar-sheet-avatar-placeholder{background:var(--duo-primary);color:#fff;font-weight:var(--font-weight-extrabold);font-size:var(--font-size-base);justify-content:center;align-items:center;display:flex}.navbar-sheet-user-info{flex:1;min-width:0}.navbar-sheet-user-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-sheet-user-level{font-size:var(--font-size-xs);color:var(--duo-primary);font-weight:var(--font-weight-semibold);align-items:center;gap:3px;margin-top:2px;display:flex}.navbar-sheet-close{border-radius:var(--radius-full);background:var(--bg-tertiary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-sheet-close:hover{background:var(--bg-card-hover)}.navbar-sheet-stats{gap:var(--space-2);padding:var(--space-3) var(--space-5) 0;grid-template-columns:repeat(4,1fr);display:grid}.navbar-sheet-stat{padding:var(--space-2) 4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:2px;display:flex}.navbar-sheet-stat-val{font-weight:var(--font-weight-extrabold);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.navbar-sheet-stat-lbl{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;font-size:.58rem;font-weight:var(--font-weight-bold)}.navbar-sheet-links{padding:var(--space-2) var(--space-3)}.navbar-sheet-link{align-items:center;gap:var(--space-3);padding:.85rem var(--space-3);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.navbar-sheet-link:hover{background:var(--bg-tertiary);color:var(--duo-primary)}.navbar-sheet-link.active{background:var(--duo-primary-light);color:var(--duo-primary);font-weight:var(--font-weight-bold)}.navbar-sheet-signout{color:var(--danger)}.navbar-sheet-signout:hover{background:var(--danger-light)!important;color:var(--danger)!important}.navbar-sheet-divider{background:var(--border-color);height:1px;margin:var(--space-2) 0}.navbar-sheet-auth{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}@media (width<=768px){.navbar-hamburger{display:flex}.navbar-nav,.navbar-xp-pill,.navbar-streak,.navbar-user{display:none!important}.navbar-actions{gap:var(--space-2);margin-left:auto}.navbar-actions .hay-display{display:none}body.has-mobile-tabbar #root{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}}@media (width>=769px){.navbar-hamburger,.mobile-tabbar{display:none!important}}.navbar-spacer{height:52px}.mobile-tabbar{z-index:var(--z-sticky);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--bg-nav) 78%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.5);border-top:1.5px solid var(--border-color);justify-content:space-around;align-items:stretch;gap:2px;animation:.4s cubic-bezier(.16,1,.3,1) tabbarUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001f}@keyframes tabbarUp{0%{transform:translateY(110%)}to{transform:translateY(0)}}.mobile-tab{border-radius:var(--radius-lg);min-height:48px;color:var(--text-tertiary);font-size:.62rem;font-weight:var(--font-weight-bold);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:5px 2px;text-decoration:none;transition:color .25s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mobile-tab-icon{justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.34,1.56,.64,1),filter .28s;display:flex}.mobile-tab-icon svg{width:21px;height:21px}.mobile-tab-label{opacity:.92;line-height:1}.mobile-tab:active{transform:scale(.9)}.mobile-tab.active{color:var(--duo-primary)}.mobile-tab.active .mobile-tab-icon{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--duo-primary) 60%, transparent));transform:translateY(-1px)scale(1.14)}.mobile-tab.active:before{content:"";border-radius:var(--radius-full);background:var(--duo-primary);width:26px;height:3px;box-shadow:0 0 10px color-mix(in srgb, var(--duo-primary) 70%, transparent);animation:.3s cubic-bezier(.34,1.56,.64,1) tabPillIn;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes tabPillIn{0%{opacity:0;width:8px}to{opacity:1;width:26px}}@media (width<=768px) and (height<=430px) and (orientation:landscape){.mobile-tabbar{display:none}body.has-mobile-tabbar #root{padding-bottom:0}}.footer{background:var(--bg-secondary);border-top:2px solid var(--border-color);padding:var(--space-12) 0 var(--space-8);margin-top:auto}.footer-inner{gap:var(--space-10);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.footer-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold)}.footer-logo-text .brand-hay{color:var(--duo-primary)}.footer-logo-text .brand-rest{color:var(--text-primary)}[data-theme=dark] .footer-logo-text .brand-rest{color:#fff}.footer-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-width:350px}.footer-column-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-link{color:var(--text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--duo-primary)}.footer-bottom{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.footer-copyright,.footer-made-with{color:var(--text-tertiary);font-size:var(--font-size-sm)}@media (width<=768px){.footer-inner{gap:var(--space-8);grid-template-columns:1fr}.footer-bottom{gap:var(--space-3);text-align:center;flex-direction:column}}.sw-fab{z-index:var(--z-modal);border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg, var(--duo-primary), var(--accent-secondary,#0a84c8));cursor:pointer;width:54px;height:54px;transition:transform var(--transition-bounce), box-shadow var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;bottom:22px;right:18px;box-shadow:0 8px 24px #00000047,inset 0 0 0 1px #ffffff14}.sw-fab:hover{transform:translateY(-2px)scale(1.05)}.sw-fab:active{transform:scale(.94)}.sw-fab--open{background:var(--bg-tertiary);color:var(--text-primary)}@media (width<=768px){.sw-fab{bottom:calc(72px + env(safe-area-inset-bottom,0px));right:14px}}.sw-panel{z-index:var(--z-modal);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-2xl);width:min(360px,100vw - 28px);height:min(520px,100vh - 130px);box-shadow:var(--shadow-2xl);flex-direction:column;animation:.28s cubic-bezier(.16,1,.3,1) swUp;display:flex;position:fixed;bottom:86px;right:18px;overflow:hidden}@media (width<=768px){.sw-panel{right:10px;bottom:calc(134px + env(safe-area-inset-bottom,0px));height:min(440px,100vh - 220px)}}@keyframes swUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sw-head{padding:var(--space-3) var(--space-4);color:#fff;background:linear-gradient(135deg, var(--duo-primary), var(--duo-primary-dark,#0a84c8));justify-content:space-between;align-items:center;display:flex}.sw-head-title{font-weight:var(--font-weight-bold);align-items:center;gap:8px;display:flex}.sw-close{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:30px;height:30px;transition:background var(--transition-fast);background:#ffffff2e;justify-content:center;align-items:center;display:flex}.sw-close:hover{background:#ffffff4d}.sw-body{background:var(--bg-secondary);flex:1;overflow-y:auto}.sw-loading{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.sw-intro{padding:var(--space-8) var(--space-6);text-align:center}.sw-intro-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-full);color:var(--duo-primary);background:var(--duo-primary-light);justify-content:center;align-items:center;display:flex}.sw-intro h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.sw-intro p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.sw-start{border-radius:var(--radius-button,var(--radius-xl));background:var(--duo-primary);color:#fff;width:100%;font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);padding:.7rem 1rem}.sw-start:hover{background:var(--duo-primary-dark,#0a84c8)}.sw-start:active{transform:scale(.97)}.sw-start:disabled{opacity:.6;cursor:default}.sw-messages{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.sw-msg{flex-direction:column;max-width:82%;display:flex}.sw-msg--user{align-self:flex-end;align-items:flex-end}.sw-msg--admin,.sw-msg--bot{align-self:flex-start;align-items:flex-start}.sw-msg-from{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.58rem;font-weight:var(--font-weight-bold);margin:0 0 2px 4px}.sw-bubble{font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:.55rem .8rem;line-height:1.45}.sw-msg--user .sw-bubble{background:var(--duo-primary);color:#fff;border-bottom-right-radius:4px}.sw-msg--admin .sw-bubble{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.sw-msg--bot .sw-bubble{background:var(--bg-tertiary);color:var(--text-secondary);border-bottom-left-radius:4px;font-style:italic}.sw-input{align-items:center;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-color);background:var(--bg-card);display:flex}.sw-input input{border-radius:var(--radius-full);border:1.5px solid var(--border-color);background:var(--bg-input);min-width:0;color:var(--text-primary);font-size:var(--font-size-sm);flex:1;padding:.6rem .85rem}.sw-input input:focus{border-color:var(--duo-primary);outline:none}.sw-input button[type=submit]{border-radius:var(--radius-full);background:var(--duo-primary);color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast), transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sw-input button[type=submit]:hover:not(:disabled){background:var(--duo-primary-dark,#0a84c8)}.sw-input button[type=submit]:active{transform:scale(.92)}.sw-input button[type=submit]:disabled{opacity:.4;cursor:default}.sw-input--closed{display:block}.boost-banner{z-index:1;justify-content:center;align-items:center;gap:var(--space-2);padding:8px var(--space-4);color:#1a1a2e;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:linear-gradient(90deg,#ffd54a,#ff9600 55%,#ffb020);animation:.35s cubic-bezier(.16,1,.3,1) boostIn;display:flex;position:relative;box-shadow:0 4px 16px #ff960059}@keyframes boostIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.boost-banner__bolt{border-radius:var(--radius-full);background:#00000026;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;animation:1.4s ease-in-out infinite boostPulse;display:inline-flex}@keyframes boostPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.boost-banner__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.boost-banner__timer{font-variant-numeric:tabular-nums;color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);background:#0000002e;flex-shrink:0;padding:2px 10px}@media (width<=480px){.boost-banner{font-size:var(--font-size-xs);padding:6px var(--space-3)}}:root{--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--duo-primary:#1cb0f6;--duo-primary-dark:#0a84c8;--duo-primary-darker:#0870a8;--duo-primary-light:#eaf6ff;--duo-primary-100:#d4efff;--duo-primary-200:#a8dffe;--duo-primary-btn-shadow:#0a84c8;--blue-100:#d4efff;--blue-200:#a8dffe;--blue-300:#7dcefd;--blue-400:#4abef8;--blue-500:#1cb0f6;--blue-600:#0a84c8;--blue-700:#0870a8;--blue-800:#065c8c;--blue-900:#044a70;--green-500:#58cc02;--green-600:#46a302;--orange-400:#ff9600;--orange-500:#ff9600;--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-tertiary:#efefef;--bg-card:#fff;--bg-card-hover:#f0f7ff;--bg-nav:#fff;--bg-light-blue:#eaf6ff;--bg-input:#fff;--text-primary:#3c3c3c;--text-secondary:#777;--text-tertiary:#afafaf;--border-color:#e5e5e5;--border-color-focus:#1cb0f6;--border-color-hover:#d0d0d0;--accent-primary:#1cb0f6;--accent-secondary:#0a84c8;--danger:#ff4b4b;--danger-light:#ff4b4b1a;--success:#58cc02;--success-light:#58cc021a;--warning:#ffc800;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 6px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 8px 24px #00000014, 0 2px 6px #0000000d;--shadow-xl:0 14px 36px #0000001a, 0 4px 10px #0000000f;--shadow-2xl:0 24px 56px #00000024, 0 8px 18px #00000014;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-bounce:.3s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:50;--z-sticky:100;--z-modal-backdrop:900;--z-modal:1000;--z-toast:1100}[data-theme=dark]{--bg-primary:#131f24;--bg-secondary:#1a2b33;--bg-tertiary:#213740;--bg-card:#1a2b33;--bg-card-hover:#213740;--bg-nav:#131f24;--bg-light-blue:#1a2b33;--bg-input:#213740;--text-primary:#f0f0f0;--text-secondary:#a0b4bc;--text-tertiary:#6b8590;--border-color:#2a3e48;--border-color-focus:#1cb0f6;--border-color-hover:#3a5060;--shadow-sm:0 1px 3px #0003;--shadow-md:0 2px 8px #00000040;--shadow-lg:0 4px 16px #0000004d;--shadow-xl:0 8px 24px #00000059;--shadow-2xl:0 12px 32px #0006}[data-theme=midnight]{--bg-primary:#0f0e1a;--bg-secondary:#16152a;--bg-tertiary:#1e1d38;--bg-card:#16152a;--bg-card-hover:#1e1d38;--bg-nav:#0f0e1a;--bg-light-blue:#1a1940;--bg-input:#1e1d38;--text-primary:#eaeaff;--text-secondary:#9896c0;--text-tertiary:#6664a0;--border-color:#2b2950;--border-color-focus:#7c6fff;--border-color-hover:#3d3a68;--duo-primary:#7c6fff;--duo-primary-dark:#5b4ed9;--duo-primary-darker:#4a3fb8;--duo-primary-light:#1a1940;--duo-primary-200:#7c6fff40;--accent-primary:#7c6fff;--accent-secondary:#5b4ed9;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 24px #00000073;--shadow-2xl:0 12px 32px #00000080}[data-theme=sunset]{--bg-primary:#1a120a;--bg-secondary:#241810;--bg-tertiary:#2e1f16;--bg-card:#241810;--bg-card-hover:#2e1f16;--bg-nav:#1a120a;--bg-light-blue:#2a1a10;--bg-input:#2e1f16;--text-primary:#fff1e6;--text-secondary:#c4a080;--text-tertiary:#8e7050;--border-color:#3d2a1c;--border-color-focus:#ff8c42;--border-color-hover:#503824;--duo-primary:#ff8c42;--duo-primary-dark:#e07030;--duo-primary-darker:#c05a20;--duo-primary-light:#2a1a10;--duo-primary-200:#ff8c4240;--accent-primary:#ff8c42;--accent-secondary:#e07030;--success:#6bc940;--success-light:#6bc9401f;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 24px #00000073;--shadow-2xl:0 12px 32px #00000080}[data-theme=forest]{--bg-primary:#0c1510;--bg-secondary:#121e16;--bg-tertiary:#19281d;--bg-card:#121e16;--bg-card-hover:#19281d;--bg-nav:#0c1510;--bg-light-blue:#152218;--bg-input:#19281d;--text-primary:#e8f5e9;--text-secondary:#90b098;--text-tertiary:#608068;--border-color:#253828;--border-color-focus:#4caf50;--border-color-hover:#355a38;--duo-primary:#4caf50;--duo-primary-dark:#388e3c;--duo-primary-darker:#2e7d32;--duo-primary-light:#152218;--duo-primary-200:#4caf5040;--accent-primary:#4caf50;--accent-secondary:#388e3c;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 24px #00000073;--shadow-2xl:0 12px 32px #00000080}[data-theme=ocean]{--bg-primary:#091518;--bg-secondary:#0f1f24;--bg-tertiary:#152a30;--bg-card:#0f1f24;--bg-card-hover:#152a30;--bg-nav:#091518;--bg-light-blue:#122428;--bg-input:#152a30;--text-primary:#e0f4f4;--text-secondary:#80b8c0;--text-tertiary:#508890;--border-color:#1e3840;--border-color-focus:#00bcd4;--border-color-hover:#2d4e58;--duo-primary:#00bcd4;--duo-primary-dark:#0097a7;--duo-primary-darker:#00838f;--duo-primary-light:#122428;--duo-primary-200:#00bcd440;--accent-primary:#00bcd4;--accent-secondary:#0097a7;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 24px #00000073;--shadow-2xl:0 12px 32px #00000080}[data-theme=midnight] .dioms-text,[data-theme=sunset] .dioms-text,[data-theme=forest] .dioms-text,[data-theme=ocean] .dioms-text,[data-theme=aurora] .dioms-text{color:#fff}[data-theme=aurora]{--bg-primary:#0a0410;--bg-secondary:#140a1e;--bg-tertiary:#1e1028;--bg-card:#140a1e;--bg-card-hover:#1e1028;--bg-nav:#0a0410;--bg-light-blue:#180c24;--bg-input:#1e1028;--text-primary:#fae8ff;--text-secondary:#c8a0d8;--text-tertiary:#8a609a;--border-color:#3c1850;--border-color-focus:#f070b8;--border-color-hover:#522468;--duo-primary:#f070b8;--duo-primary-dark:#d05098;--duo-primary-darker:#b03878;--duo-primary-light:#1a0a28;--duo-primary-100:#f070b81a;--duo-primary-200:#f070b847;--duo-primary-btn-shadow:#d05098;--accent-primary:#f070b8;--accent-secondary:#d05098;--success:#6bc940;--success-light:#6bc9401f;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 2px 8px #0000008c;--shadow-lg:0 4px 16px #0009, 0 0 0 1px #f070b80f;--shadow-xl:0 8px 24px #000000a6, 0 0 20px #f070b81a;--shadow-2xl:0 12px 40px #000000b3, 0 0 50px #f070b824}[data-theme=aurora] body{background:radial-gradient(ellipse at 15% 40%, #f070b80d 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, #a050e60d 0%, transparent 50%), radial-gradient(ellipse at 50% 90%, #6428b40a 0%, transparent 50%), var(--bg-primary)}[data-theme=aurora] .feature-card:hover,[data-theme=aurora] .stat-card:hover{border-color:#f070b880!important;box-shadow:0 8px 32px #00000080,0 0 28px #f070b82e!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-tap-highlight-color:transparent;min-height:100vh}@media (width<=768px){:root{--font-size-base:.9375rem}}@media (width<=480px){:root{--font-size-base:.875rem}}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.dioms-text{color:#000}[data-theme=dark] .dioms-text{color:#fff}[data-theme=dark] .dioms-text2{color:#000}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fireFlicker{0%,to{transform:scale(1)}25%{transform:scale(1.15)rotate(-3deg)}50%{transform:scale(1.05)rotate(3deg)}75%{transform:scale(1.1)rotate(-2deg)}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0}}@keyframes cardFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes xpPopIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}40%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-60%)}to{opacity:0;transform:translate(-50%,-80%)}}.page-enter{padding-top:64px;animation:.4s ease-out page-enter}.animate-fade-in-up{will-change:opacity, transform;animation:.4s ease-out both fadeInUp}.animate-fade-in{will-change:opacity;animation:.3s ease-out both fadeIn}.animate-fade-in-up[style*=animation],.animate-fade-in[style*=animation]{will-change:auto}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-primary);color:#fff}.av-framed{box-shadow:0 0 0 2.5px var(--fc,var(--duo-primary)), 0 0 12px color-mix(in srgb, var(--fc,var(--duo-primary)) 50%, transparent)!important;border-color:#0000!important}
