@font-face{font-family:Pyidaungsu;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pyidaungsu/Pyidaungsu-Regular.ttf)format("truetype")}@font-face{font-family:Pyidaungsu;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pyidaungsu/Pyidaungsu-Bold.ttf)format("truetype")}:root{--color-primary:#1068f0;--color-primary-hover:#0b5be3;--color-primary-active:#034bde;--color-primary-light:#ebf3ff;--color-primary-ring:#1068f02e;--color-primary-rgb:16, 104, 240;--color-accent:#008cfd;--color-accent-light:#e0f1ff;--color-coin:#f59e0b;--color-coin-light:#fef3c7;--color-secondary:var(--color-accent);--color-tertiary:#facc15;--color-bg:#f6f8fc;--color-surface:#fff;--color-surface-2:#f1f5fb;--color-surface-hover:#eef2f9;--color-bg-transparent:#f6f8fcd1;--color-glass:#ffffffc7;--color-border:#e3e8f2;--color-border-hover:#cbd5e6;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-text:#166534;--color-warning:#f59e0b;--color-warning-bg:#fef9c3;--color-warning-text:#854d0e;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-bg:#fee2e2;--color-error-text:#991b1b;--color-error-ring:#ef444426;--color-info:#3385ff;--color-text-muted:var(--color-text-secondary);--text-secondary:var(--color-text-secondary);--color-primary-dark:var(--color-primary-active);--bg-card:var(--color-surface);--color-bg-hover:var(--color-surface-hover);--font-headline:"Poppins", "Noto Sans Myanmar", system-ui, sans-serif;--font-body:"Nunito", "Noto Sans Myanmar", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-none:0px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-subtle:0 1px 2px #0f172a0a, 0 1px 3px #1068f00a;--shadow-medium:0 2px 6px #0f172a0d, 0 8px 24px #1068f012;--shadow-large:0 8px 20px #0f172a12, 0 20px 48px #1068f01a;--shadow-overlay:0 24px 64px #0f172a2e, 0 8px 24px #0f172a14;--shadow-product-hover:0 14px 32px #1068f024, 0 6px 12px #0f172a0f;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--overlay-bg:#0f172a80;--navbar-height:64px;--bottom-nav-height:64px;--bottom-nav-gap:10px;--bottom-nav-offset:calc(var(--bottom-nav-height) + var(--bottom-nav-gap));--section-spacing:112px}[data-theme=dark]{--color-primary:#3385ff;--color-primary-hover:#5c9dff;--color-primary-active:#1570f8;--color-primary-light:#0f2a5c;--color-primary-ring:#3385ff4d;--color-primary-rgb:51, 133, 255;--color-accent:#33a3ff;--color-accent-light:#0b2a4a;--color-coin:#fbbf24;--color-coin-light:#3a2a08;--color-bg:#0b1120;--color-surface:#121a2b;--color-surface-2:#18233a;--color-surface-hover:#1c2840;--color-bg-transparent:#0b1120d1;--color-glass:#121a2bc7;--color-border:#23304a;--color-border-hover:#334366;--color-text:#e6ebf5;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0b1120;--color-error-bg:#ef44441f;--color-error-text:#fca5a5;--color-success-bg:#22c55e1f;--color-success-text:#86efac;--color-warning-bg:#f59e0b1f;--color-warning-text:#fde047;--shadow-subtle:0 1px 2px #0006;--shadow-medium:0 4px 12px #00000059;--shadow-large:0 12px 32px #00000073;--shadow-overlay:0 24px 64px #0009;--shadow-product-hover:0 14px 32px #00000073}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1024px){:root{--section-spacing:80px}}@media (width<=640px){:root{--section-spacing:56px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);font-size:16px;line-height:1.6}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;font-family:inherit}:where(button,[role=button],a.btn):active:not(:disabled){opacity:.75}input,textarea,select{font-family:inherit;font-size:inherit}@media (pointer:coarse){input:not([type=checkbox],[type=radio],[type=range]),textarea,select{font-size:16px!important}}@media (width<=768px){body{padding-bottom:calc(var(--bottom-nav-offset) + 12px + env(safe-area-inset-bottom))}}ul,ol{list-style:none}.text-display{font-family:var(--font-headline);letter-spacing:.02em;font-size:56px;font-weight:800;line-height:1.1}.text-headline{font-family:var(--font-headline);letter-spacing:.01em;font-size:40px;font-weight:700;line-height:1.2}.text-subhead{font-family:var(--font-headline);letter-spacing:.005em;font-size:26px;font-weight:600;line-height:1.3}.text-body-lg{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:1.6}.text-body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6}.text-body-sm{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.5}.text-caption{font-family:var(--font-body);letter-spacing:.02em;font-size:12px;font-weight:500;line-height:1.4}.text-overline{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.2}.text-code{font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:1.5}@media (width<=640px){.text-display{font-size:36px}.text-headline{font-size:28px}.text-subhead{font-size:22px}}.btn{font-family:var(--font-body);border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-sm{height:34px;padding:0 18px;font-size:13px}.btn-md{height:42px;padding:0 28px;font-size:15px}.btn-lg{height:50px;padding:0 36px;font-size:15px}.btn-primary{background:var(--color-primary);color:#fff;border:none;box-shadow:0 4px 12px #1068f033}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:none;background:0 0}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn-destructive{background:var(--color-error);color:var(--color-text-inverse)}@media (hover:hover){.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #1068f04d}.btn-secondary:hover{background:var(--color-bg);color:var(--color-text);border-color:#9696964d}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-destructive:hover{background:var(--color-error-hover)}}.btn:active{transform:scale(.96)!important}.btn-primary:active{background:var(--color-primary-dark);box-shadow:0 2px 8px #1068f033!important}.btn .btn-spinner{border:2px solid;border-color:currentColor currentColor #0000 #0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-body);color:var(--color-text);font-size:13px;font-weight:600}.form-input{background:var(--color-surface);border:1.5px solid var(--color-border-hover);border-radius:var(--radius-md);width:100%;height:44px;color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 16px;font-size:16px;font-weight:400}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.form-input.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-ring)}.form-input:disabled{background:var(--color-surface-2);opacity:.5;cursor:not-allowed}.form-helper{color:var(--color-text-secondary);font-size:12px}.form-error{color:var(--color-error);font-size:12px;font-weight:500}.auth-legal-note{color:var(--color-text-tertiary);text-align:center;margin:10px 0 0;font-size:12px;line-height:1.5}.auth-legal-note a{color:var(--color-text-secondary);text-underline-offset:2px;text-decoration:underline}.checkbox-wrapper{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-wrapper input[type=checkbox]{appearance:none;border:2px solid var(--color-border-hover);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);border-radius:6px;flex-shrink:0;position:relative}.checkbox-wrapper input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-wrapper input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox-label{font-family:var(--font-body);color:var(--color-text);-webkit-user-select:none;user-select:none;font-size:14px;font-weight:400}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base);overflow:hidden}@media (hover:hover){.card:hover{border-color:var(--color-border-hover)}}.card-elevated{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);transition:box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden}@media (hover:hover){.card-elevated:hover{box-shadow:var(--shadow-large);transform:translateY(-3px)}}.chip{border-radius:var(--radius-full);height:34px;font-family:var(--font-body);white-space:nowrap;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.chip-success{background:var(--color-success-bg);color:var(--color-success-text)}.chip-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.chip-error{background:var(--color-error-bg);color:var(--color-error-text)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.loading-page{flex:1;justify-content:center;align-items:center;padding:80px 0;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}#root{flex-direction:column;min-height:100vh;display:flex}.main-content{min-height:calc(100vh - var(--navbar-height));flex-direction:column;flex:1;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1200px;padding:0 var(--space-5);margin:0 auto}@media (width<=640px){.container{padding:0 var(--space-4)}}.modal-overlay{z-index:9999;background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);width:100%;max-width:440px;color:var(--color-text);box-shadow:var(--shadow-overlay);animation:fadeIn .25s var(--ease-out);flex-direction:column;gap:18px;padding:28px;display:flex}.modal-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-card__title{font-family:var(--font-headline);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.modal-card__text{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.modal-card__text strong{color:var(--color-text)}.page{width:100%;max-width:1100px;margin:0 auto;padding:28px 20px 56px}.page--narrow{max-width:760px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header>:first-child{flex:1;min-width:0}.page-header>:not(:first-child){flex-shrink:0}.page-header__title{color:var(--color-text);font-family:var(--font-headline);letter-spacing:-.02em;margin:0;font-size:clamp(26px,5vw,34px);font-weight:800;line-height:1.15}.page-header__subtitle{color:var(--color-text-secondary);margin:6px 0 0;font-size:15px;line-height:1.5}@media (width<=640px){.page{padding:20px 16px 40px}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.test-payments-notice{border:1px solid var(--color-error);background:var(--color-error-bg);color:var(--color-error-text);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.test-payments-notice svg{flex-shrink:0;margin-top:1px}.ui-group-title{margin:var(--space-5) 4px var(--space-2);font-family:var(--font-headline);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:12px;font-weight:700}.ui-group{background:var(--color-surface);box-shadow:var(--shadow-subtle);border-radius:18px;overflow:hidden}.ui-row{width:100%;min-height:60px;color:inherit;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 14px;display:flex}button.ui-row{cursor:pointer}a.ui-row{text-decoration:none}button.ui-row:focus-visible,a.ui-row:focus-visible{outline:3px solid var(--color-primary-ring);outline-offset:-3px}@media (hover:hover){button.ui-row:hover,a.ui-row:hover{background:var(--color-surface-hover)}}.ui-row+.ui-row{border-top:1px solid var(--color-border)}.ui-row__icon{background:var(--color-surface-2);width:34px;height:34px;color:var(--color-text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.ui-row__label{min-width:0;color:var(--color-text);flex:1;font-size:15px;font-weight:600}.ui-row__value{max-width:45%;color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ui-row__value--ok{color:var(--color-success);font-weight:700}.ui-row__value--warn{color:var(--color-warning-text);font-weight:700}.ui-row__chevron{color:var(--color-text-tertiary);flex:none}.ui-row__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ui-row__text .ui-row__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-row__hint{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.ui-row__label--accent{color:var(--color-primary)}.ui-row__icon--brand{background:var(--color-surface);border:1px solid var(--color-border)}.ui-row__avatar{background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);font-family:var(--font-headline);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid;overflow:hidden}.ui-row__avatar img{object-fit:cover;width:100%;height:100%}.btn.ui-pill{border-radius:99px;flex:none}@media (hover:none){:root{--color-glass:#fff}[data-theme=dark]{--color-glass:#121a2b}*,:before,:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.toast-container{top:calc(var(--navbar-height) + env(safe-area-inset-top) + 12px);right:var(--space-5);z-index:10000;gap:var(--space-3);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}@media (width<=640px){.toast-container{top:auto;bottom:calc(var(--bottom-nav-offset) + env(safe-area-inset-bottom) + 12px);left:var(--space-4);right:var(--space-4);flex-direction:column-reverse;max-width:100%}.toast{animation-name:toastUp}.toast.toast--exiting{animation-name:toastDown}}@keyframes toastUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes toastDown{to{opacity:0;transform:translateY(16px)}}.toast{align-items:flex-start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-large);pointer-events:auto;animation:slideInRight .3s var(--ease-out) forwards;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.toast--exiting{animation:.3s forwards slideOutRight}.toast__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.toast__icon--success{color:var(--color-success)}.toast__icon--error{color:var(--color-error)}.toast__icon--info{color:var(--color-info)}.toast__content{color:var(--color-text);flex:1;font-weight:500}.toast__close{width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}@media (hover:hover){.toast__close:hover{color:var(--color-text);background:var(--color-border)}}.update-prompt{z-index:10000;background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.update-prompt__card{border-radius:var(--radius-xl);background:var(--color-surface);width:100%;max-width:360px;box-shadow:var(--shadow-overlay);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 24px 24px;display:flex}.update-prompt__icon{background:var(--color-primary-light);width:56px;height:56px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.update-prompt__card h2{color:var(--color-text);font-family:var(--font-headline);margin:0;font-size:19px;font-weight:700}.update-prompt__card p{color:var(--color-text-secondary);margin:0 0 8px;font-size:14.5px;line-height:1.55}.update-prompt__card .btn{width:100%}.inbox-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;align-items:flex-start;gap:12px;padding:14px;display:flex}.inbox-row+.inbox-row{border-top:1px solid var(--color-border)}.inbox-row--unread{background:rgba(var(--color-primary-rgb), .06)}@media (hover:hover){.inbox-row:hover{background:var(--color-surface-hover)}}.inbox-row:focus-visible{outline:3px solid var(--color-primary-ring);outline-offset:-3px}.inbox-row__cover{object-fit:cover;background:var(--color-surface-2);border-radius:10px;flex:none;width:48px;height:64px}.inbox-row__icon{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.inbox-row__icon--blue{background:var(--color-primary-light);color:var(--color-primary)}.inbox-row__icon--violet{color:#7c3aed;background:#ede9fe}.inbox-row__icon--green{background:var(--color-success-bg);color:var(--color-success)}.inbox-row__icon--amber{background:var(--color-coin-light);color:#b45309}.inbox-row__icon--grey{background:var(--color-surface-2);color:var(--color-text-secondary)}[data-theme=dark] .inbox-row__icon--violet{color:#a78bfa;background:#7c3aed33}[data-theme=dark] .inbox-row__icon--amber{color:var(--color-coin);background:#f59e0b2e}.inbox-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.inbox-row__title{font-family:var(--font-headline);color:var(--color-text);overflow-wrap:anywhere;font-size:14.5px;font-weight:700}.inbox-row__message{-webkit-line-clamp:2;color:var(--color-text-secondary);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.inbox-row__time{color:var(--color-text-tertiary);margin-top:2px;font-size:12px}.inbox-row__dot{background:var(--color-primary);width:9px;height:9px;box-shadow:0 0 0 3px var(--color-primary-ring);border-radius:50%;flex:none;margin-top:6px}.inbox-row--compact{padding:12px 14px}.inbox-row--compact .inbox-row__cover{width:40px;height:54px}.inbox-row--compact .inbox-row__icon{border-radius:12px;width:38px;height:38px}.inbox-row--compact .inbox-row__message{-webkit-line-clamp:1}.navbar{z-index:1000;background:var(--color-glass);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.navbar__inner{align-items:center;gap:var(--space-5);height:var(--navbar-height);max-width:1200px;padding:0 var(--space-5);margin:0 auto;display:flex}@media (width<=640px){.navbar__inner{gap:var(--space-2);padding:0 var(--space-4)}}.navbar__logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar__logo-img{width:auto;height:48px;display:block}.navbar__links{align-items:center;gap:4px;display:flex}.navbar__link{border-radius:var(--radius-full);font-family:var(--font-headline);color:var(--color-text-secondary);transition:color var(--transition-fast), background var(--transition-fast);padding:8px 14px;font-size:14px;font-weight:600;position:relative}@media (hover:hover){.navbar__link:hover{color:var(--color-text);background:var(--color-surface-hover)}}.navbar__link--active{color:var(--color-primary);background:var(--color-primary-light)}@media (width<=767px){.navbar__links{display:none}}.navbar__actions{align-items:center;gap:6px;margin-left:auto;display:flex}.navbar__icon-btn{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.navbar__icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}}.navbar__placeholder{width:120px;height:34px}.navbar__coins{border-radius:var(--radius-full);background:var(--color-coin-light);height:34px;color:var(--color-text);font-family:var(--font-headline);transition:transform var(--transition-fast);align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:700;display:inline-flex}.navbar__coins svg{color:var(--color-coin)}@media (hover:hover){.navbar__coins:hover{transform:translateY(-1px)}}.navbar__guest{align-items:center;gap:6px;display:flex}@media (width<=767px){.navbar__desktop-only{display:none}}.navbar__account{position:relative}.navbar__account-btn{border-radius:var(--radius-full);color:var(--color-text-secondary);transition:background var(--transition-fast);align-items:center;gap:4px;padding:3px 6px 3px 3px;display:flex}@media (hover:hover){.navbar__account-btn:hover{background:var(--color-surface-hover)}}.navbar__chevron{transition:transform var(--transition-base)}.navbar__chevron--open{transform:rotate(180deg)}@media (width<=767px){.navbar__account{display:none}}.navbar__menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-large);animation:navbar-pop .18s var(--ease-out);transform-origin:100% 0;padding:8px;position:absolute;top:calc(100% + 10px);right:0}@keyframes navbar-pop{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.navbar__menu-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;margin-bottom:4px;padding:10px 10px 14px;display:flex}.navbar__menu-identity{flex-direction:column;min-width:0;display:flex}.navbar__menu-name{font-family:var(--font-headline);color:var(--color-text);font-size:14px;font-weight:700}.navbar__menu-email{color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.navbar__menu-item{border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}@media (hover:hover){.navbar__menu-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.navbar__menu-item--danger:hover{background:var(--color-error-bg);color:var(--color-error)}}.navbar__menu-divider{background:var(--color-border);height:1px;margin:6px 4px}.nav-notifications-wrapper{align-items:center;display:flex;position:relative}.nav-bell-btn{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}@media (hover:hover){.nav-bell-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}}.nav-bell-badge{background:var(--color-error);color:#fff;border-radius:var(--radius-full);min-width:16px;height:16px;box-shadow:0 0 0 2px var(--color-surface);justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.nav-dropdown-backdrop{z-index:900;position:fixed;inset:0}.nav-notifications-dropdown{z-index:1000;border:1px solid var(--color-border);background:var(--color-surface);width:380px;box-shadow:var(--shadow-large);animation:navbar-pop .18s var(--ease-out);transform-origin:100% 0;border-radius:22px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 10px);right:-8px;overflow:hidden}.nav-notifications-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:8px;padding:16px 18px 12px;display:flex}.nav-notifications-header h3{font-family:var(--font-headline);color:var(--color-text);margin:0;font-size:17px;font-weight:800}.nav-notifications-count{background:var(--color-primary-light);color:var(--color-primary);border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.nav-notifications-body{overscroll-behavior:contain;flex-direction:column;max-height:min(420px,60vh);display:flex;overflow-y:auto}.nav-notifications-loading,.nav-notifications-empty{color:var(--color-text-tertiary);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 24px;font-size:14px;display:flex}.nav-notifications-empty__icon{background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.nav-notifications-footer{background:var(--color-primary-light);color:var(--color-primary);font-family:var(--font-headline);text-align:center;border-radius:14px;margin:10px;padding:11px;font-size:14px;font-weight:700;text-decoration:none;display:block}@media (hover:hover){.nav-notifications-footer:hover{background:var(--color-primary);color:#fff}}@media (width<=640px){.nav-notifications-dropdown{top:calc(var(--navbar-height) + env(safe-area-inset-top) + 8px);left:var(--space-3);right:var(--space-3);width:auto;position:fixed}}.theme-toggle-switch{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-text-secondary);transition:background var(--transition-base), color var(--transition-base);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle-switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:hover){.theme-toggle-switch:hover{background:var(--color-surface-hover);color:var(--color-text)}}.theme-toggle-thumb{animation:theme-toggle-spin .45s var(--ease-out);display:inline-flex}.theme-toggle-switch.is-dark .theme-toggle-thumb{color:var(--color-accent)}@keyframes theme-toggle-spin{0%{opacity:0;transform:rotate(-90deg)scale(.6)}to{opacity:1;transform:rotate(0)scale(1)}}.theme-toggle-row{border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);text-align:left;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}@media (hover:hover){.theme-toggle-row:hover{background:var(--color-surface-hover);color:var(--color-text)}}.theme-toggle-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle-row.is-dark .theme-toggle-thumb{color:var(--color-accent)}.theme-toggle-row__text{flex:1}.theme-toggle-row__track{border-radius:var(--radius-full);background:var(--color-border-hover);width:36px;height:20px;transition:background var(--transition-base);flex-shrink:0;position:relative}.theme-toggle-row__knob{width:16px;height:16px;transition:transform .25s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.theme-toggle-row.is-dark .theme-toggle-row__track{background:var(--color-primary)}.theme-toggle-row.is-dark .theme-toggle-row__knob{transform:translate(16px)}.avatar{border-radius:var(--radius-full);object-fit:cover;font-family:var(--font-headline);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.avatar--tint-0{color:#034bde;background:#dbeafe}.avatar--tint-1{color:#075985;background:#e0f2fe}.avatar--tint-2{color:#3730a3;background:#e0e7ff}.avatar--tint-3{color:#115e59;background:#ccfbf1}.avatar--tint-4{color:#5b21b6;background:#ede9fe}.avatar--tint-5{color:#9d174d;background:#fce7f3}[data-theme=dark] .avatar--tint-0{color:#bfdbfe;background:#1e3a8a}[data-theme=dark] .avatar--tint-1{color:#bae6fd;background:#0c4a6e}[data-theme=dark] .avatar--tint-2{color:#c7d2fe;background:#312e81}[data-theme=dark] .avatar--tint-3{color:#99f6e4;background:#134e4a}[data-theme=dark] .avatar--tint-4{color:#ddd6fe;background:#4c1d95}[data-theme=dark] .avatar--tint-5{color:#fbcfe8;background:#831843}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{left:12px;right:12px;bottom:calc(var(--bottom-nav-gap) + env(safe-area-inset-bottom));z-index:999;height:var(--bottom-nav-height);border:1px solid var(--color-border);background:var(--color-glass);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-radius:24px;padding:0 4px;display:flex;position:fixed;box-shadow:0 10px 30px #0f172a1f,0 2px 6px #0f172a0f}[data-theme=dark] .bottom-nav{box-shadow:0 10px 30px #00000073}.bottom-nav__pill{width:calc(20% - 1.6px);transform:translateX(calc(var(--i) * 100%));padding:0 4px;transition:transform .35s cubic-bezier(.3,1.25,.5,1);position:absolute;top:6px;bottom:6px;left:4px}.bottom-nav__pill:before{content:"";background:linear-gradient(155deg, var(--color-primary), var(--color-accent));height:100%;box-shadow:0 6px 16px rgba(var(--color-primary-rgb), .35);border-radius:18px;display:block}.bottom-nav__item{z-index:1;min-width:0;color:var(--color-text-tertiary);-webkit-tap-highlight-color:transparent;transition:color .25s var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.bottom-nav__icon-wrapper{height:26px;transition:transform .25s var(--ease-out);justify-content:center;align-items:center;display:flex}.bottom-nav__label{font-family:var(--font-headline);font-size:10.5px;font-weight:600}.bottom-nav__item.active{color:#fff}.bottom-nav__item.active .bottom-nav__label{font-weight:700}.bottom-nav__item:active .bottom-nav__icon-wrapper{transform:scale(.9)}.bottom-nav__item:focus-visible{outline:none}.bottom-nav__item:focus-visible .bottom-nav__icon-wrapper{box-shadow:0 0 0 3px var(--color-primary-ring);border-radius:8px}}@media (width<=768px) and (prefers-reduced-motion:reduce){.bottom-nav__pill{transition:none}}.footer{margin-top:var(--space-8);background:var(--color-surface);border-radius:28px 28px 0 0;box-shadow:0 -6px 24px #0f172a0d}.footer__inner{gap:var(--space-6);max-width:1200px;padding:var(--space-7) var(--space-5) var(--space-5);grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);margin:0 auto;display:grid}.footer__logo{align-items:center;gap:10px;display:inline-flex}.footer__logo-img{width:auto;height:64px;display:block}.footer__follow{font-family:var(--font-headline);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:16px 0 8px;font-size:12px;font-weight:700}.footer__socials{flex-wrap:wrap;gap:10px;display:flex}.footer__social{border-radius:var(--radius-full);color:#fff;height:40px;font-family:var(--font-headline);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:8px;padding:0 16px 0 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.footer__social--facebook{background:#1877f2;box-shadow:0 6px 16px #1877f24d}.footer__social--telegram{background:#229ed9;box-shadow:0 6px 16px #229ed94d}@media (hover:hover){.footer__social:hover{transform:translateY(-2px)}}.footer__social:focus-visible{outline:3px solid var(--color-primary-ring);outline-offset:2px}.footer__group{flex-direction:column;gap:10px;display:flex}.footer__group h4{font-family:var(--font-headline);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:4px;font-size:12px;font-weight:700}.footer__group a{width:fit-content;color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:14px;font-weight:600}@media (hover:hover){.footer__group a:hover{color:var(--color-primary)}}.footer__bottom{max-width:1200px;padding:var(--space-3) var(--space-5) var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 auto;display:flex}.footer__copyright{color:var(--color-text-tertiary);margin:0;font-size:12px}.footer__theme{max-width:220px}@media (width<=768px){.footer{margin-top:var(--space-6)}.footer__inner{gap:var(--space-5);padding:var(--space-6) var(--space-4) var(--space-4);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}.footer__bottom{padding:var(--space-3) var(--space-4) var(--space-4)}}.ban-modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}.ban-modal-content{background:var(--color-surface);text-align:center;border:1px solid #96969614;border-radius:24px;width:100%;max-width:440px;padding:40px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;box-shadow:0 24px 60px #0000001a}[data-theme=dark] .ban-modal-content{border:1px solid #ffffff0d;box-shadow:0 24px 60px #0000004d}.ban-modal-icon{width:96px;height:96px;color:var(--color-error);background:#ef44440d;border:1px solid #ef444426;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 32px;display:flex}.ban-modal-title{font-family:var(--font-headline);letter-spacing:-.02em;color:var(--color-text);margin-bottom:12px;font-size:28px;font-weight:800}.ban-modal-message{color:var(--color-text-secondary);margin-bottom:32px;font-size:15px;line-height:1.6}.ban-modal-reason-box{text-align:left;border-left:4px solid var(--color-error);background:#96969608;border:1px solid #96969614;border-left-width:4px;border-radius:20px;margin-bottom:32px;padding:24px}.ban-modal-reason-label{text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:700}.ban-modal-reason-text{color:var(--color-text);word-break:break-word;font-size:15px;font-weight:600;line-height:1.5}.ban-modal-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:99px;width:100%;height:56px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.ban-modal-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 12px 30px #1068f026}}.session-expired-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) forwards session-expired-fade-in;display:flex;position:fixed;inset:0}.session-expired-content{background:var(--color-surface);text-align:center;border:1px solid #96969614;border-radius:24px;width:100%;max-width:420px;padding:40px;animation:.3s cubic-bezier(.16,1,.3,1) forwards session-expired-slide-up;box-shadow:0 24px 60px #0000001a}[data-theme=dark] .session-expired-content{border:1px solid #ffffff0d;box-shadow:0 24px 60px #0000004d}.session-expired-icon{width:88px;height:88px;color:var(--color-primary);background:#1068f014;border:1px solid #1068f026;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 28px;display:flex}.session-expired-title{font-family:var(--font-headline);letter-spacing:-.02em;color:var(--color-text);margin-bottom:12px;font-size:24px;font-weight:800}.session-expired-message{color:var(--color-text-secondary);margin-bottom:28px;font-size:15px;line-height:1.6}.session-expired-btn{cursor:pointer;border-radius:99px;width:100%;height:52px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.session-expired-btn--primary{background:var(--color-primary);color:#fff;border:none;margin-bottom:10px}@media (hover:hover){.session-expired-btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 12px 30px #1068f026}}.session-expired-btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}@media (hover:hover){.session-expired-btn--ghost:hover{background:var(--color-bg);color:var(--color-text)}}@keyframes session-expired-fade-in{0%{opacity:0}to{opacity:1}}@keyframes session-expired-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.gift-modal-overlay{background:var(--overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.gift-modal-content{background:var(--color-surface);text-align:center;opacity:0;border:1px solid #96969614;border-radius:24px;width:100%;max-width:440px;padding:40px;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:.4s forwards modal-enter;position:relative;transform:scale(.95);box-shadow:0 24px 60px #0000001a}[data-theme=dark] .gift-modal-content{border:1px solid #ffffff0d;box-shadow:0 24px 60px #0000004d}@keyframes modal-enter{to{opacity:1;transform:scale(1)}}.gift-modal-content.revealed{border:2px solid var(--color-primary);box-shadow:0 24px 60px #1068f026}.gift-modal-close{cursor:pointer;width:32px;height:32px;color:var(--color-text-secondary);background:#9696960d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:16px;right:16px}@media (hover:hover){.gift-modal-close:hover{color:var(--color-text);background:#96969626}}.gift-icon-container{background:#1068f00d;border:1px solid #1068f026;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 32px;display:flex;position:relative}.gift-coins-badge{background:var(--color-primary);color:#fff;font-family:var(--font-headline);white-space:nowrap;border-radius:99px;padding:6px 16px;font-size:16px;font-weight:800;position:absolute;top:-10px;right:-20px;transform:rotate(10deg);box-shadow:0 8px 24px #1068f04d}.gift-modal-content h2{font-family:var(--font-headline);letter-spacing:-.02em;color:var(--color-text);margin-bottom:8px;font-size:28px;font-weight:800}.gift-modal-content p{color:var(--color-text-secondary);margin-bottom:32px;font-size:15px}.gift-open-btn{letter-spacing:-.01em;border-radius:99px;width:100%;height:56px;font-size:18px;font-weight:800;animation:2s infinite pulse-shadow}.gift-details{background:#96969608;border:1px solid #96969614;border-radius:20px;margin-top:24px;padding:24px}.gift-message-box{border-top:1px dashed #96969633;margin-top:16px;padding-top:16px;position:relative}.gift-message-text{color:var(--color-text);margin:0;font-size:16px;font-style:italic;line-height:1.6}.gift-message-quotes{color:#1068f026;font-family:serif;font-size:48px;line-height:1;position:absolute;top:-16px;left:0}.gift-message-quotes.bottom{inset:auto 0 -40px auto}.wiggle{animation:2s linear infinite wiggle}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-10deg)}20%{transform:rotate(7deg)}25%{transform:rotate(-7deg)}30%{transform:rotate(4deg)}35%{transform:rotate(-2deg)}40%,to{transform:rotate(0)}}.pop-in{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.fade-in-up{opacity:0;animation:.5s forwards fade-in-up;transform:translateY(20px)}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes pulse-shadow{0%{box-shadow:0 0 #1068f066}70%{box-shadow:0 0 0 15px #1068f000}to{box-shadow:0 0 #1068f000}}.route-error{text-align:center;justify-content:center;align-items:center;min-height:60vh;padding:2rem 16px;display:flex}.route-error-container{width:100%;max-width:480px}.route-error-icon{width:64px;height:64px;color:var(--color-error);background:#96969614;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:inline-flex}.route-error-title{font-family:var(--font-headline);color:var(--color-text);margin:0 0 .75rem;font-size:1.5rem;font-weight:800}.route-error-message{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.route-error-detail{text-align:left;font-family:var(--font-mono,monospace);color:var(--color-text-tertiary);border:1px solid var(--color-border);white-space:pre-wrap;word-break:break-word;background:#96969614;border-radius:12px;max-height:180px;margin:0 0 1.5rem;padding:12px 14px;font-size:12px;line-height:1.5;overflow:auto}.route-error-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.route-error-btn{align-items:center;gap:.5rem;display:inline-flex}@media (width<=480px){.route-error-actions{flex-direction:column;width:100%}.route-error-btn{width:100%}}