.chat-window{background:#f1eef7;background:var(--bg-color);display:flex;flex-direction:column;height:100vh;max-height:100vh;min-height:0;width:100%}.chat-window .chat-header{align-items:center;background:#f1eef7;background:var(--surface-color);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color);display:flex;padding:12px;padding:var(--spacing-sm)}.chat-window .chat-header .chat-whop-logo{border-radius:50%;height:36px;margin-right:12px;margin-right:var(--spacing-sm);object-fit:cover;width:36px}.chat-window .chat-header h4{font-size:1rem;margin:0}.chat-window .chat-messages{-webkit-overflow-scrolling:touch;background:#f1eef7;background:var(--bg-color);display:flex;flex:1 1;flex-direction:column;gap:.8rem;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:12px;padding:var(--spacing-sm);width:100%}.chat-window .chat-messages::-webkit-scrollbar{width:8px}.chat-window .chat-messages::-webkit-scrollbar-thumb{background:#0000001a;background:var(--border-color);border-radius:12px;border-radius:var(--radius-base)}.chat-window .chat-messages .load-more-wrapper{display:flex;justify-content:center;margin-bottom:12px;margin-bottom:var(--spacing-sm);width:100%}.chat-window .chat-messages .btn-load-more{background:#f1eef7;background:var(--surface-color);border:1px solid #100b16;border:1px solid var(--primary-color);border-radius:12px;border-radius:var(--radius-base);cursor:pointer;padding:6px 20px;padding:var(--spacing-xs) var(--spacing-md);transition:background .3s ease-in-out,transform .3s ease-in-out;transition:background var(--transition),transform var(--transition)}.chat-window .chat-messages .btn-load-more:hover:not(:disabled){background:#000;background:var(--primary-hover);color:#fff;transform:translateY(-1px)}.chat-window .chat-messages .btn-load-more:disabled{cursor:not-allowed;opacity:.6}.chat-window .chat-messages .chat-message{align-items:flex-end;display:flex;margin-bottom:12px;margin-bottom:var(--spacing-sm);transition:background .3s}.chat-window .chat-messages .chat-message.mine{justify-content:flex-end}.chat-window .chat-messages .chat-message.other{justify-content:flex-start}.chat-window .chat-messages .chat-message .chat-avatar{border-radius:50%;height:28px;margin:0 6px;margin:0 var(--spacing-xs);object-fit:cover;width:28px}.chat-window .chat-messages .chat-message .chat-bubble{word-wrap:break-word;--bubble-bg:var(--surface-color);--bubble-fg:var(--text-color);background:var(--bubble-bg);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 5px 40px rgba(0,0,0,.055);box-shadow:var(--shadow-soft);color:var(--bubble-fg);font-size:.95rem;line-height:1.35;max-width:min(720px,82%);padding:10px 12px 8px;position:relative;width:auto}.chat-window .chat-messages .chat-message .chat-bubble .chat-bubble-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-bubble-header .chat-username{color:#bebebd;display:inline-block;font-size:.78rem;font-weight:600;margin:0}.chat-window .chat-messages .chat-message .chat-bubble .chat-bubble-header .btn-reply{display:none}.chat-window .chat-messages .chat-message .chat-bubble .chat-reply-ref{background:#0000000a;border:1px dashed #0000001a;border:1px dashed var(--border-color);border-radius:8px;color:#6b6b6b;color:var(--muted-color);cursor:pointer;font-size:.78rem;margin-bottom:.35rem;padding:.3rem .5rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-reply-ref:hover{filter:brightness(.98)}.chat-window .chat-messages .chat-message .chat-bubble p{margin:0}.chat-window .chat-messages .chat-message .chat-bubble .chat-actions{align-items:center;display:flex;gap:.4rem;margin-top:.4rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-actions .chat-time{color:#6b6b6b;color:var(--muted-color);font-size:.72rem;margin-left:auto}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions{align-items:center;display:inline-flex;gap:.25rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .reaction-chip,.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .reaction-display{align-items:center;background:#0000000a;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:.8rem;gap:.25rem;line-height:1;padding:.15rem .4rem;white-space:nowrap}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .reaction-chip[data-active=true],.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .reaction-display[data-active=true]{background:#0000000f;border-color:#0000001a;border-color:var(--border-color);font-weight:600}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .btn-emoji-picker,.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .btn-react{align-items:center;background:#0000;background-color:#f1eef7;background-color:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:999px;cursor:pointer;display:inline-flex;font-size:0;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .btn-emoji-picker:before,.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .btn-react:before{color:#111;color:var(--text-color);content:"+";font-size:.7rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .btn-emoji-picker:hover,.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .btn-react:hover{background:#0000000a}.chat-window .chat-messages .chat-message .chat-bubble:after{background:var(--bubble-bg);border:1px solid #0000001a;border:1px solid var(--border-color);border-left:none;border-top:none;bottom:-2px;content:"";height:10px;position:absolute;transform:rotate(45deg);width:10px}.chat-window .chat-messages .chat-message.mine .chat-bubble{--bubble-bg:var(--primary-color);--bubble-fg:#fff;border-bottom-right-radius:6px;border-color:#100b16;border-color:var(--primary-color)}.chat-window .chat-messages .chat-message.mine .chat-bubble:after{background:#100b16;background:var(--primary-color);border-color:#100b16;border-color:var(--primary-color);right:6px}.chat-window .chat-messages .chat-message.other .chat-bubble{--bubble-bg:var(--surface-color);--bubble-fg:var(--text-color);border-bottom-left-radius:6px}.chat-window .chat-messages .chat-message.other .chat-bubble:after{left:6px}.chat-window .chat-messages .chat-message.hold-feedback .chat-bubble{filter:brightness(.98)}.chat-window .chat-input{align-items:center;background:#f1eef7;background:var(--surface-color);border-top:1px solid #0000001a;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm);padding:12px 20px;padding:var(--spacing-sm) var(--spacing-md);width:100%}.chat-window .chat-input .chat-error{color:red;margin:4px 0;width:100%}.chat-window .chat-input .reply-indicator{align-items:center;background:#0000000a;border:1px dashed #0000001a;border:1px dashed var(--border-color);border-radius:8px;color:#6b6b6b;color:var(--muted-color);display:flex;font-size:.9rem;gap:.5rem;justify-content:space-between;padding:.4rem .6rem;width:100%}.chat-window .chat-input .reply-indicator .btn-cancel-reply{background:#0000;border:none;cursor:pointer;font-size:1rem;line-height:1}.chat-window .chat-input .input-wrapper{flex:1 1 auto;min-width:0;position:relative;width:100%}.chat-window .chat-input input{background:#f1eef7;background:var(--bg-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:25px;flex:1 1 auto;font-size:1rem;min-width:0;padding:10px 16px;width:550px}.chat-window .chat-input .btn-send{align-items:center;background:#100b16;background:var(--primary-color);border-radius:25px;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;height:44px;justify-content:center;min-width:120px}.chat-window .chat-input.muted .btn-send,.chat-window .chat-input.muted input{cursor:not-allowed;opacity:.5}@media(max-width:600px){.chat-window .chat-input{align-items:stretch;flex-direction:column;gap:8px}.chat-window .chat-input input{width:100%}.chat-window .chat-input .btn-send{height:48px;width:100%}}@media(max-width:768px){.chat-window{height:100vh}.chat-window .chat-messages{gap:.7rem;padding:.8rem;width:100%}.chat-window .chat-input{background:#f1eef7;background:var(--surface-color);border-top:1px solid #0000001a;border-top:1px solid var(--border-color);bottom:0;left:0;padding:.6rem;position:-webkit-sticky;position:sticky;right:0;z-index:50}.chat-window .chat-input input{width:100%}.chat-window .chat-input .btn-send{height:48px;width:100%}}.mention{color:#100b16;color:var(--primary-color);font-weight:600}.btn-back-bottom{background:#100b16;background:var(--primary-color);border:none;border-radius:20px;bottom:1rem;box-shadow:0 5px 40px rgba(0,0,0,.055);box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;font-size:.85rem;margin:0 auto;padding:.4rem 1rem;position:-webkit-sticky;position:sticky}.btn-back-bottom:hover{transform:translateY(-1px)}.suggestions-list{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:.4rem;bottom:calc(100% + 6px);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;z-index:40}.suggestions-list li{cursor:pointer;padding:.45rem .6rem}.suggestions-list li.active,.suggestions-list li:hover{background:#0000000d}@media(max-width:768px){.suggestions-list{font-size:.9rem;max-height:140px}}.emoji-picker,.emoji-popover{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:10px;bottom:32px;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);display:flex;gap:.3rem;left:0;padding:.35rem .4rem;position:absolute;z-index:100}.emoji-picker button,.emoji-popover button{background:#0000;border:none;cursor:pointer;font-size:1.1rem;padding:.2rem .3rem}.chat-context-menu{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);min-width:160px;padding:.25rem;position:fixed;z-index:10000}.chat-context-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:#111;color:var(--text-color);cursor:pointer;display:flex;font-size:.92rem;gap:.5rem;padding:.5rem .6rem;width:100%}.chat-context-menu button:hover{background:#0000000a}.chat-modal-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.chat-modal{animation:scaleIn .3s ease;background:#f1eef7;background:var(--surface-color);border-radius:1rem;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);display:flex;flex:1 1;flex-direction:row;height:85%;max-width:960px;min-height:0;min-width:0;position:relative;width:90%}@media(max-width:768px){.chat-modal{border-radius:0;flex-direction:column;height:100%;overflow:hidden;width:100%}}.chat-modal-content{display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0}.chat-modal-close{align-items:center;background:#f1eef7;background:var(--bg-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:50%;color:#6b6b6b;color:var(--muted-color);cursor:pointer;display:flex;font-size:1.4rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:.2s;width:40px;z-index:999999}.chat-modal-close:hover{background:#100b16;background:var(--primary-color);border-color:#100b16;border-color:var(--primary-color);color:#fff}@media(max-width:768px){.chat-modal-close{height:48px;right:.5rem;top:3.2rem;width:48px}}.chat-modal-sidebar{background:#f1eef7;background:var(--bg-color);border-radius:25px;border-right:1px solid #0000001a;border-right:1px solid var(--border-color);flex:0 0 220px;margin-top:0;overflow-y:auto;pointer-events:auto;position:relative;z-index:20}@media(max-width:768px){.chat-modal-sidebar{background:#f1eef7;background:var(--surface-color);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color);border-right:none;display:flex;flex:none;gap:.5rem;margin-top:50px;overflow-x:auto;padding:.5rem;position:relative;width:100%;z-index:99999}}.chat-modal-sidebar ul{list-style:none;margin:0;padding:0;width:100%}@media(max-width:768px){.chat-modal-sidebar ul{display:flex;gap:.5rem}}.chat-modal-sidebar ul li{align-items:center;cursor:pointer;display:flex;padding:.6rem 1rem;transition:background .2s;white-space:nowrap}.chat-modal-sidebar ul li.active,.chat-modal-sidebar ul li:hover{background:#f1eef7;background:var(--surface-color)}.chat-modal-sidebar ul li .whop-logo-sm{border-radius:50%;height:28px;margin-right:.6rem;object-fit:cover;width:28px}@media(max-width:768px){.chat-modal{border-radius:0;flex-direction:column;height:100%;width:100%}.chat-messages{gap:.7rem;padding:.8rem}.emoji-picker{bottom:70px;flex-wrap:wrap;gap:.3rem;max-width:90%;right:10px}.chat-whop-selector{position:-webkit-sticky;position:sticky;top:0;z-index:50}}.chat-placeholder{align-items:center;color:#6b6b6b;color:var(--muted-color);display:flex;font-size:.9rem;inset:0;justify-content:center;position:absolute}.member-main{display:flex;flex-direction:column;height:100%}.member-main .member-chat-tab,.member-main .member-tab-content{display:flex;flex:1 1;flex-direction:column;min-height:0}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.search-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.search-modal{animation:scaleIn .2s ease;background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:1.2rem;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;gap:1.2rem;max-width:640px;padding:4rem;position:relative;width:100%}@media(max-width:600px){.search-modal{margin:0 1rem;padding:4rem .5rem}}.close-btn{align-items:center;background:#f1eef7;background:var(--bg-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:50%;color:#6b6b6b;color:var(--muted-color);cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.close-btn:hover{background:#100b16;background:var(--primary-color);border-color:#100b16;border-color:var(--primary-color);color:#fff}.search-input{background:#f1eef7;background:var(--bg-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:50px;font-size:1.05rem;outline:none;padding:.8rem 1.2rem;transition:border .2s ease,box-shadow .2s ease;width:100%}.search-input:focus{border-color:#100b16;border-color:var(--primary-color);box-shadow:0 0 0 3px #0000000d}.loading{color:#6b6b6b;color:var(--muted-color);font-size:.95rem;text-align:center}.results{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;max-height:50vh;overflow-y:auto;padding:0}.results .result-item{align-items:center;border-radius:.8rem;cursor:pointer;display:flex;gap:1rem;padding:.6rem .8rem;transition:all .2s ease}.results .result-item:hover{background:#0000001a;background:var(--border-color);transform:scale(.99)}.results .result-item .thumb{background:#0000001a;background:var(--border-color);border-radius:.6rem;box-shadow:inset 0 0 3px #0000000d;flex:0 0 64px;height:64px;overflow:hidden}.results .result-item .thumb img{height:100%;object-fit:cover;width:100%}.results .result-item .meta{display:flex;flex:1 1;flex-direction:column;justify-content:center}.results .result-item .meta .title{color:#111;color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:.15rem}.results .result-item .meta .slug{color:#6b6b6b;color:var(--muted-color);font-size:.9rem}.results .result-item .meta .desc{color:#6b6b6b;color:var(--muted-color);font-size:.85rem;margin-top:.2rem}.results .no-results{color:#6b6b6b;color:var(--muted-color);font-size:.95rem;padding:.8rem 0;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.profile-menu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,#f1eef7 86%,#0000);background:color-mix(in srgb,var(--surface-color) 86%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:16px;bottom:calc(100% + .5rem);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;left:0;min-width:18rem;padding:10px 14px 14px;position:absolute;z-index:10000}.profile-menu__header{align-items:center;display:flex;gap:10px}.profile-menu__header img,.profile-menu__header svg{background:color-mix(in srgb,#f1eef7 96%,#0000);background:color-mix(in srgb,var(--surface-color) 96%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:15px;height:50px;object-fit:cover;padding:2px;width:50px}.profile-menu__info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.profile-menu__name{font-size:1rem;font-weight:600}.profile-menu__view{background:none;border:none;color:#100b16;color:var(--primary-color);cursor:pointer;font-size:.9rem;padding:0;text-align:left}.profile-menu__list{display:flex;flex-direction:column;gap:6px}.profile-menu__item{align-items:center;background:color-mix(in srgb,#f1eef7 95%,#0000);background:color-mix(in srgb,var(--bg-color) 95%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:10px;color:#111;color:var(--text-color);display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;padding:10px 12px;text-align:left;transition:background .2s}.profile-menu__item:hover{background:color-mix(in srgb,#f1eef7 60%,#0000);background:color-mix(in srgb,var(--surface-color) 60%,#0000)}.profile-menu__logout{background:rgba(194,8,8,.192);color:#e53935}.profile-menu__theme{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:2px}.profile-menu__theme-button{align-items:center;background:none;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:10px;color:#111;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0 10px;transition:background .2s,color .2s;width:100%}.profile-menu__theme-button:hover{background:none}.profile-menu__theme-button.active{background:#100b16;background:var(--primary-color);color:#fff}:root{--pwa-nav-h:64px}.with-bottom-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom));padding-bottom:calc(var(--pwa-nav-h) + env(safe-area-inset-bottom) + 8px)}.pwa-nav{background:#0000;bottom:0;left:0;margin:0;overscroll-behavior-y:none;padding:15px max(20px,env(safe-area-inset-left)) 15px max(20px,env(safe-area-inset-right));position:fixed;right:0;touch-action:pan-x;z-index:1000}.pwa-nav:after{border-top:1px solid #0000001a;border-top:1px solid var(--border-color,#e5e5e5);bottom:0;content:"";height:env(safe-area-inset-bottom);left:0;pointer-events:none;position:absolute;right:0}.pwa-nav:after,.pwa-nav__bar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,#f1eef7 82%,#0000);background:color-mix(in srgb,var(--surface-color,#fff) 82%,#0000)}.pwa-nav__bar{grid-gap:2px;align-items:center;border:1px solid #0000001a;border:1px solid var(--border-color,#e5e5e5);border-radius:18px;box-shadow:0 8px 28px #0000001f,0 1px 0 #ffffff0f;display:grid;gap:2px;grid-template-columns:repeat(5,1fr);height:64px;height:var(--pwa-nav-h);margin:0 auto env(safe-area-inset-bottom);max-width:980px}.pwa-nav__item{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:0;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:6px;height:100%;justify-content:center;position:relative;text-decoration:none;transition:color .2s ease,transform .15s ease;-webkit-user-select:none;user-select:none;width:100%}.pwa-nav__item .icon{font-size:22px;line-height:1}.pwa-nav__item .label{display:none;letter-spacing:.01em}.pwa-nav__item:active{transform:translateY(1px) scale(.98)}.pwa-nav__item:focus-visible{outline:2px solid #100b16;outline:2px solid var(--primary-color,#ff5400);outline-offset:2px}.pwa-nav__item.active{color:#100b16;color:var(--primary-color,#ff5400)}.pwa-nav__badge{background:#ef4444;background:var(--danger-color,#ef4444);border-radius:999px;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:16px;padding:2px 5px;pointer-events:none;position:absolute;right:18px;top:6px;transform:translate(50%,-50%)}.theme-dark .pwa-nav__bar,[data-theme=dark] .pwa-nav__bar{background:color-mix(in srgb,#f1eef7 86%,#0000);background:color-mix(in srgb,var(--surface-color,#0c0b14) 86%,#0000);border-color:color-mix(in srgb,#0000001a 70%,#0000);border-color:color-mix(in srgb,var(--border-color,#2a2a2a) 70%,#0000);box-shadow:0 8px 28px #00000059,0 1px 0 #ffffff0a}@media(min-width:480px){:root{--pwa-nav-h:68px}.pwa-nav__bar{border-radius:20px;height:64px;height:var(--pwa-nav-h)}.pwa-nav__item .label{display:block}}@media(prefers-reduced-motion:reduce){.pwa-nav__item{transition:none!important}}.pwa-nav__bar button.pwa-nav__item,.pwa-nav__bar button.pwa-nav__item:active,.pwa-nav__bar button.pwa-nav__item:focus,.pwa-nav__bar button.pwa-nav__item:focus-visible,.pwa-nav__bar button.pwa-nav__item:hover{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;outline:none!important}.pwa-nav__bar button.pwa-nav__item:after,.pwa-nav__bar button.pwa-nav__item:before{content:none!important}.pwa-nav__bar button.pwa-nav__item:hover{color:#111827;color:var(--text,#111827);transform:none!important}.pwa-nav__item.active,.pwa-nav__item[aria-pressed=true]{color:#100b16;color:var(--primary-color,#ff5400)}.pwa-nav__item{z-index:0}.pwa-nav__item:before{background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color,#fff) 92%,#0000);border-radius:14px;box-shadow:0 2px 8px #00000014,inset 0 0 0 1px #0000000f;content:""!important;inset:6px 10px;opacity:0;position:absolute;transform:translateY(2px) scale(.98);transition:opacity .18s ease,transform .18s ease;z-index:-1}.pwa-nav__item.active:before,.pwa-nav__item[aria-pressed=true]:before{opacity:1;transform:none}.theme-dark .pwa-nav__item:before,[data-theme=dark] .pwa-nav__item:before{background:color-mix(in srgb,#100b16 10%,#0000);background:color-mix(in srgb,var(--primary-color,#0c0b14) 10%,#0000);box-shadow:0 2px 12px #0006,inset 0 0 0 1px #ffffff0f}.pwa-nav__item:active:before{transform:translateY(1px) scale(.985)}:root{--pwa-sidebar-w:60px}.pwa-sidebar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,#f1eef7 86%,#0000);background:color-mix(in srgb,var(--surface-color,#fff) 86%,#0000);border-right:1px solid #0000001a;border-right:1px solid var(--border-color,#e5e5e5);bottom:0;display:flex;flex-direction:column;gap:10px;left:0;overflow-x:hidden;overscroll-behavior-y:contain;padding:10px 6px;position:fixed;top:0;width:60px;width:var(--pwa-sidebar-w);z-index:1000}.pwa-sidebar--scrollable{overflow-y:auto;touch-action:pan-y}.pwa-sidebar--locked{overflow-y:hidden;touch-action:none}.pwa-sidebar:before{background:inherit;bottom:0;content:"";left:0;pointer-events:none;position:fixed;top:0;width:env(safe-area-inset-left)}.main-content.pwa-sidebar-active{margin-left:60px;margin-left:var(--pwa-sidebar-w)}.pwa-sidebar__divider{background:#0000001a;background:var(--border-color,#e5e5e5);border:none;height:1px;margin:6px 0;width:100%}.pill,.pwa-profile-modal__item,.pwa-profile-modal__theme-button,.pwa-sidebar__icon-button,.pwa-sidebar__profile,.pwa-sidebar__whop{color:#111;color:var(--text-color,#0f172a);position:relative;transition:color .2s ease,transform .15s ease;z-index:0}.pill:before,.pwa-profile-modal__item:before,.pwa-profile-modal__theme-button:before,.pwa-sidebar__icon-button:before,.pwa-sidebar__profile:before,.pwa-sidebar__whop:before{background:#0000;border-radius:10px;box-shadow:0 2px 8px #00000014,inset 0 0 0 1px #0000000a;content:"";inset:2px;opacity:0;position:absolute;transform:translateY(2px) scale(.98);transition:opacity .18s ease,transform .18s ease,background .18s ease;z-index:-1}.pill:hover:before,.pwa-profile-modal__item:hover:before,.pwa-profile-modal__theme-button:hover:before,.pwa-sidebar__icon-button:hover:before,.pwa-sidebar__profile:hover:before,.pwa-sidebar__whop:hover:before{background:color-mix(in srgb,#f1eef7 88%,#0000);background:color-mix(in srgb,var(--surface-color,#fff) 88%,#0000);opacity:.9;transform:translateY(1px) scale(.985)}.pill:active:before,.pwa-profile-modal__item:active:before,.pwa-profile-modal__theme-button:active:before,.pwa-sidebar__icon-button:active:before,.pwa-sidebar__profile:active:before,.pwa-sidebar__whop:active:before{transform:translateY(0) scale(.98)}.active.pwa-profile-modal__item:before,.active.pwa-profile-modal__theme-button:before,.active.pwa-sidebar__icon-button:before,.active.pwa-sidebar__profile:before,.active.pwa-sidebar__whop:before,.pill.active:before{background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color,#fff) 92%,#0000);opacity:1;transform:none}.theme-dark .pwa-sidebar,[data-theme=dark] .pwa-sidebar{background:color-mix(in srgb,#f1eef7 86%,#0000);background:color-mix(in srgb,var(--surface-color,#0c0b14) 86%,#0000);border-right-color:color-mix(in srgb,#0000001a 70%,#0000);border-right-color:color-mix(in srgb,var(--border-color,#2a2a2a) 70%,#0000);box-shadow:0 8px 28px #00000059,0 1px 0 #ffffff0a}.theme-dark .pill:before,.theme-dark .pwa-profile-modal__item:before,.theme-dark .pwa-profile-modal__theme-button:before,.theme-dark .pwa-sidebar__icon-button:before,.theme-dark .pwa-sidebar__profile:before,.theme-dark .pwa-sidebar__whop:before,[data-theme=dark] .pill:before,[data-theme=dark] .pwa-profile-modal__item:before,[data-theme=dark] .pwa-profile-modal__theme-button:before,[data-theme=dark] .pwa-sidebar__icon-button:before,[data-theme=dark] .pwa-sidebar__profile:before,[data-theme=dark] .pwa-sidebar__whop:before{background:#0000;box-shadow:0 2px 12px #0006,inset 0 0 0 1px #ffffff0f}.pwa-sidebar__profile{align-items:center;background:none;border:1px solid #0000001a;border:1px solid var(--border-color,#e5e5e5);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:visible;padding:0;position:relative;width:40px}.pwa-sidebar__profile img{border-radius:50%;height:100%;object-fit:cover;width:100%}.pwa-sidebar__profile svg{height:20px;width:20px}.pwa-sidebar__profile:hover{background:none}.pwa-sidebar__status{background:#22c55e;border:2px solid #f1eef7;border:2px solid var(--surface-color,#fff);border-radius:50%;bottom:-2px;height:10px;position:absolute;right:-2px;width:10px;z-index:1}.pwa-sidebar__actions{display:flex;flex-direction:column;gap:10px}.pwa-sidebar__icon-button{align-items:center;background:hsla(0,0%,74%,.055);border:1px solid #0000001a;border:1px solid var(--border-color,#e5e5e5);border-radius:10px;box-shadow:none;color:#111;color:var(--text-color,#0f172a);display:flex;height:40px;justify-content:center;width:40px}.pwa-sidebar__icon-button svg{height:20px;width:20px}.pwa-sidebar__icon-button:hover{background:none}.pwa-sidebar__whops{display:flex;flex-direction:column;gap:10px;margin-left:auto;margin-right:auto}.pwa-sidebar__whop{--gap:2px;--r:10px;background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color,#000) 92%,#0000);border:1.5px solid #0000001a;border:1.5px solid var(--border-color);border-radius:var(--r);box-sizing:border-box;height:40px;overflow:hidden;padding:var(--gap);width:40px}.pwa-sidebar__whop img{border-radius:calc(var(--r) - var(--gap));display:block;height:100%;object-fit:cover;width:100%}.pwa-sidebar__whop:hover{background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color,#000) 92%,#0000)}.pwa-profile-modal{align-items:flex-end;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:color-mix(in srgb,#000 18%,#0000);display:flex;inset:0;justify-content:center;opacity:0;padding:0 12px calc(12px + env(safe-area-inset-bottom));position:fixed;transition:opacity .22s ease-out;z-index:1100}.pwa-profile-modal.is-visible{opacity:1}.pwa-profile-modal__content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,#f1eef7 86%,#0000);background:color-mix(in srgb,var(--surface-color,#fff) 86%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color,#e5e5e5);border-radius:16px;box-shadow:0 16px 40px #0000002e,0 1px 0 #ffffff14;cursor:grab;display:flex;flex-direction:column;gap:10px;padding:10px 14px 14px;position:relative;touch-action:none;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .2s ease-out;width:clamp(280px,92vw,420px);will-change:transform,opacity}.pwa-profile-modal__content.is-dragging{cursor:grabbing;transition:none}.pwa-profile-modal__content.is-enter{opacity:0;transform:translateY(24px) scale(.985)}.pwa-profile-modal__drag{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:0;box-shadow:none;display:flex;justify-content:center;margin:0 auto 4px;padding:8px 0 6px;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.pwa-profile-modal__drag-handle{background:color-mix(in srgb,#111 32%,#0000);background:color-mix(in srgb,var(--text-color,#0f172a) 32%,#0000);border-radius:999px;box-shadow:0 1px 0 #ffffff40,0 1px 8px #00000014;height:5px;pointer-events:none;width:44px}.theme-dark .pwa-profile-modal__drag-handle,[data-theme=dark] .pwa-profile-modal__drag-handle{background:color-mix(in srgb,#fff 42%,#0000);box-shadow:0 1px 0 #ffffff26,0 2px 12px #00000080}.theme-dark .pwa-profile-modal__content,[data-theme=dark] .pwa-profile-modal__content{background:color-mix(in srgb,#f1eef7 86%,#0000);background:color-mix(in srgb,var(--surface-color,#0c0b14) 86%,#0000);border-color:color-mix(in srgb,#0000001a 70%,#0000);border-color:color-mix(in srgb,var(--border-color,#2a2a2a) 70%,#0000);box-shadow:0 16px 44px #00000080,0 1px 0 #ffffff0d}.pwa-profile-modal__header{align-items:center;border-radius:25px;display:flex;gap:10px}.pwa-profile-modal__header img,.pwa-profile-modal__header svg{--gap:2px;background:color-mix(in srgb,#f1eef7 96%,#0000);background:color-mix(in srgb,var(--surface-color,#fff) 96%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:15px;box-sizing:border-box;height:50px;object-fit:cover;padding:var(--gap);width:50px}.pwa-profile-modal__header-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.pwa-profile-modal__name{font-size:1rem;font-weight:600}.pwa-profile-modal__view{background:none;border:none;color:#100b16;color:var(--primary-color,#ff5400);font-size:.9rem;padding:0;text-align:left}.pwa-profile-modal__list{display:flex;flex-direction:column;gap:6px}.pwa-profile-modal__item{align-items:center;background:color-mix(in srgb,#f1eef7 95%,#0000);background:color-mix(in srgb,var(--bg-color,#fff) 95%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:10px;color:#111;color:var(--text-color,#0f172a);display:flex;font-size:.95rem;font-weight:500;justify-content:space-between;padding:10px 12px;text-align:left}.pwa-profile-modal__item strong{color:#100b16;color:var(--primary-color,#ff5400);font-weight:600}.pwa-profile-modal__logout{background:rgba(194,8,8,.192);color:#e53935}.pwa-profile-modal__logout:before{background:color-mix(in srgb,#fff 95%,#0000);background:color-mix(in srgb,var(--s-color,#fff) 95%,#0000);background:color-mix(in srgb,#e53935 14%,#0000)}.pwa-profile-modal__theme{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:2px}.pwa-profile-modal__theme-button{align-items:center;background:none;border:1px solid #0000001a;border:1px solid var(--border-color,#e5e5e5);border-radius:10px;box-shadow:none;color:#111;color:var(--text-color,#0f172a);display:flex;height:36px;justify-content:center;padding:0 10px;width:100%}.pwa-profile-modal__theme-button.active{color:#fff}.pwa-profile-modal__theme-button.active:before{background:#100b16;background:var(--primary-color,#ff5400);box-shadow:none;opacity:1;transform:none}.pwa-profile-modal__theme-button:hover{background:none}@media(prefers-reduced-motion:reduce){.pill,.pill:before,.pwa-profile-modal,.pwa-profile-modal__content,.pwa-profile-modal__item,.pwa-profile-modal__item:before,.pwa-profile-modal__theme-button,.pwa-profile-modal__theme-button:before,.pwa-sidebar__icon-button,.pwa-sidebar__icon-button:before,.pwa-sidebar__profile,.pwa-sidebar__profile:before,.pwa-sidebar__whop,.pwa-sidebar__whop:before{transition:none!important}}.login-prompt-overlay{animation:lp-fade-in .14s ease-out both;backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%);background:linear-gradient(180deg,#0000009e,#00000080);contain:strict;display:grid;inset:0;padding:max(clamp(10px,2vw,24px),env(safe-area-inset-top)) max(clamp(10px,2vw,24px),env(safe-area-inset-right)) max(clamp(10px,2vw,24px),env(safe-area-inset-bottom)) max(clamp(10px,2vw,24px),env(safe-area-inset-left));place-items:center;position:fixed;will-change:opacity,transform;z-index:10000}.login-prompt-modal{animation:lp-pop-in .12s cubic-bezier(.2,.8,.2,1) both;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);background:linear-gradient(180deg,color-mix(in srgb,#f1eef7 82%,#0000),color-mix(in srgb,#f1eef7 66%,#0000));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-color) 82%,#0000),color-mix(in srgb,var(--surface-color) 66%,#0000));border-radius:18px;box-shadow:0 10px 28px #00000052,0 1px 8px #0000002e;color:#111;color:var(--text-color);padding:clamp(12px,3vw,20px);position:relative;text-align:center;transform:translateZ(0);width:min(92vw,640px)}.login-prompt-modal:before{background:linear-gradient(180deg,color-mix(in srgb,#100b16 55%,#0000),color-mix(in srgb,#0000001a 100%,#0000));background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 55%,#0000),color-mix(in srgb,var(--border-color,hsla(0,0%,100%,.141)) 100%,#0000));content:"";-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.login-prompt-modal .lp-glare,.login-prompt-modal:before{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.login-prompt-modal .lp-glare{background:linear-gradient(180deg,#ffffff3d,#0000 40%);mix-blend-mode:soft-light}.lp-chip{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,#100b16 92%,#fff 8%),color-mix(in srgb,#100b16 78%,#000 22%));background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 92%,#fff 8%),color-mix(in srgb,var(--primary-color) 78%,#000 22%));border-radius:999px;box-shadow:0 6px 16px color-mix(in srgb,#100b16 32%,#0000),inset 0 1px 0 #ffffff73;box-shadow:0 6px 16px color-mix(in srgb,var(--primary-color) 32%,#0000),inset 0 1px 0 #ffffff73;color:#fff;color:var(--primary-contrast,#fff);display:inline-flex;font-size:.62rem;font-weight:800;gap:6px;letter-spacing:.2px;margin-bottom:8px;padding:6px 10px}.login-prompt-media{--media-w:min(82vw,320px);--media-h:48vh;--media-ar:9/19.5;aspect-ratio:var(--media-ar);background:linear-gradient(180deg,#ffffff0f,#0000);border-radius:14px;box-shadow:0 6px 16px #00000029,inset 0 1px 0 #ffffff40;display:grid;margin:0 auto 10px;max-height:var(--media-h);outline:1px solid color-mix(in srgb,#0000001a 100%,#0000);outline:1px solid color-mix(in srgb,var(--border-color,hsla(0,0%,100%,.122)) 100%,#0000);overflow:hidden;place-items:center;position:relative;width:var(--media-w)}.login-prompt-media img{display:block;height:auto;image-rendering:auto;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center center;transition:opacity .12s ease;width:auto}.lp-skeleton{animation:lp-skel .9s linear infinite;background:linear-gradient(90deg,color-mix(in srgb,#f1eef7 84%,#0000),color-mix(in srgb,#f1eef7 92%,#0000) 20%,color-mix(in srgb,#f1eef7 84%,#0000) 40%);background:linear-gradient(90deg,color-mix(in srgb,var(--surface-color) 84%,#0000) 0,color-mix(in srgb,var(--surface-color) 92%,#0000) 20%,color-mix(in srgb,var(--surface-color) 84%,#0000) 40%);background-size:200% 100%;border-radius:14px;inset:0;position:absolute}@keyframes lp-skel{to{background-position:-200% 0}}.login-prompt-modal h2{font-size:clamp(1.05rem,2.2vw,1.55rem);font-weight:800;margin:0 0 6px}.lp-sub{color:color-mix(in srgb,#111 82%,#6c6c6c);color:color-mix(in srgb,var(--text-color) 82%,#6c6c6c);font-size:clamp(.94rem,1.6vw,1.04rem);margin:0 0 12px}.login-actions{display:flex;justify-content:center}.continue-btn{--btn-bg-1:color-mix(in srgb,var(--primary-color) 92%,#fff 8%);--btn-bg-2:color-mix(in srgb,var(--primary-color) 78%,#000 22%);--btn-text:var(--primary-contrast,#fff);align-items:center;-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,var(--btn-bg-1),var(--btn-bg-2));border:0;border-radius:999px;box-shadow:0 8px 20px color-mix(in srgb,#100b16 32%,#0000),inset 0 1px 0 #ffffff73;box-shadow:0 8px 20px color-mix(in srgb,var(--primary-color) 32%,#0000),inset 0 1px 0 #ffffff73;color:var(--btn-text);cursor:pointer;display:inline-flex;gap:10px;justify-content:center;outline:none;overflow:hidden;padding:12px 22px;position:relative;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;will-change:transform,box-shadow}.continue-btn:after{background:linear-gradient(180deg,#fff3,#0000 45%);content:"";inset:0;mix-blend-mode:soft-light;pointer-events:none;position:absolute}.continue-btn:hover{box-shadow:0 12px 26px color-mix(in srgb,#100b16 40%,#0000),inset 0 1px 0 #ffffff8c;box-shadow:0 12px 26px color-mix(in srgb,var(--primary-color) 40%,#0000),inset 0 1px 0 #ffffff8c;transform:translateY(-1px)}.continue-btn:active{filter:brightness(.98);transform:translateY(0)}.continue-btn:focus-visible{box-shadow:0 0 0 6px color-mix(in srgb,#100b16 24%,#0000),0 10px 26px color-mix(in srgb,#100b16 48%,#0000);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-color) 24%,#0000),0 10px 26px color-mix(in srgb,var(--primary-color) 48%,#0000);outline:2px solid color-mix(in srgb,#100b16 80%,#fff);outline:2px solid color-mix(in srgb,var(--primary-color) 80%,#fff);outline-offset:2px}@media(orientation:landscape){.login-prompt-media{--media-w:min(64vw,420px);--media-h:46vh;--media-ar:16/9}}@media(max-width:520px){.login-prompt-modal{border-radius:16px;padding:clamp(10px,4vw,14px)}.continue-btn{width:100%}}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lp-pop-in{0%{opacity:0;transform:translateY(18px) scale(.985)}70%{opacity:1;transform:translateY(0) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.login-prompt-modal,.login-prompt-overlay{animation:none!important}.continue-btn{transition:none!important}}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;animation:fadeIn var(--transition);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.modal-content{animation:slideIn .3s ease-in-out;animation:slideIn var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f1eef7;background:var(--surface-color);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 5px 40px rgba(0,0,0,.055);box-shadow:var(--shadow-soft);max-height:90vh;max-width:800px;overflow-y:auto;padding:28px;padding:var(--spacing-lg);position:relative;width:100%}.modal-close-btn{align-items:center;background:#e75c62;background:var(--error-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.875rem;height:1.5rem;justify-content:center;position:absolute;right:6px;right:var(--spacing-xs);top:6px;top:var(--spacing-xs);transition:background-color .3s ease-in-out,transform .3s ease-in-out;transition:background-color var(--transition),transform var(--transition);width:1.5rem}.modal-close-btn:hover{background-color:#cc4b55;background-color:var(--error-hover);transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cookie-bar{align-items:center;background:color-mix(in oklab,#f1eef7 88%,#0000);background:color-mix(in oklab,var(--surface-color) 88%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-lg);bottom:14px;box-shadow:0 18px 40px #0206171f;color:#111;color:var(--text-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;left:14px;padding:12px 14px;position:fixed;right:14px;z-index:1000}@supports((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.cookie-bar{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}}.cookie-bar p{flex:1 1 280px;font-size:.92rem;line-height:1.35;margin:0}.cookie-bar a{color:#100b16;color:var(--primary-color);font-weight:600;text-decoration:underline}.cookie-bar a:hover{opacity:.9}.cookie-bar .cookie-actions{display:inline-flex;flex-shrink:0;gap:8px}.cookie-bar .cookie-actions button{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:999px;color:#111;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 14px;transition:transform .06s ease,background .2s ease,border-color .2s ease,color .2s ease}.cookie-bar .cookie-actions button:hover{background:var(--input-bg)}.cookie-bar .cookie-actions button:active{transform:translateY(1px)}.cookie-bar .cookie-actions .accept{background:#ff5400;background:var(--success-color);border:1px solid #0000001a;border:1px solid var(--border-color);color:#111;color:var(--text-color)}.cookie-bar .cookie-actions .customize,.cookie-bar .cookie-actions .reject{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);color:#111;color:var(--text-color)}@media(max-width:560px){.cookie-bar{bottom:10px;left:10px;padding:10px 12px;right:10px}.cookie-bar .cookie-actions button{font-size:.88rem;padding:8px 12px}}.cookie-modal{display:flex;flex-direction:column;gap:14px;padding:4px 2px}.cookie-modal h2{color:#111;color:var(--text-color);font-size:1.05rem;font-weight:800;margin:0 0 2px}.cookie-modal .cookie-option{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:6px;padding:10px 12px}.cookie-modal .cookie-option .row{align-items:center;display:flex;gap:12px;justify-content:space-between}.cookie-modal .cookie-option label{align-items:center;color:#111;color:var(--text-color);display:inline-flex;font-weight:700;gap:8px;-webkit-user-select:none;user-select:none}.cookie-modal .cookie-option p{color:#6b6b6b;color:var(--muted-color);font-size:.86rem;line-height:1.35;margin:0}.cookie-modal .cookie-option .switch{flex:0 0 44px;height:26px;position:relative;width:44px}.cookie-modal .cookie-option .switch input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.cookie-modal .cookie-option .switch-track{background:var(--input-bg);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:999px;inset:0;position:absolute;transition:background .2s ease,border-color .2s ease}.cookie-modal .cookie-option .switch-thumb{background:#100b16;background:var(--primary-color);border-radius:50%;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:20px}.cookie-modal .cookie-option .switch input:checked~.switch-track{background:color-mix(in oklab,#f1eef7 35%,#f1eef7 65%);background:color-mix(in oklab,var(--surface-color) 35%,var(--surface-color) 65%);border-color:#100b16;border-color:var(--primary-color)}.cookie-modal .cookie-option .switch input:checked~.switch-thumb{background:#100b16;background:var(--primary-color);transform:translateX(18px)}.cookie-modal .cookie-option .pill{align-items:center;background:var(--input-bg);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:999px;color:#6b6b6b;color:var(--muted-color);display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;padding:4px 10px;white-space:nowrap}.cookie-modal .cookie-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.cookie-modal .cookie-modal-actions button{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:999px;color:#111;color:var(--text-color);cursor:pointer;font-weight:800;padding:10px 14px;transition:transform .06s ease,background .2s ease,border-color .2s ease}.cookie-modal .cookie-modal-actions button:active{transform:translateY(1px)}.cookie-modal .cookie-modal-actions .accept{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);color:#111;color:var(--text-color)}.cookie-modal .cookie-modal-actions .accept:hover{filter:brightness(1.05)}.cookie-modal .cookie-modal-actions .reject{background:#0000;border:1px solid #0000001a;border:1px solid var(--border-color);color:#111;color:var(--text-color)}.cookie-modal .cookie-modal-actions .reject:hover{background:color-mix(in oklab,#f1eef7);background:color-mix(in oklab,var(--surface-color))}@media(max-width:600px){.cookie-modal .cookie-modal-actions{flex-direction:column;gap:10px;justify-content:stretch;width:100%}.cookie-modal .cookie-modal-actions button{font-size:.95rem;min-height:44px;padding:12px 18px;width:100%}}@media(max-width:360px){.cookie-modal .cookie-modal-actions button{font-size:1rem;padding:14px 18px}}.loading-container{align-items:center;background-color:#f1eef7;background-color:var(--bg-color);display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-top:4px solid #100b16;border:4px solid var(--border-color);height:36px;width:36px}.notification-container{bottom:20px;bottom:var(--spacing-md);display:flex;flex-direction:column-reverse;gap:12px;gap:var(--spacing-sm);pointer-events:none;position:fixed;right:20px;right:var(--spacing-md);z-index:1000}@media(max-width:600px){.notification-container{bottom:calc(20px + var(--pwa-nav-h) + env(safe-area-inset-bottom));bottom:calc(var(--spacing-md) + var(--pwa-nav-h) + env(safe-area-inset-bottom));right:12px;right:var(--spacing-sm)}}.notification{animation:slide-in .4s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color) 92%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-base);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);color:#111;color:var(--text-color);font-size:.8rem;max-width:400px;min-width:280px;opacity:0;overflow:hidden;padding:20px;padding:var(--spacing-md);pointer-events:auto;position:relative;transform:translateX(50px)}.notification+.notification{margin-top:12px;margin-top:var(--spacing-sm)}.notification .notification-message{word-break:break-word}.notification:after{animation:progress-stripe 3.5s linear forwards;background:#100b16;background:var(--primary-color);bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.notification.success:after{background:#ff5400;background:var(--success-color)}.notification.error:after{background:#e75c62;background:var(--error-color)}.notification.info:after{background:#100b16;background:var(--primary-color)}.notification.hide{animation:fade-out .3s ease-in forwards}@media(max-width:600px){.notification{font-size:.75rem;max-width:300px;min-width:220px;padding:12px 20px;padding:var(--spacing-sm) var(--spacing-md)}}@keyframes slide-in{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50px)}}@keyframes progress-stripe{0%{width:100%}to{width:0}}.confirm-modal-overlay{animation:cm-backdrop-in .3s ease-in-out;animation:cm-backdrop-in var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;background:var(--glass-bg-dark);display:grid;inset:0;padding:28px;padding:var(--spacing-lg);place-items:center;position:fixed;z-index:1500}@keyframes cm-backdrop-in{0%{opacity:0}to{opacity:1}}.confirm-modal{animation:cm-modal-in .3s ease-in-out;animation:cm-modal-in var(--transition);background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);color:#111;color:var(--text-color);display:flex;flex-direction:column;gap:20px;gap:var(--spacing-md);padding:clamp(20px,3vw,28px);padding:clamp(var(--spacing-md),3vw,var(--spacing-lg));position:relative;transform-origin:50% 46%;width:min(520px,100%)}@keyframes cm-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-header{grid-gap:12px;grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:12px;gap:var(--spacing-sm);grid-template-columns:auto 1fr}.confirm-title{font-size:clamp(18px,2.2vw,20px);font-weight:700;letter-spacing:.2px;margin:0}.confirm-subtitle{font-size:.92rem}.confirm-modal-message,.confirm-subtitle{color:#6b6b6b;color:var(--muted-color);margin:2px 0 0}.confirm-modal-message{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-base);font-size:.98rem;line-height:1.55;padding:12px 20px;padding:var(--spacing-sm) var(--spacing-md)}@media(prefers-reduced-motion:reduce){.confirm-modal,.confirm-modal-overlay{animation:none}.confirm-modal-buttons button{transition:none}}.confirm-icon{background:radial-gradient(120% 120% at 20% 10%,#fea86e59,#0000 55%),linear-gradient(180deg,#feaf6e40,#fe7f6e1f);border:1px solid #fe7f6e59;border-radius:12px;color:var(--cm-primary);display:grid;height:42px;place-items:center;width:42px}.confirm-close{background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid var(--cm-border);border-radius:10px;color:var(--cm-muted);cursor:pointer;display:grid;font-size:20px;height:36px;place-items:center;position:absolute;right:10px;top:10px;transition:background .2s ease,color .2s ease,transform .06s ease,box-shadow .12s ease;width:36px}.confirm-close:hover{background:#ffffff0a;color:var(--cm-text)}.confirm-close:focus-visible{box-shadow:0 0 0 6px var(--cm-ring);outline:none}.confirm-modal-buttons{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm);justify-content:flex-end;margin-top:2px}.confirm-modal-buttons button{-webkit-appearance:none;appearance:none;border:1px solid #0000;border-radius:12px;cursor:pointer;font-size:.98rem;font-weight:600;letter-spacing:.2px;padding:10px 16px;transition:transform .06s ease,box-shadow .12s ease,background .2s ease,border-color .2s ease,color .2s ease}.btn-confirm-cancel{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-color:var(--cm-border);color:var(--cm-text)}.btn-confirm-cancel:hover{background:#ffffff0a;transform:translateY(-1px)}.btn-confirm-ok{background:linear-gradient(180deg,#ffffff2e,#ffffff1f);color:#111;color:var(--text-color);text-shadow:0 1px 0 #0003}.btn-confirm-ok:hover{background:linear-gradient(180deg,#ffffff3d,#f4f5f429);transform:translateY(-1px)}.confirm-modal-buttons button:focus-visible{box-shadow:0 0 0 6px var(--cm-ring);outline:none}.sidebar{-webkit-overflow-scrolling:touch;align-items:center;background:#f1eef7;background:var(--bg-color);border-right:1px solid #0000001a;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;overscroll-behavior:contain;padding:5px;position:fixed;top:0;transition:all .3s ease;width:220px;z-index:50}.sidebar.closed{transform:translateX(-100%)}@media(max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{padding-bottom:100px;transform:translateX(0)}}.sidebar.collapsed{width:78px}.sidebar.collapsed .sidebar__collapse-btn span,.sidebar.collapsed .sidebar__label{display:none}.sidebar.collapsed .sidebar__link{justify-content:center;padding:.4rem 0}.sidebar.collapsed .sidebar__link .sidebar__icon{align-items:center;color:#111;color:var(--text-color);display:flex;height:1.2rem;justify-content:center;width:1.2rem}.sidebar.collapsed .sidebar__link .sidebar__icon i,.sidebar.collapsed .sidebar__link .sidebar__icon svg{stroke-width:1.2;fill:currentColor;font-size:1.2rem;height:1.2rem;width:1.2rem}.sidebar.collapsed .sidebar__link.active{background:#100b16;background:var(--primary-color);color:#fff}.sidebar.collapsed .sidebar__link.active .sidebar__icon{color:#fff}.sidebar.collapsed .sidebar__logo img{width:3rem}.sidebar.collapsed .sidebar__logo{margin-bottom:12px;margin-bottom:var(--spacing-sm)}.sidebar__close{background:none;border:none;color:#111;color:var(--text-color);font-size:1.5rem;position:absolute;right:12px;right:var(--spacing-sm);top:12px;top:var(--spacing-sm);z-index:10}.sidebar__logo{margin-top:20px;margin-top:var(--spacing-md)}.sidebar__logo img{transition:width .3s ease;width:4rem}@media(max-width:768px){.sidebar__logo img{margin-top:50px;width:2rem}}.sidebar__content{display:flex;flex:1 1;flex-direction:column;justify-content:center;width:100%}@media(max-width:768px){.sidebar__content{justify-content:flex-start}}.sidebar__nav{width:100%}.sidebar__nav ul{align-items:flex-start;display:flex;flex-direction:column;gap:12px;gap:var(--spacing-sm);list-style:none;margin:0 auto;padding:0;width:100%}.sidebar__nav-item{width:100%}.sidebar__nav-item .sidebar__link{align-items:center;border-radius:18px;border-radius:var(--radius-lg);color:#111;color:var(--text-color);display:flex;gap:12px;gap:var(--spacing-sm);padding:.7rem 20px;padding:.7rem var(--spacing-md);text-decoration:none;transition:background .2s ease}.sidebar__nav-item .sidebar__link:hover{background:#0000001a;background:var(--border-color)}.sidebar__nav-item .sidebar__link.active{background:#100b16;background:var(--primary-color);color:#fff}.sidebar__nav-item .sidebar__link.active .sidebar__icon,.sidebar__nav-item .sidebar__link.active .sidebar__label,.sidebar__nav-item .sidebar__link.active .sidebar__profile-img{color:#fff}.sidebar__nav-item .sidebar__link .sidebar__icon{align-items:center;color:#111;color:var(--text-color);display:inline-flex;font-size:1.4rem;height:1.4rem;justify-content:center;opacity:1;width:1.4rem}.sidebar__nav-item .sidebar__link .sidebar__icon-wrapper{display:inline-flex;position:relative}.sidebar__nav-item .sidebar__link .sidebar__dot{background:#e00;border-radius:50%;height:8px;position:absolute;right:-2px;top:-2px;width:8px}.sidebar__nav-item .sidebar__link .sidebar__label{font-size:.95rem;font-weight:500;white-space:nowrap}.sidebar__nav-item .sidebar__link .sidebar__profile-img{background-color:#f1eef7;background-color:var(--surface-color);border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:50%;height:1.6rem;object-fit:cover;width:1.6rem}.sidebar__whops-list{display:none}@media(max-width:1024px){.sidebar__whops-list{border-top:1px solid #0000001a;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;gap:var(--spacing-xs);margin-top:12px;margin-top:var(--spacing-sm);padding-top:12px;padding-top:var(--spacing-sm);width:100%}}.sidebar__whops-list .sidebar__whops-item{align-items:center;background:rgba(0,0,0,.075);border:1px solid rgba(0,0,0,.144);border-radius:12px;border-radius:var(--radius-base);color:#111;color:var(--text-color);cursor:pointer;display:flex;gap:5px;justify-content:flex-start;padding:5px 15px}.sidebar__whops-list .sidebar__whops-item:hover{background-color:#0000001a;background-color:var(--border-color)}.sidebar__whops-list .sidebar__whops-item .sidebar__whop-avatar{border-radius:50%;height:1.5rem;object-fit:cover;width:1.5rem}.sidebar__whops-list .sidebar__whops-item span{font-size:.9rem}.sidebar__collapse-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;margin-bottom:80px;margin-top:auto;transition:all .3s ease}@media(max-width:1024px){.sidebar__collapse-btn{display:none}}.bottombar{align-items:flex-end;display:flex;inset:0;pointer-events:none;position:fixed;z-index:9999}.bottombar-left{align-items:center;background:#0000;border-radius:25px;bottom:1rem;box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);display:flex;gap:.5rem;isolation:isolate;left:1rem;padding:.5rem;pointer-events:auto;position:absolute;z-index:99}.bottombar-left:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,#f1eef7 35%,#0000);background:color-mix(in srgb,var(--surface-color) 35%,#0000);border-radius:25px;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.bottombar-left:before,.bottombar-left__button{border:1px solid #0000001a;border:1px solid var(--border-color)}.bottombar-left__button{align-items:center;background:none;border-radius:25px;color:#111;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:background .2s,color .2s;width:40px}.bottombar-left__button:hover{background:color-mix(in srgb,#f1eef7 60%,#0000);background:color-mix(in srgb,var(--surface-color) 60%,#0000)}.bottombar-left__balance{align-items:center;background:none;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;color:#111;color:var(--text-color);display:flex;font-size:.85rem;font-weight:500;gap:.4rem;height:40px;padding:0 .75rem;text-decoration:none;transition:background .2s}.bottombar-left__balance .balance-icon{height:1.2rem;width:1.2rem}.bottombar-left__balance:hover{background:color-mix(in srgb,#f1eef7 60%,#0000);background:color-mix(in srgb,var(--surface-color) 60%,#0000)}.bottombar-left .bottombar-left__balance .balance-amount{font-weight:700}.bottombar-left__dropdown{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,#f1eef7 100%,#0000);background:color-mix(in srgb,var(--surface-color) 100%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:.75rem;bottom:calc(100% + .5rem);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);color:#111;color:var(--text-color);display:none;flex-direction:column;gap:.8rem;left:0;min-width:16rem;padding:2rem;position:absolute;z-index:10000}.bottombar-left__dropdown.visible{animation:fadeIn .3s ease-out;display:flex}.bottombar-left__dropdown-item{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem;transition:background .2s}.bottombar-left__dropdown-item span{color:var(--accent-color);font-weight:600}.bottombar-left__dropdown-item:hover{background:color-mix(in srgb,#f1eef7 60%,#0000);background:color-mix(in srgb,var(--surface-color) 60%,#0000)}.bottombar-left__dropdown-theme input[type=radio]{margin-right:.3rem}.bottombar-left__dropdown-help{background:#100b16;background:var(--primary-color);color:#111;color:var(--text-color)}.bottombar-left__dropdown-help,.bottombar-left__dropdown-logout{border-radius:.5rem;justify-content:center;padding:.5rem}.bottombar-center{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,#f1eef7 80%,#0000);background:color-mix(in srgb,var(--surface-color) 80%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:25px;bottom:1rem;box-shadow:var(--shadow-md);display:flex;gap:.75rem;left:50%;padding:.5rem 1rem;pointer-events:auto;position:absolute;transform:translateX(-50%)}@media(max-width:768px){.bottombar-center{display:none}}.bottombar-center__icon{align-items:center;background:none;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:transform .2s,background .2s;width:40px}.bottombar-center__icon img{border-radius:10px;height:100%;object-fit:cover;width:100%}.bottombar-center__icon:hover{background:color-mix(in srgb,#f1eef7 60%,#0000);background:color-mix(in srgb,var(--surface-color) 60%,#0000);transform:translateY(-4px)}.bottombar-center__icon .bottombar-center__tooltip{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:.4rem;bottom:120%;color:#111;color:var(--text-color);font-size:.75rem;left:50%;opacity:0;padding:.3rem .6rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease;white-space:nowrap;z-index:10}.bottombar-center__icon:hover .bottombar-center__tooltip{opacity:1}.bottombar .skeleton-circle{animation:pulse 1.2s ease-in-out infinite;background-color:#0000001a;background-color:var(--border-color);border-radius:12px;height:40px;width:40px}.bottombar-left__dropdown-theme{display:flex;flex-direction:column;gap:1rem}.bottombar-left__dropdown-theme label{align-items:center;color:#111;color:var(--text-color);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.5rem}.bottombar-left__dropdown-theme label input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#0000;border:2px solid #0000001a;border:2px solid var(--border-color);border-radius:50%;cursor:pointer;height:25px;position:relative;scale:.7;transition:background-color .3s,border-color .3s;width:10px}.bottombar-left__dropdown-theme label input[type=radio]:checked{background-color:#100b16;background-color:var(--primary-color);border-color:#100b16;border-color:var(--primary-color)}.bottombar-left__dropdown-theme label input[type=radio]:checked:before{background-color:#fff;border-radius:50%;content:"";height:50%;left:25%;position:absolute;top:25%;width:50%}.bottombar-left__dropdown-theme label .radio-label{align-items:center;display:flex;gap:.5rem}.mobile-header{align-items:center;display:none;height:50px;left:0;padding:0 20px;padding:0 var(--spacing-md);position:fixed;top:0;width:100%;z-index:5000}@media(max-width:1024px){.mobile-header{display:flex}.mobile-header+.main-content{padding:50px 10px 0}}.mobile-header__menu{--size:40px;--bar-w:22px;--bar-h:2px;align-items:center;-webkit-appearance:none;appearance:none;background:#f1eef7;background:var(--surface-color);background-position:50%;background-repeat:no-repeat;background-size:var(--bar-w) var(--bar-h);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;color:#111;color:var(--text-color);cursor:pointer;display:inline-flex;height:var(--size);justify-content:center;padding:0;position:relative;transition:background .25s ease,box-shadow .25s ease,transform .12s ease,border-color .25s ease;width:var(--size)}.mobile-header__menu:after,.mobile-header__menu:before{background:#111;background:var(--text-color);border-radius:999px;color:#111;color:var(--text-color);content:"";height:var(--bar-h);left:50%;position:absolute;transform:translateX(-50%);transition:transform .28s ease,top .28s ease,opacity .2s ease,width .25s ease;width:var(--bar-w)}.mobile-header__menu:hover{background:var(--surface-alt);box-shadow:0 6px 18px #00000014}.mobile-header__menu:active{transform:translateY(1px)}.mobile-header__menu:focus-visible{outline:none}.mobile-header__menu[aria-expanded=true]{background-size:0 var(--bar-h)}.mobile-header__menu[aria-expanded=true]:before{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.mobile-header__menu[aria-expanded=true]:after{top:50%;transform:translate(-50%,-50%) rotate(-45deg)}@media(max-width:768px){.mobile-header__menu{--size:36px;--bar-w:18px;border-radius:10px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-loader{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:color-mix(in srgb,#f1eef7 10%,#0000);background:color-mix(in srgb,var(--surface-color) 10%,#0000);bottom:calc(5rem + env(safe-area-inset-bottom));display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9000}.spinner{animation:spin .5s linear infinite;border:2px solid #0000001a;border-top-color:#100b16;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:12px;width:12px}:root{--loader-delay:2s}.initial-loader{align-items:center;animation:fadeOut .2s ease forwards;animation-delay:2s;animation-delay:var(--loader-delay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f1eef7;background:var(--surface-color);display:flex;inset:0;justify-content:center;position:fixed;z-index:15000}.initial-loader__image{animation-delay:0ms,2s;animation-delay:0ms,var(--loader-delay);animation-duration:.9s,.28s;animation-fill-mode:both,both;animation-name:logoZoomIn,logoZoomOut;animation-timing-function:cubic-bezier(.22,1,.36,1),cubic-bezier(.4,0,.2,1);height:80px;transform:scale(.92);transform-origin:center;width:80px;will-change:transform,filter}@keyframes logoZoomIn{0%{filter:blur(4px);opacity:0;transform:scale(.92)}60%{filter:blur(0);opacity:1}to{transform:scale(1.06)}}@keyframes logoZoomOut{0%{transform:scale(1.06)}to{transform:scale(.96)}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.initial-loader,.initial-loader__image{animation:none}}.skeleton-box,.skeleton-line{animation:pulse 1.2s ease-in-out infinite;background:#0000001a;background:var(--border-color);border-radius:12px;border-radius:var(--radius-base)}.skeleton-line{height:1rem;margin-bottom:.5rem}.skeleton-box{height:150px;margin-bottom:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-overflow-scrolling:touch;background-color:#f1eef7;background-color:var(--bg-color);color:#111;color:var(--text-color);font-family:F37 Ginger,sans-serif;font-family:var(--font-family);overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:pan-y}.app-container{height:100dvh;position:relative;width:100vw}.main-content{padding:20px}ul{list-style:none}@font-face{font-display:swap;font-family:F37 Ginger;font-style:normal;font-weight:200;src:url(/static/media/F37%20Ginger%20Thin%20Regular.6f45d7e8e1b530b97c62.ttf) format("truetype")}@font-face{font-display:swap;font-family:F37 Ginger;font-style:italic;font-weight:200;src:url(/static/media/F37%20Ginger%20Thin%20Italic.ad2439242457ba63727a.ttf) format("truetype")}@font-face{font-display:swap;font-family:F37 Ginger;font-style:normal;font-weight:300;src:url(/static/media/F37%20Ginger%20Light%20Regular.6609601c03442d9e884c.ttf) format("truetype")}@font-face{font-display:swap;font-family:F37 Ginger;font-style:italic;font-weight:300;src:url(/static/media/F37%20Ginger%20Light%20Italic.a9660100e4d7bd9ec7d7.ttf) format("truetype")}@font-face{font-display:swap;font-family:F37 Ginger;font-style:normal;font-weight:400;src:url(/static/media/F37%20Ginger%20Regular.979821e0d10dc0b9f745.ttf) format("truetype")}@font-face{font-display:swap;font-family:F37 Ginger;font-style:italic;font-weight:400;src:url(/static/media/F37%20Ginger%20Italic.ba0723e6f41c405b35b6.ttf) format("truetype")}@font-face{font-display:swap;font-family:F37 Ginger;font-style:normal;font-weight:700;src:url(/static/media/F37%20Ginger%20Bold.7562f09fd0f75924248b.ttf) format("truetype")}@font-face{font-display:swap;font-family:F37 Ginger;font-style:italic;font-weight:700;src:url(/static/media/F37%20Ginger%20Bold%20Italic.08ca39c119549ed65864.ttf) format("truetype")}:root{--font-family:"F37 Ginger",sans-serif;--font-sans:var(--font-family);--font-mono:var(--font-family)}body,html{font-size:var(--font-size-base);line-height:var(--line-height-base);overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y}.app-container,body,html{background-color:#f1eef7;background-color:var(--bg-color)}.app-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;height:100vh;overflow:hidden}button{background:linear-gradient(135deg,#100b16,#07051f);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));box-shadow:8px 8px 20px #0000000d,-8px -8px 20px #fff9;font-family:inherit;font-size:1rem;padding:12px 20px;padding:var(--spacing-sm) var(--spacing-md);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition),box-shadow var(--transition)}button:hover{box-shadow:4px 4px 12px #0000001a,-4px -4px 12px #ffffffb3}button:disabled{background-color:#0000001a;background-color:var(--border-color);box-shadow:none}input,select,textarea{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:inherit;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(#000000,.2);box-shadow:0 0 0 3px rgba(var(--primary-hover),.2)}::-webkit-scrollbar-track{background:#0000}.main-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:28px;padding:var(--spacing-lg);padding-bottom:88px;padding-bottom:calc(var(--spacing-lg) + var(--bottombar-height))}.auth-card{border:none;box-shadow:0 0 24px #00000014;padding:var(--spacing-xl) var(--spacing-lg)}.auth-form input{border:1px solid #cbd5e1}.auth-form .btn-primary,.auth-form .btn-primary:hover{background:#5c688a}.twofa-input input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px}:root,body.theme-light{--font-family:"F37 Ginger",sans-serif;--bg-color:#f1eef7;--surface-color:#f1eef7;--text-color:#111;--muted-color:#6b6b6b;--gradient-start:#100b16;--gradient-end:#07051f;--primary-color:var(--gradient-start);--primary-hover:#000;--secondary-color:#6db1ff;--secondary-hover:#4c99e6;--ratings-color:hsla(0,0%,83%,.932);--error-color:#e75c62;--error-hover:#cc4b55;--success-color:#ff5400;--border-color:#0000001a;--shadow:0 8px 24px #0000001a;--shadow-soft:0 5px 40px rgba(0,0,0,.055);--radius-sm:6px;--radius-base:12px;--radius-lg:18px;--spacing-xs:6px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:28px;--transition:0.3s ease-in-out;--icon-size:20px;--bottombar-height:60px;--sidebar-width:60px;--mobile-sidebar-width:75%;--glass-bg-light:#ffffff1a;--glass-bg-dark:#0000004d}body.theme-dark{--bg-color:#101011;--surface-color:#101011;--text-color:#e2e0e0;--muted-color:#9c9c9c;--gradient-start:#c46415;--gradient-end:#c46415;--primary-color:#ff5400;--primary-hover:#363636ab;--secondary-color:#6db1ff;--secondary-hover:#4c99e6;--ratings-color:hsla(0,0%,83%,.932);--error-color:#e75c62;--error-hover:#cc4b55;--success-color:#ff5400;--border-color:#fff3;--shadow-soft:0 5px 40px rgba(0,0,0,.055);--shadow:0 10px 30px #0000004d;--sidebar-width:60px;--mobile-sidebar-width:75%}body,html{background:#f1eef7;background:var(--bg-color);color:#111;color:var(--text-color);font-family:F37 Ginger,sans-serif;font-family:var(--font-family);height:100%;margin:0;padding:0;scroll-behavior:smooth}*,:after,:before{box-sizing:border-box}a{color:#100b16;color:var(--primary-color);text-decoration:none;transition:color .3s ease-in-out;transition:color var(--transition)}a:hover{color:#000;color:var(--primary-hover)}button{align-items:center;background:#100b16;background:var(--primary-color);border:none;border-radius:12px;border-radius:var(--radius-base);box-shadow:0 5px 40px rgba(0,0,0,.055);box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;display:inline-flex;font-family:F37 Ginger,sans-serif;font-family:var(--font-family);font-weight:500;justify-content:center;padding:6px 12px;padding:var(--spacing-xs) var(--spacing-sm);transition:background .3s ease-in-out,transform .3s ease-in-out,box-shadow .3s ease-in-out;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}button:hover{background:#000;background:var(--primary-hover);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}button:disabled{background:#0000001a;background:var(--border-color);color:#6b6b6b;color:var(--muted-color);cursor:not-allowed;transform:none}input,select,textarea{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-base);box-shadow:inset 0 2px 4px #0000000d;color:#111;color:var(--text-color);font-family:F37 Ginger,sans-serif;font-family:var(--font-family);font-size:1rem;padding:6px 12px;padding:var(--spacing-xs) var(--spacing-sm);transition:border-color .3s ease-in-out;transition:border-color var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#100b16;border-color:var(--primary-color);outline:none}.glass-container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000004d;background:var(--glass-bg-dark);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 5px 40px rgba(0,0,0,.055);box-shadow:var(--shadow-soft);padding:28px;padding:var(--spacing-lg);transition:background .3s ease-in-out,box-shadow .3s ease-in-out;transition:background var(--transition),box-shadow var(--transition)}.glass-container:hover{background:#ffffff1a;background:var(--glass-bg-light);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background-color:#0000001a;background-color:var(--border-color);border-radius:12px;border-radius:var(--radius-base)}::-webkit-scrollbar-track{background-color:#0000}.auth-page{align-items:center;background:#f1eef7;background:var(--bg-color);display:flex;justify-content:center;min-height:100vh;padding:28px;padding:var(--spacing-lg)}.auth-card{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 1px 5px rgba(0,0,0,.089);color:#111;color:var(--text-color);gap:28px;gap:var(--spacing-lg);max-width:400px;padding:25px;text-align:center;width:100%}.auth-card,.auth-form{display:flex;flex-direction:column}.auth-form{gap:20px;gap:var(--spacing-md)}.auth-form input,.auth-form select{border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:8px;font-size:14px;padding:12px}.auth-form select{background:#f1eef7;background:var(--surface-color)}.checkbox-container{align-items:center;display:flex;font-size:14px;gap:8px}.checkbox-container input[type=checkbox]{accent-color:#ff5400;accent-color:var(--success-color);height:16px;width:16px}.auth-form .btn-primary{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:background .2s}.auth-form .btn-primary,.auth-form .btn-primary:hover{background:#ff5400;background:var(--success-color)}.tosc{font-size:small}.google-btn{display:flex;justify-content:center;margin-top:8px}.google-btn>div{display:flex!important;justify-content:center;width:100%!important}.auth-logo{height:52px;margin:0 auto;width:52px}.divider{color:#94a3b8;font-size:12px;margin:12px 0;position:relative;text-align:center}.divider span:after,.divider span:before{background:#f1eef7;background:var(--surface-color);content:"";display:inline-block;height:1px;margin:0 8px;vertical-align:middle;width:40%}.switch-link{color:#111;color:var(--text-color);font-size:.875rem;text-align:center}.switch-link a{color:#100b16;color:var(--primary-color);text-decoration:underline}.twofa-input{display:flex;gap:8px;justify-content:center}.twofa-input input{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;font-size:1.25rem;height:40px;text-align:center;width:40px}
/*# sourceMappingURL=main.485e831e.css.map*/