:root{--chat-backdrop:#1a120f73;--chat-modal-bg:var(--surface-color,#c8cde4);--chat-sidebar-bg:color-mix(in srgb,var(--surface-color,#fff) 96%,#000 4%);--chat-content-bg:var(--surface-color,#fff);--chat-surface-subtle:color-mix(in srgb,var(--surface-color,#fff) 92%,#000 8%);--chat-border-color:var(--border-color,#11182714);--chat-divider-color:color-mix(in srgb,var(--chat-border-color) 70%,#0000);--chat-muted-color:var(--muted-color,#505466c7);--chat-pill-bg:#1f29371a;--chat-pill-color:#1f2937b8;--chat-bubble-own:color-mix(in srgb,#fff 96%,var(--primary-color,#ff6044) 4%);--chat-bubble-own-text:var(--text-color,#111);--chat-bubble-own-border:color-mix(in srgb,var(--primary-color,#ff6044) 18%,#0000);--chat-bubble-other:#1118270d;--chat-bubble-other-text:var(--text-color,#111);--chat-highlight-ring:#f646;--chat-reply-surface:color-mix(in srgb,#fff 94%,var(--primary-color,#ff6044) 6%);--chat-reply-border:color-mix(in srgb,var(--primary-color,#ff7644) 22%,#0000);--chat-reply-indicator-bg:color-mix(in srgb,#fff 96%,var(--primary-color,#ff6d44) 4%);--chat-reply-indicator-border:color-mix(in srgb,var(--primary-color,#ff7344) 18%,#0000);--chat-menu-hover:color-mix(in srgb,var(--primary-color,#ff6944) 12%,#0000);--chat-modal-border:color-mix(in srgb,#11182724 60%,#0000);--chat-shadow:0 24px 46px #0f172a24;--chat-emoji-shadow:0 18px 32px #0f172a1f;--chat-input-bg:#1118270d;--chat-input-border:#1118271f;--chat-button-bg:var(--primary-color,#ff6944);--chat-button-hover-bg:var(--primary-hover,#ff6944);--chat-button-shadow:none}body.theme-dark{--chat-backdrop:#100605;--chat-modal-bg:#0f0b09;--chat-sidebar-bg:#0f0b09;--chat-content-bg:#0f0b09;--chat-surface-subtle:#0b0c13;--chat-border-color:#ffffff14;--chat-divider-color:#ffffff14;--chat-muted-color:#e6e8f0a6;--chat-pill-bg:#ffffff14;--chat-pill-color:#ffffffd9;--chat-bubble-own:color-mix(in srgb,#1b100f 70%,var(--primary-color,#ff7a45) 30%);--chat-bubble-own-text:#fffffff2;--chat-bubble-other:#ffffff14;--chat-bubble-other-text:#ffffffeb;--chat-bubble-own-border:color-mix(in srgb,var(--primary-color,#ff7a45) 28%,#0000);--chat-highlight-ring:#ff844c99;--chat-reply-surface:color-mix(in srgb,#ffffff29 60%,var(--chat-bubble-own) 40%);--chat-reply-border:color-mix(in srgb,var(--primary-color,#ff7a45) 30%,#0000);--chat-reply-indicator-bg:color-mix(in srgb,#ffffff2e 55%,var(--chat-bubble-own) 45%);--chat-reply-indicator-border:color-mix(in srgb,var(--primary-color,#ff7a45) 32%,#0000);--chat-menu-hover:#ffffff14;--chat-modal-border:#ffffff0f;--chat-shadow:0 28px 54px #1106058c;--chat-emoji-shadow:0 22px 42px #00000073;--chat-input-bg:#ffffff0a;--chat-input-border:#ffffff1a;--chat-button-bg:var(--primary-color,#ff3c00);--chat-button-hover-bg:var(--primary-hover,#d23400);--chat-button-shadow:none}body.theme-light{--chat-backdrop:#1c100d3d;--chat-modal-bg:#f1f2f9;--chat-sidebar-bg:#f2f3f8;--chat-content-bg:#f1f2f9;--chat-surface-subtle:#f2f3f8;--chat-border-color:#1118271a;--chat-divider-color:#11182714;--chat-muted-color:#4f5465c7;--chat-pill-bg:#1f29371a;--chat-pill-color:#1f2937b3;--chat-bubble-own:color-mix(in srgb,#f3f3f3 97%,var(--primary-color,#ff6044) 3%);--chat-bubble-own-text:var(--text-color,#111);--chat-bubble-own-border:color-mix(in srgb,var(--primary-color,#ff6d44) 18%,#0000);--chat-bubble-other:#1118270d;--chat-bubble-other-text:var(--text-color,#111);--chat-highlight-ring:#ff5a4461;--chat-reply-surface:color-mix(in srgb,#fff 95%,var(--primary-color,#ff7044) 5%);--chat-reply-border:color-mix(in srgb,var(--primary-color,#ff5d44) 20%,#0000);--chat-reply-indicator-bg:color-mix(in srgb,#fff 97%,var(--primary-color,#ff5d44) 3%);--chat-reply-indicator-border:color-mix(in srgb,var(--primary-color,#ff5d44) 20%,#0000);--chat-menu-hover:color-mix(in srgb,var(--primary-color,#ff5d44) 14%,#0000);--chat-modal-border:color-mix(in srgb,#1118271f 60%,#0000);--chat-shadow:0 20px 44px #0f172a1f;--chat-emoji-shadow:0 18px 32px #0f172a24;--chat-input-bg:#1118270d;--chat-input-border:#1118271f;--chat-button-bg:var(--primary-color,#ff5d44);--chat-button-hover-bg:var(--primary-hover,#ff5d44);--chat-button-shadow:none}.chat-window{background:#f1eef7;background:var(--chat-content-bg);border-left:1px solid #0000001a;border-left:1px solid var(--chat-border-color);color:#111;color:var(--text-color);display:flex;flex-direction:column;height:100%;min-height:0;position:relative;transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background var(--transition),border-color var(--transition);width:100%}@media(max-width:900px){.chat-window{border-left:none}}.chat-window .chat-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--chat-border-color);border-radius:0 25px 25px 0;display:flex;gap:1rem;justify-content:space-between;padding:1.1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}@media(max-width:768px){.chat-window .chat-header{padding:1rem}}.chat-window .chat-header .chat-header__info{align-items:center;display:flex;gap:.9rem;min-width:0}.chat-window .chat-header .chat-header__back{background:#0000;border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;color:#6b6b6b;color:var(--chat-muted-color);font-size:.82rem;font-weight:600;padding:.45rem .85rem;transition:background .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap}.chat-window .chat-header .chat-header__back:hover{background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border-color:color-mix(in srgb,#0000001a 70%,#0000);border-color:var(--chat-divider-color);color:#111;color:var(--text-color)}.chat-window .chat-header .chat-header__back:focus-visible{outline:2px solid #100b16;outline:2px solid var(--primary-color);outline-offset:2px}.chat-window .chat-header .chat-whop-logo,.chat-window .chat-header .chat-whop-placeholder{border-radius:14px;flex-shrink:0;height:44px;object-fit:cover;width:44px}.chat-window .chat-header .chat-whop-placeholder{align-items:center;background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);color:#111;color:var(--text-color);display:flex;font-size:1rem;font-weight:600;justify-content:center}.chat-window .chat-header .chat-header__titles{display:flex;flex-direction:column;min-width:0}.chat-window .chat-header .chat-header__titles h4{color:#111;color:var(--text-color);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin:0}.chat-window .chat-header .chat-header__titles span{color:#6b6b6b;color:var(--chat-muted-color);font-size:.78rem;letter-spacing:.02em}.chat-window .chat-messages{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:1rem;min-height:0;min-width:0;overflow-y:auto;padding:1.2rem 1.5rem 1.5rem}@media(max-width:768px){.chat-window .chat-messages{padding:1rem}}.chat-window .chat-messages::-webkit-scrollbar{width:8px}.chat-window .chat-messages::-webkit-scrollbar-thumb{background:color-mix(in srgb,#0000001a 70%,#0000);background:var(--chat-divider-color);border-radius:999px}.chat-window .chat-messages .load-more-wrapper{display:flex;justify-content:center;margin-bottom:.5rem}.chat-window .chat-messages .btn-load-more{background:#0000;border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;color:#111;color:var(--text-color);font-size:.85rem;padding:.45rem 1.1rem;transition:background .3s ease-in-out,border-color .3s ease-in-out;transition:background var(--transition),border-color var(--transition)}.chat-window .chat-messages .btn-load-more:hover:not(:disabled){background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border-color:color-mix(in srgb,#0000001a 70%,#0000);border-color:var(--chat-divider-color)}.chat-window .chat-messages .btn-load-more:disabled{cursor:not-allowed;opacity:.55}.chat-window .chat-messages .chat-message{align-items:flex-end;display:flex;gap:.6rem;max-width:100%}.chat-window .chat-messages .chat-message.mine{justify-content:flex-end}.chat-window .chat-messages .chat-message.mine .chat-bubble{background:color-mix(in srgb,#fff 96%,#100b16 4%);background:var(--chat-bubble-own);border-color:color-mix(in srgb,#100b16 18%,#0000);border-color:var(--chat-bubble-own-border);color:#111;color:var(--chat-bubble-own-text);margin-left:auto}.chat-window .chat-messages .chat-message.mine .chat-bubble .chat-username{color:color-mix(in srgb,#111 82%,#0000);color:color-mix(in srgb,var(--chat-bubble-own-text) 82%,#0000)}.chat-window .chat-messages .chat-message.mine .chat-bubble .chat-reply-ref{border-color:color-mix(in srgb,#111 28%,#0000);border-color:color-mix(in srgb,var(--chat-bubble-own-text) 28%,#0000);color:color-mix(in srgb,#111 78%,#0000);color:color-mix(in srgb,var(--chat-bubble-own-text) 78%,#0000)}.chat-window .chat-messages .chat-message.other{justify-content:flex-start}.chat-window .chat-messages .chat-message.other .chat-bubble{background:#1118270d;background:var(--chat-bubble-other);border-color:#0000001a;border-color:var(--chat-border-color);color:#111;color:var(--chat-bubble-other-text)}.chat-window .chat-messages .chat-message.is-highlighted .chat-bubble:after{animation:chat-bubble-highlight 1.45s ease;border:2px solid #f646;border:2px solid var(--chat-highlight-ring);border-radius:inherit;content:"";inset:-3px;opacity:0;pointer-events:none;position:absolute}.chat-window .chat-messages .chat-message .chat-avatar{border-radius:12px;cursor:pointer;height:32px;margin-bottom:.25rem;object-fit:cover;width:32px}.chat-window .chat-messages .chat-message .chat-bubble{border:1px solid #0000;border-radius:16px;max-width:min(640px,78%);padding:.75rem 1rem .65rem;position:relative}.chat-window .chat-messages .chat-message .chat-bubble .chat-bubble-header{align-items:center;display:flex;gap:.45rem;margin-bottom:.25rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-bubble-header .chat-username{color:#6b6b6b;color:var(--chat-muted-color);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.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:color-mix(in srgb,#fff 94%,#100b16 6%);background:var(--chat-reply-surface);border:1px solid color-mix(in srgb,#100b16 22%,#0000);border:1px solid var(--chat-reply-border);border-radius:14px;color:color-mix(in srgb,#111 88%,#6b6b6b 12%);color:color-mix(in srgb,var(--text-color) 88%,var(--chat-muted-color) 12%);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:.3rem;margin-bottom:.55rem;overflow:hidden;padding:.6rem .75rem .6rem 1.1rem;position:relative;transition:background .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.chat-window .chat-messages .chat-message .chat-bubble .chat-reply-ref:before{background:color-mix(in srgb,#100b16 68%,#0000);background:color-mix(in srgb,var(--primary-color,#45f) 68%,#0000);border-radius:999px;content:"";inset:.5rem auto .5rem .55rem;opacity:.65;position:absolute;width:3px}.chat-window .chat-messages .chat-message .chat-bubble .chat-reply-ref:hover{background:color-mix(in srgb,color-mix(in srgb,#fff 94%,#100b16 6%) 78%,color-mix(in srgb,#fff 96%,#100b16 4%) 22%);background:color-mix(in srgb,var(--chat-reply-surface) 78%,var(--chat-bubble-own) 22%);border-color:color-mix(in srgb,color-mix(in srgb,#100b16 22%,#0000) 58%,color-mix(in srgb,#100b16 18%,#0000) 42%);border-color:color-mix(in srgb,var(--chat-reply-border) 58%,var(--chat-bubble-own-border) 42%);transform:translateX(2px)}.chat-window .chat-messages .chat-message .chat-bubble .chat-reply-ref .chat-reply-ref__label{color:color-mix(in srgb,#6b6b6b 85%,#0000);color:color-mix(in srgb,var(--chat-muted-color) 85%,#0000);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.chat-window .chat-messages .chat-message .chat-bubble .chat-reply-ref .chat-reply-ref__body{align-items:baseline;color:inherit;display:flex;flex-wrap:wrap;gap:.35rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-reply-ref strong{color:color-mix(in srgb,#111 92%,#0000);color:color-mix(in srgb,var(--text-color) 92%,#0000);font-weight:600}.chat-window .chat-messages .chat-message .chat-bubble .chat-reply-ref .chat-reply-ref__excerpt{color:color-mix(in srgb,#111 72%,#6b6b6b 28%);color:color-mix(in srgb,var(--text-color) 72%,var(--chat-muted-color) 28%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-window .chat-messages .chat-message .chat-bubble p{margin:0;white-space:pre-wrap}.chat-window .chat-messages .chat-message .chat-bubble .chat-actions{align-items:center;display:flex;gap:.45rem;margin-top:.5rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-actions .chat-time{color:#6b6b6b;color:var(--chat-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:.35rem;position:relative}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .reaction-chip{align-items:center;background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;color:#111;color:var(--text-color);display:inline-flex;font-size:.78rem;gap:.25rem;padding:.18rem .6rem}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .reaction-chip[data-active=true]{background:color-mix(in srgb,#fff 96%,#100b16 4%);background:var(--chat-bubble-own);border-color:#0000;color:#111;color:var(--chat-bubble-own-text);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;border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;display:inline-flex;font-size:.85rem;height:28px;justify-content:center;padding:0;transition:background .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;transition:background var(--transition),border-color var(--transition),color var(--transition);width:28px}.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:#6b6b6b;color:var(--chat-muted-color);content:"＋";font-size:.95rem;line-height:1}.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:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border-color:color-mix(in srgb,#0000001a 70%,#0000);border-color:var(--chat-divider-color)}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .btn-emoji-picker:hover:before,.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .btn-react:hover:before{color:#111;color:var(--text-color)}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .emoji-popover{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--chat-modal-bg) 92%,#0000);border:1px solid color-mix(in srgb,#0000001a 70%,#0000);border:1px solid var(--chat-divider-color);border-radius:999px;box-shadow:0 18px 32px #0f172a1f;box-shadow:var(--chat-emoji-shadow);display:flex;gap:.35rem;margin-left:.35rem;padding:.35rem;position:absolute;transform:translateY(100%)}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .emoji-popover button{background:#0000;border:none;border-radius:50%;font-size:1rem;padding:.25rem;transition:background .3s ease-in-out,transform .3s ease-in-out;transition:background var(--transition),transform var(--transition)}.chat-window .chat-messages .chat-message .chat-bubble .chat-reactions .emoji-popover button:hover{background:color-mix(in srgb,#100b16 12%,#0000);background:var(--chat-menu-hover);transform:translateY(-1px)}.chat-window .chat-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border-top:1px solid #0000001a;border-top:1px solid var(--chat-border-color);display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.5rem 1.3rem}@media(max-width:768px){.chat-window .chat-input{padding:1rem}}.chat-window .chat-input .chat-error{background:color-mix(in srgb,#ff000d 12%,#0000);background:color-mix(in srgb,var(--error-color,#ff4d4f) 12%,#0000);border:1px solid color-mix(in srgb,#ff000d 35%,#0000);border:1px solid color-mix(in srgb,var(--error-color,#ff4d4f) 35%,#0000);border-radius:10px;color:#ff000d;color:var(--error-color,#ff4d4f);font-size:.85rem;font-weight:500;padding:.45rem .75rem}.chat-window .chat-input .reply-indicator{align-items:center;background:color-mix(in srgb,#fff 96%,#100b16 4%);background:var(--chat-reply-indicator-bg);border:1px solid color-mix(in srgb,#100b16 18%,#0000);border:1px solid var(--chat-reply-indicator-border);border-radius:14px;color:#111;color:var(--text-color);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.9rem;justify-content:space-between;padding:.7rem .9rem .7rem 1rem;transition:border-color .3s ease-in-out,background .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out;transition:border-color var(--transition),background var(--transition),color var(--transition),transform var(--transition)}.chat-window .chat-input .reply-indicator:hover{background:color-mix(in srgb,color-mix(in srgb,#fff 96%,#100b16 4%) 82%,color-mix(in srgb,#fff 96%,#100b16 4%) 18%);background:color-mix(in srgb,var(--chat-reply-indicator-bg) 82%,var(--chat-bubble-own) 18%);border-color:color-mix(in srgb,color-mix(in srgb,#100b16 18%,#0000) 60%,color-mix(in srgb,#100b16 18%,#0000) 40%);border-color:color-mix(in srgb,var(--chat-reply-indicator-border) 60%,var(--chat-bubble-own-border) 40%);transform:translateY(-1px)}.chat-window .chat-input .reply-indicator .reply-indicator__content{display:flex;flex-direction:column;gap:.3rem;overflow:hidden}.chat-window .chat-input .reply-indicator .reply-indicator__label{color:color-mix(in srgb,#6b6b6b 80%,#0000);color:color-mix(in srgb,var(--chat-muted-color) 80%,#0000);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.chat-window .chat-input .reply-indicator .reply-indicator__body{align-items:baseline;color:inherit;display:flex;flex-wrap:wrap;gap:.45rem}.chat-window .chat-input .reply-indicator .reply-indicator__user{color:color-mix(in srgb,#111 88%,#0000);color:color-mix(in srgb,var(--text-color) 88%,#0000);font-weight:600}.chat-window .chat-input .reply-indicator .reply-indicator__excerpt{color:color-mix(in srgb,#111 70%,#6b6b6b 30%);color:color-mix(in srgb,var(--text-color) 70%,var(--chat-muted-color) 30%);font-style:italic;max-width:min(420px,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-window .chat-input .reply-indicator .btn-cancel-reply{background:#0000!important;border:none;box-shadow:none;color:#6b6b6b;color:var(--chat-muted-color);font-size:.95rem;padding:.2rem}.chat-window .chat-input .reply-indicator .btn-cancel-reply:hover{color:#111;color:var(--text-color)}.chat-window .chat-input .input-row{align-items:flex-end;display:flex;gap:.75rem}.chat-window .chat-input .input-wrapper{align-items:center;background:#1118270d;background:var(--chat-input-bg);border:1px solid #1118271f;border:1px solid var(--chat-input-border);border-radius:18px;display:flex;flex:1 1 auto;min-width:0;padding:.2rem;position:relative}.chat-window .chat-input input{background:#0000;border:none;border-radius:14px;box-shadow:none;color:#111;color:var(--text-color);flex:1 1 auto;font-size:.95rem;min-width:0;padding:.75rem .9rem}.chat-window .chat-input input::placeholder{color:#6b6b6b;color:var(--chat-muted-color)}.chat-window .chat-input .suggestions-list{background:#f1eef7;background:var(--chat-modal-bg);border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:12px;bottom:calc(100% + .4rem);box-shadow:0 24px 46px #0f172a24;box-shadow:var(--chat-shadow);display:flex;flex-direction:column;gap:.2rem;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:.35rem;position:absolute;right:0}.chat-window .chat-input .suggestions-list li{border-radius:10px;color:#111;color:var(--text-color);cursor:pointer;font-size:.85rem;padding:.6rem .75rem}.chat-window .chat-input .suggestions-list li.active,.chat-window .chat-input .suggestions-list li:hover{background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);color:#111;color:var(--text-color)}.chat-window .chat-input .btn-send{background:#100b16;background:var(--chat-button-bg);border-radius:16px;box-shadow:none;box-shadow:var(--chat-button-shadow);color:#fff;flex:0 0 auto;font-weight:600;height:48px;letter-spacing:.02em;min-width:120px}.chat-window .chat-input .btn-send:hover{background:#000;background:var(--chat-button-hover-bg)}.chat-window .chat-input .btn-send:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.chat-window .chat-input.muted .btn-send,.chat-window .chat-input.muted input{cursor:not-allowed;opacity:.6}@media(max-width:600px){.chat-window .chat-input .input-row{align-items:stretch;flex-direction:column}.chat-window .chat-input .btn-send{width:100%}}@media(max-width:768px){.chat-window{height:100%}.chat-window .chat-messages{padding:1rem}}.mention{color:#ff3c00;color:var(--success-color);cursor:pointer;font-weight:600}.btn-back-bottom{background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;bottom:1rem;color:#111;color:var(--text-color);cursor:pointer;font-size:.82rem;letter-spacing:.02em;margin:0 auto;padding:.45rem 1.15rem;position:-webkit-sticky;position:sticky;transition:background .3s ease-in-out;transition:background var(--transition)}.btn-back-bottom:hover{background:color-mix(in srgb,#fff 96%,#100b16 4%);background:var(--chat-bubble-own);color:#111;color:var(--chat-bubble-own-text)}.emoji-picker{background:#f1eef7;background:var(--chat-modal-bg);border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;box-shadow:0 24px 46px #0f172a24;box-shadow:var(--chat-shadow);display:inline-flex;gap:.35rem;padding:.35rem .45rem}.emoji-picker button{background:#0000;border:none;border-radius:50%;color:#111;color:var(--text-color);cursor:pointer;font-size:1.05rem;padding:.2rem}.emoji-picker button:hover{background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle)}.chat-context-menu{animation:pop .18s ease;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,#f1eef7 90%,#0000);background:color-mix(in srgb,var(--chat-modal-bg) 90%,#0000);border:1px solid color-mix(in srgb,#11182724 60%,#0000);border:1px solid var(--chat-modal-border);border-radius:18px;box-shadow:0 24px 46px #0f172a24;box-shadow:var(--chat-shadow);min-width:190px;padding:.4rem;pointer-events:auto;position:absolute;z-index:1200}.chat-context-menu[data-align=right]{transform-origin:right top}.chat-context-menu[data-align=left]{transform-origin:left top}.chat-context-menu button{align-items:center;background:#0000;border:none;border-radius:12px;color:#111;color:var(--text-color);display:flex;font-size:.9rem;font-weight:500;gap:.65rem;justify-content:flex-start;letter-spacing:.01em;padding:.55rem .85rem;transition:background .3s ease-in-out,color .3s ease-in-out,transform .3s ease-in-out;transition:background var(--transition),color var(--transition),transform var(--transition);width:100%}.chat-context-menu button:hover{background:color-mix(in srgb,#100b16 12%,#0000);background:var(--chat-menu-hover);color:#111;color:var(--chat-bubble-own-text);transform:translateX(2px)}.chat-context-menu button:hover .chat-context-menu__icon{background:color-mix(in srgb,#fff 96%,#100b16 4%);background:var(--chat-bubble-own);color:#111;color:var(--chat-bubble-own-text)}.chat-context-menu button span:last-child{flex:1 1}.chat-context-menu .chat-context-menu__icon{align-items:center;background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border-radius:.75rem;display:inline-flex;font-size:.95rem;height:1.6rem;justify-content:center;width:1.6rem}.chat-modal-backdrop{align-items:center;animation:fadeIn .28s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(18px);display:flex;inset:0;justify-content:center;padding:clamp(.75rem,4vw,2.25rem);position:fixed;z-index:1200}.chat-modal{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,#f1eef7 96%,#0000);background:color-mix(in srgb,var(--chat-modal-bg) 96%,#0000);border:1px solid color-mix(in srgb,#11182724 60%,#0000);border:1px solid var(--chat-modal-border);border-radius:24px;box-shadow:0 24px 46px #0f172a24;box-shadow:var(--chat-shadow);color:#111;color:var(--text-color);display:flex;flex-direction:column;height:min(720px,90dvh);max-height:min(760px,92dvh);overflow:hidden;position:relative;width:min(1080px,96vw)}.chat-modal__header{align-items:flex-start;background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--chat-border-color);display:flex;gap:1.2rem;justify-content:space-between;padding:1.4rem 1.8rem 1.1rem;position:relative;z-index:2}.chat-modal__title{display:flex;flex-direction:column;gap:.35rem;max-width:70%}.chat-modal__title h3{font-size:1.35rem;font-weight:600;letter-spacing:-.01em;margin:0}.chat-modal__title p{color:#6b6b6b;color:var(--chat-muted-color);font-size:.9rem;line-height:1.5;margin:0}.chat-modal__header-actions{align-items:center;display:flex;gap:.6rem}.chat-modal__toggle{background:#0000;border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;color:#111;color:var(--text-color);display:none;font-size:.82rem;padding:.45rem .9rem}.chat-modal__toggle:hover{background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle)}.chat-modal-close{background:#0000;border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:12px;color:#111;color:var(--text-color);font-size:1rem;height:40px;line-height:1;width:40px}.chat-modal-close:hover{background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle)}.chat-modal__body{display:grid;flex:1 1 auto;grid-template-columns:320px minmax(0,1fr);min-height:0;min-width:0;position:relative;z-index:1}.chat-modal-sidebar{background:color-mix(in srgb,#f1eef7 96%,#000 4%);background:var(--chat-sidebar-bg);border-right:1px solid #0000001a;border-right:1px solid var(--chat-border-color);display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:1.3rem 1.1rem;position:relative;z-index:2}.chat-modal__sidebar-inner{display:flex;flex-direction:column;gap:1rem;height:100%}.chat-modal__sidebar-header{align-items:center;color:#6b6b6b;color:var(--chat-muted-color);display:flex;font-size:.85rem;justify-content:space-between;letter-spacing:.08em;text-transform:uppercase}.chat-modal__sidebar-header h4{color:#111;color:var(--text-color);font-size:.82rem;font-weight:600;margin:0}.chat-modal__sidebar-header span{align-items:center;background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;color:#6b6b6b;color:var(--chat-muted-color);display:inline-flex;font-size:.7rem;font-weight:600;justify-content:center;min-width:32px;padding:.3rem .55rem}.chat-modal__search{align-items:center;background:#1118270d;background:var(--chat-input-bg);border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:14px;display:flex;gap:.55rem;padding:.55rem .75rem}.chat-modal__search-icon{color:#6b6b6b;color:var(--chat-muted-color);font-size:.9rem}.chat-modal__search input{background:#0000;border:none;box-shadow:none;color:#111;color:var(--text-color);font-size:.85rem;outline:none;padding:0;width:100%}.chat-modal__search input::placeholder{color:#6b6b6b;color:var(--chat-muted-color)}.chat-modal__list{display:flex;flex:1 1;flex-direction:column;gap:.45rem;list-style:none;margin:0;overflow-y:auto;padding:0}.chat-modal__list::-webkit-scrollbar{width:6px}.chat-modal__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,#0000001a 70%,#0000);background:var(--chat-divider-color);border-radius:999px}.chat-modal__list-item{align-items:center;border:1px solid #0000;border-radius:16px;cursor:pointer;display:flex;gap:.8rem;padding:.55rem .7rem;position:relative;transition:background .3s ease-in-out,border .3s ease-in-out;transition:background var(--transition),border var(--transition)}.chat-modal__list-item:hover{background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle)}.chat-modal__list-item.is-active{background:color-mix(in srgb,#fff 96%,#100b16 4%);background:var(--chat-bubble-own);border-color:#0000;color:#111;color:var(--chat-bubble-own-text)}.chat-modal__avatar{align-items:center;background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border-radius:14px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.chat-modal__avatar img{height:100%;object-fit:cover;width:100%}.chat-modal__avatar-fallback{color:#6b6b6b;color:var(--chat-muted-color);font-weight:600}.chat-modal__meta{align-items:center;display:flex;gap:.6rem;justify-content:space-between;min-width:0;width:100%}.chat-modal__name{color:#111;color:var(--text-color);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-modal__pill{background:#1f29371a;background:var(--chat-pill-bg);border:1px solid #0000001a;border:1px solid var(--chat-border-color);border-radius:999px;color:#1f2937b8;color:var(--chat-pill-color);font-size:.7rem;font-weight:600;min-width:26px;padding:.2rem .5rem;text-align:center}.chat-modal__list-item.is-active .chat-modal__name,.chat-modal__list-item.is-active .chat-modal__pill{color:#111;color:var(--chat-bubble-own-text)}.chat-modal__list-item.is-active .chat-modal__pill{background:color-mix(in srgb,color-mix(in srgb,#fff 96%,#100b16 4%) 80%,#0000);background:color-mix(in srgb,var(--chat-bubble-own) 80%,#0000);border-color:#0000}.chat-modal-content{background:#f1eef7;background:var(--chat-content-bg);display:flex;flex:1 1 auto;flex-direction:column;min-height:0;position:relative}.chat-placeholder{align-items:center;color:#6b6b6b;color:var(--chat-muted-color);display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:center;padding:2.5rem 1.5rem;text-align:center}.chat-placeholder:before{content:"💬";font-size:2.4rem}.chat-sidebar-empty{background:color-mix(in srgb,#f1eef7 92%,#000 8%);background:var(--chat-surface-subtle);border:1px dashed #0000001a;border:1px dashed var(--chat-border-color);border-radius:16px;color:#6b6b6b;color:var(--chat-muted-color);font-size:.88rem;padding:1.8rem 1.2rem;text-align:center}@media(max-width:900px){.chat-modal-backdrop{align-items:stretch;padding:0}.chat-modal{border-radius:0;box-shadow:none;height:100%;max-height:100dvh;width:100vw}.chat-modal__header{padding:1.2rem 1.2rem .9rem}.chat-modal__title{max-width:100%}.chat-modal__title p{font-size:.82rem}.chat-modal__body{display:flex;flex-direction:column}.chat-modal-sidebar{bottom:0;box-shadow:0 24px 46px #0f172a24;box-shadow:var(--chat-shadow);height:100%;left:0;max-width:82%;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(-110%);transition:transform .3s ease,opacity .3s ease;width:min(320px,82%)}.chat-modal[data-sidebar-visible=true] .chat-modal-sidebar{opacity:1;pointer-events:auto;transform:translateX(0)}.chat-modal[data-sidebar-visible=true] .chat-modal-content{filter:blur(1.2px);pointer-events:none}.chat-modal__toggle{display:inline-flex}}@media(max-width:600px){.chat-modal__header{align-items:stretch;flex-direction:column;gap:.75rem}.chat-modal__header-actions{justify-content:space-between}.chat-modal__title h3{font-size:1.1rem}.chat-modal__title p{font-size:.78rem}.chat-placeholder{padding:1.8rem 1.2rem}}.member-main{display:flex;flex-direction:column;height:100%}.member-main .member-chat-tab,.member-main .member-tab-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.member-main .member-chat-tab .chat-window{border-radius:25px;margin-right:15px;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes chat-bubble-highlight{0%{opacity:0}20%{opacity:1}to{opacity:0}}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;animation:fadeIn var(--transition);background:#00000080;display:flex;justify-content:center;padding:28px;padding:var(--spacing-lg);padding-bottom:calc(28px + env(safe-area-inset-bottom));padding-bottom:calc(var(--spacing-lg) + var(--pwa-nav-h, 0px) + env(safe-area-inset-bottom));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:min(90vh,100dvh - 2*var(--spacing-lg) - 0px - env(safe-area-inset-bottom,0px));max-height:min(90vh,100dvh - 2*var(--spacing-lg) - var(--pwa-nav-h,0px) - env(safe-area-inset-bottom,0px));max-width:800px;overflow-y:auto;padding:28px;padding:var(--spacing-lg);position:relative;width:100%}.modal-close-btn{align-items:center;background:#ff000d;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)}.modal-content.access-denied-modal{align-items:center;background:#f1eef7;background:var(--surface-color);border-radius:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;max-width:420px;padding:2rem;text-align:center}.modal-content.access-denied-modal h2{color:#ff000d;color:var(--error-color);font-size:1.5rem;margin:0}.modal-content.access-denied-modal p{margin:0}.modal-content.access-denied-modal .back-home-btn{background:#ff000d;background:var(--error-color);border:none;border-radius:12px;border-radius:var(--radius-base);color:#111;color:var(--text-color);cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease-in-out;transition:background-color var(--transition)}.modal-content.access-denied-modal .back-home-btn:hover{background:#cc4b55;background:var(--error-hover)}.modal-content.role-info-modal{display:flex;flex-direction:column;gap:20px;gap:var(--spacing-md,1rem);max-width:420px;padding-bottom:2rem;padding-bottom:var(--spacing-xl,2rem)}.modal-content.role-info-modal h2{font-size:1.35rem;margin:0}.role-info-list{display:flex;flex-direction:column;gap:12px;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.role-info-item{background:color-mix(in srgb,#f1eef7 90%,#0000);background:color-mix(in srgb,var(--surface-color) 90%,#0000);border:1px solid color-mix(in srgb,#0000001a 85%,#0000);border:1px solid color-mix(in srgb,var(--border-color) 85%,#0000);border-radius:12px;border-radius:var(--radius-md,12px);padding:12px 14px}.role-info-name{color:#111;color:var(--text-color);display:block;font-weight:700;margin-bottom:4px}.role-info-description{color:#6b6b6b;color:var(--muted-color);line-height:1.5;margin:0}.role-info-close{align-self:flex-end}@media(max-width:600px){.modal-overlay{padding:20px;padding:var(--spacing-md);padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-bottom:calc(var(--spacing-md) + var(--pwa-nav-h, 0px) + env(safe-area-inset-bottom))}.modal-content{max-height:calc(100dvh - 40px - env(safe-area-inset-bottom, 0px));max-height:calc(100dvh - var(--spacing-md)*2 - var(--pwa-nav-h, 0px) - env(safe-area-inset-bottom, 0px))}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-profile-modal{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(145deg,color-mix(in srgb,#f1eef7 92%,#ffffff1f),color-mix(in srgb,#f1eef7 80%,#00000014));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-color) 92%,#ffffff1f) 0,color-mix(in srgb,var(--surface-color) 80%,#00000014) 100%);border:1px solid color-mix(in srgb,#0000001a 78%,#0000);border:1px solid color-mix(in srgb,var(--border-color) 78%,#0000);border-radius:26px;border-radius:calc(var(--radius-lg) + 8px);box-shadow:0 26px 70px #10101e2e;display:flex;flex-direction:column;gap:clamp(20px,3vw,28px);gap:clamp(var(--spacing-md),3vw,var(--spacing-lg));min-height:350px;min-width:700px;overflow:hidden;padding:clamp(28px,4vw,28px*1.25);padding:clamp(var(--spacing-lg),4vw,var(--spacing-lg)*1.25);position:relative;text-align:left;width:90%}.user-profile-modal:before{background-image:var(--avatar-url);background-position:50%;background-size:cover;filter:blur(70px);inset:-15%;opacity:.2;transform:scale(1.1)}.user-profile-modal:after,.user-profile-modal:before{content:"";pointer-events:none;position:absolute;z-index:0}.user-profile-modal:after{background:linear-gradient(160deg,#ffffff1a,#0000002e 120%);inset:0;opacity:.25}.user-profile-modal>:not(.modal-close-btn){position:relative;z-index:1}.user-profile-modal>.modal-close-btn{background:color-mix(in srgb,#f1eef7 55%,#ffffff4d);background:color-mix(in srgb,var(--surface-color) 55%,#ffffff4d);border:1px solid color-mix(in srgb,#0000001a 85%,#0000);border:1px solid color-mix(in srgb,var(--border-color) 85%,#0000);border-radius:12px;box-shadow:0 12px 28px #1010182e;color:#111;color:var(--text-color);font-size:1rem;font-weight:600;height:36px;right:clamp(12px,2vw,22px);right:clamp(var(--spacing-sm),2vw,22px);top:clamp(12px,2vw,22px);top:clamp(var(--spacing-sm),2vw,22px);transition:transform .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out;transition:transform var(--transition),background-color var(--transition),color var(--transition),box-shadow var(--transition);width:36px;z-index:2}.user-profile-modal>.modal-close-btn:focus-visible,.user-profile-modal>.modal-close-btn:hover{background:color-mix(in srgb,#f1eef7 45%,#ffffff73);background:color-mix(in srgb,var(--surface-color) 45%,#ffffff73);box-shadow:0 18px 40px #10101838;color:#100b16;color:var(--primary-color);transform:translateY(-1px)}.user-profile-modal>.modal-close-btn:focus-visible{outline:2px solid #100b16;outline:2px solid var(--primary-color);outline-offset:2px}.user-profile-modal .profile-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,28px);gap:clamp(var(--spacing-md),3vw,var(--spacing-lg));justify-content:space-between;margin-top:25px}.user-profile-modal .profile-primary{align-items:center;display:flex;gap:20px;gap:var(--spacing-md);min-width:0}.user-profile-modal .profile-avatar{background:color-mix(in srgb,#f1eef7 85%,#ffffff1a);background:color-mix(in srgb,var(--surface-color) 85%,#ffffff1a);border:3px solid color-mix(in srgb,#ffffffd9 70%,#0000);border-radius:50%;box-shadow:0 18px 45px #0f0f1e33;flex-shrink:0;height:clamp(64px,12vw,88px);object-fit:cover;width:clamp(64px,12vw,88px)}.user-profile-modal .profile-basics{display:flex;flex-direction:column;gap:4px;min-width:0}.user-profile-modal .profile-name{color:#111;color:var(--text-color);font-size:clamp(1.35rem,1.5vw + 1rem,1.8rem);font-weight:600;letter-spacing:-.015em;margin:0;word-break:break-word}.user-profile-modal .username{color:#6b6b6b;color:var(--muted-color);font-size:.95rem;margin:0}.user-profile-modal .social-links{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm);justify-content:flex-end;margin-left:auto;max-width:min(100%,320px)}.user-profile-modal .social-badge{--badge-color:var(--text-color);--badge-bg:color-mix(in srgb,var(--surface-color) 82%,#ffffff24);--badge-border:color-mix(in srgb,var(--border-color) 85%,#0000);align-items:center;background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:15px;box-shadow:0 8px 24px #0f0f1e1f;color:var(--badge-color);display:inline-flex;flex-shrink:0;font-size:1.1rem;gap:0;height:42px;justify-content:center;line-height:1;margin-right:-15px;margin-top:20px;padding:0;text-decoration:none;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition);white-space:nowrap;width:42px}.user-profile-modal .social-badge svg{color:inherit;font-size:1.1rem}.user-profile-modal .social-badge:focus-visible,.user-profile-modal .social-badge:hover{background:color-mix(in srgb,var(--badge-bg) 60%,#ffffff59);box-shadow:0 12px 28px #0f0f1e2e;outline:none;transform:translateY(-1px)}.user-profile-modal .social-badge--instagram{--badge-color:#d62976;--badge-bg:#d6297629;--badge-border:#d6297652}.user-profile-modal .social-badge--tiktok{--badge-color:#00c4c9;--badge-bg:#00c4c92e;--badge-border:#00c4c959}.user-profile-modal .social-badge--discord{--badge-color:var(--text-color);--badge-bg:var(--glass-bg-light);--badge-border:var(--text-color)}.user-profile-modal .profile-body{display:flex;flex-direction:column;gap:20px;gap:var(--spacing-md)}.user-profile-modal .bio{background:color-mix(in srgb,#ffffff1a 82%,#ffffff59);background:color-mix(in srgb,var(--glass-bg-light) 82%,#ffffff59);border:1px solid color-mix(in srgb,#0000001a 80%,#0000);border:1px solid color-mix(in srgb,var(--border-color) 80%,#0000);border-radius:18px;border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffff14;color:#111;color:var(--text-color);font-size:.95rem;line-height:1.6;margin:0;padding:clamp(12px,3vw,20px);padding:clamp(var(--spacing-sm),3vw,var(--spacing-md));word-break:break-word}.user-profile-modal .bio a{border-bottom:1px solid #0000;color:#100b16;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .3s ease-in-out,border-color .3s ease-in-out;transition:color var(--transition),border-color var(--transition)}.user-profile-modal .bio a:hover{border-color:currentColor;color:#000;color:var(--primary-hover)}@media(max-width:600px){.user-profile-modal{gap:20px;gap:var(--spacing-md);min-height:230px;min-width:350px;padding:28px;padding:var(--spacing-lg)}.user-profile-modal>.modal-close-btn{height:32px;right:12px;right:var(--spacing-sm);top:12px;top:var(--spacing-sm);width:32px}.user-profile-modal .profile-header{align-items:stretch;flex-direction:column;gap:20px;gap:var(--spacing-md);margin-top:0}.user-profile-modal .profile-primary{align-items:flex-start;gap:12px;gap:var(--spacing-sm)}.user-profile-modal .profile-avatar{height:72px;width:72px}.user-profile-modal .social-links{justify-content:flex-start;margin-left:0;max-width:100%}.user-profile-modal .social-badge{font-size:.82rem;margin-top:0;padding:7px 12px}.user-profile-modal .bio{padding:12px;padding:var(--spacing-sm)}}.search-modal-overlay{align-items:center;animation:fadeIn .22s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;inset:0;justify-content:center;overscroll-behavior:contain;padding:clamp(1rem,2vw,2.5rem) clamp(1rem,2vw,2.5rem) calc(clamp(1rem,2vw,2.5rem) + env(safe-area-inset-bottom));padding-bottom:calc(clamp(1rem,2vw,2.5rem) + var(--pwa-nav-h, 0px) + env(safe-area-inset-bottom));position:fixed;touch-action:pan-y;-webkit-user-select:none;user-select:none;z-index:2200}.search-modal{animation:scaleIn .22s ease;background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 32px 70px #040a2059;display:flex;flex-direction:column;gap:1.4rem;max-height:calc(100dvh - 5rem - env(safe-area-inset-bottom, 0px));max-height:calc(100dvh - 5rem - var(--pwa-nav-h, 0px) - env(safe-area-inset-bottom, 0px));overflow:hidden;padding:clamp(1.5rem,3vw,2.5rem);position:relative;width:min(720px,100%)}@supports(color:color-mix(in srgb,black 50%,white 50%)){.search-modal{background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color) 92%,#0000);border:1px solid color-mix(in srgb,#0000001a 70%,#0000);border:1px solid color-mix(in srgb,var(--border-color) 70%,#0000)}}@media(max-width:680px){.search-modal{border-radius:1.2rem;gap:1.2rem;padding:clamp(1.25rem,4vw,1.8rem)}}@media(max-width:540px){.search-modal{max-height:calc(100dvh - 3.5rem - env(safe-area-inset-bottom, 0px));max-height:calc(100dvh - 3.5rem - var(--pwa-nav-h, 0px) - env(safe-area-inset-bottom, 0px))}}.search-modal__header{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:auto 1fr auto}.search-modal__icon{background:#4a90e21f;border-radius:.9rem;color:#100b16;color:var(--primary-color);display:grid;font-size:1.45rem;height:3rem;place-items:center;width:3rem}@supports(color:color-mix(in srgb,black 50%,white 50%)){.search-modal__icon{background:color-mix(in srgb,#100b16 16%,#f1eef7 84%);background:color-mix(in srgb,var(--primary-color) 16%,var(--surface-color) 84%)}}.search-modal__title{color:#111;color:var(--text-color);font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:600;margin:0}.search-modal__subtitle{font-size:.95rem;margin:.2rem 0 0}.close-btn,.search-modal__subtitle{color:#6b6b6b;color:var(--muted-color)}.close-btn{align-items:center;background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:999px;border-radius:15px;cursor:pointer;display:flex;font-size:1.35rem;height:40px;justify-content:center;transition:transform .15s ease,background .2s ease,color .2s ease;width:40px}.close-btn:focus-visible,.close-btn:hover{background:#100b16;background:var(--primary-color);color:#fff;outline:none;transform:translateY(-1px)}@supports(color:color-mix(in srgb,black 50%,white 50%)){.close-btn{background:color-mix(in srgb,#f1eef7 85%,#0000001a 15%);background:color-mix(in srgb,var(--surface-color) 85%,var(--border-color) 15%);border:1px solid color-mix(in srgb,#0000001a 60%,#0000);border:1px solid color-mix(in srgb,var(--border-color) 60%,#0000)}}.search-modal__input-wrapper{align-items:center;background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:999px;box-shadow:none;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;transition:border .2s ease,box-shadow .2s ease,background .2s ease}.search-modal__input-wrapper svg{color:#6b6b6b;color:var(--muted-color);flex:0 0 auto;font-size:1.1rem}.search-modal__input-wrapper:focus-within{background:#f1eef7;background:var(--surface-color);border-color:#100b16;border-color:var(--primary-color);box-shadow:0 0 0 4px #4a90e21f}@supports(color:color-mix(in srgb,black 50%,white 50%)){.search-modal__input-wrapper{background:color-mix(in srgb,#f1eef7 92%,#fff 8%);background:color-mix(in srgb,var(--surface-color) 92%,#fff 8%);border:1px solid color-mix(in srgb,#0000001a 65%,#0000);border:1px solid color-mix(in srgb,var(--border-color) 65%,#0000)}.search-modal__input-wrapper svg{color:color-mix(in srgb,#6b6b6b 80%,#111 20%);color:color-mix(in srgb,var(--muted-color) 80%,var(--text-color) 20%)}.search-modal__input-wrapper:focus-within{background:color-mix(in srgb,#f1eef7 100%,#0000);background:color-mix(in srgb,var(--surface-color) 100%,#0000);border-color:color-mix(in srgb,#100b16 70%,#0000);border-color:color-mix(in srgb,var(--primary-color) 70%,#0000)}}.search-input{background:#0000;border:0;box-shadow:none;color:#111;color:var(--text-color);font-size:1.05rem;outline:none;width:100%}.search-input::placeholder{color:#6b6b6b;color:var(--muted-color)}@supports(color:color-mix(in srgb,black 50%,white 50%)){.search-input::placeholder{color:color-mix(in srgb,#6b6b6b 90%,#0000);color:color-mix(in srgb,var(--muted-color) 90%,#0000)}}.search-modal__clear{background:#0000;border:0;color:#100b16;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:600;padding:0 .25rem 0 .75rem;transition:color .2s ease}.search-modal__clear:focus-visible,.search-modal__clear:hover{color:#100b16;color:var(--primary-color);outline:none}@supports(color:color-mix(in srgb,black 50%,white 50%)){.search-modal__clear:focus-visible,.search-modal__clear:hover{color:color-mix(in srgb,#100b16 80%,#111 20%);color:color-mix(in srgb,var(--primary-color) 80%,var(--text-color) 20%)}}.search-modal__hint{color:#6b6b6b;color:var(--muted-color);font-size:.9rem;min-height:1.2rem;padding-inline:.2rem}@supports(color:color-mix(in srgb,black 50%,white 50%)){.search-modal__hint{color:color-mix(in srgb,#6b6b6b 85%,#0000);color:color-mix(in srgb,var(--muted-color) 85%,#0000)}}.results{display:flex;flex-direction:column;gap:.35rem;list-style:none;margin:0;max-height:clamp(220px,45vh,420px);overflow-y:auto;padding:0 .3rem 0 0;scrollbar-color:#0000001a #0000;scrollbar-color:var(--border-color) #0000;scrollbar-width:thin}.results::-webkit-scrollbar{width:6px}.results::-webkit-scrollbar-thumb{background:#0000001a;background:var(--border-color);border-radius:999px}.results::-webkit-scrollbar-track{background:#0000}@supports(color:color-mix(in srgb,black 50%,white 50%)){.results{scrollbar-color:color-mix(in srgb,#0000001a 70%,#0000) #0000;scrollbar-color:color-mix(in srgb,var(--border-color) 70%,#0000) #0000}.results::-webkit-scrollbar-thumb{background:color-mix(in srgb,#0000001a 70%,#0000);background:color-mix(in srgb,var(--border-color) 70%,#0000)}}.result-item{grid-gap:1rem;align-items:center;background:#f1eef7;background:var(--surface-color);border-radius:1rem;cursor:pointer;display:grid;gap:1rem;grid-template-columns:auto 1fr auto;padding:.85rem 1rem;transition:transform .15s ease,background .2s ease}.result-item.result-item--active,.result-item:hover{background:#0000001a;background:var(--border-color);transform:translateY(-1px)}.result-item:focus-visible{box-shadow:0 0 0 2px #100b16;box-shadow:0 0 0 2px var(--primary-color);outline:none}.result-item .thumb{background:#0000001a;background:var(--border-color);border-radius:.9rem;box-shadow:inset 0 0 0 1px #0f172a14;height:56px;overflow:hidden;width:56px}.result-item .thumb img{display:block;height:100%;object-fit:cover;width:100%}.result-item .meta{display:flex;flex-direction:column;gap:.2rem}.result-item .meta .title{color:#111;color:var(--text-color);font-size:1rem;font-weight:600}.result-item .meta .desc,.result-item .meta .slug{color:#6b6b6b;color:var(--muted-color);font-size:.85rem}.result-item .meta .desc{line-height:1.4}.result-item .result-item__cta{color:#6b6b6b;color:var(--muted-color);font-size:1.1rem;transition:color .2s ease}.result-item.result-item--active .result-item__cta,.result-item:hover .result-item__cta{color:#100b16;color:var(--primary-color)}@supports(color:color-mix(in srgb,black 50%,white 50%)){.result-item{background:color-mix(in srgb,#f1eef7 96%,#0000);background:color-mix(in srgb,var(--surface-color) 96%,#0000)}.result-item.result-item--active,.result-item:hover{background:color-mix(in srgb,#100b16 12%,#f1eef7 88%);background:color-mix(in srgb,var(--primary-color) 12%,var(--surface-color) 88%)}.result-item .thumb{background:color-mix(in srgb,#0000001a 70%,#0000);background:color-mix(in srgb,var(--border-color) 70%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,#0000001a 55%,#0000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color) 55%,#0000)}.result-item .slug{color:color-mix(in srgb,#6b6b6b 80%,#0000);color:color-mix(in srgb,var(--muted-color) 80%,#0000)}.result-item .desc{color:color-mix(in srgb,#6b6b6b 78%,#0000);color:color-mix(in srgb,var(--muted-color) 78%,#0000)}.result-item .result-item__cta{color:color-mix(in srgb,#6b6b6b 75%,#0000);color:color-mix(in srgb,var(--muted-color) 75%,#0000)}}.no-results,.results .loading{background:#f1eef7;background:var(--surface-color);border-radius:1rem;color:#6b6b6b;color:var(--muted-color);font-size:.95rem;padding:2.5rem 1rem;text-align:center}@supports(color:color-mix(in srgb,black 50%,white 50%)){.no-results,.results .loading{background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color) 92%,#0000);color:color-mix(in srgb,#6b6b6b 90%,#0000);color:color-mix(in srgb,var(--muted-color) 90%,#0000)}}.search-modal__footer{display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem;margin-top:auto}.search-modal__footer,.search-modal__footer kbd{align-items:center;color:#6b6b6b;color:var(--muted-color)}.search-modal__footer kbd{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:.4rem;box-shadow:0 1px 0 #0f172a14;display:inline-flex;font-family:F37 Ginger,sans-serif;font-family:var(--font-family,inherit);font-size:.75rem;height:1.6rem;justify-content:center;min-width:1.9rem;padding:0 .35rem}@supports(color:color-mix(in srgb,black 50%,white 50%)){.search-modal__footer{color:color-mix(in srgb,#6b6b6b 85%,#0000);color:color-mix(in srgb,var(--muted-color) 85%,#0000)}.search-modal__footer kbd{background:color-mix(in srgb,#f1eef7 98%,#0000);background:color-mix(in srgb,var(--surface-color) 98%,#0000);border:1px solid color-mix(in srgb,#0000001a 70%,#0000);border:1px solid color-mix(in srgb,var(--border-color) 70%,#0000)}}@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;text-decoration:none;transition:background .2s,transform .15s}.profile-menu__item:hover{background:color-mix(in srgb,#f1eef7 60%,#0000);background:color-mix(in srgb,var(--surface-color) 60%,#0000);color:#111;color:var(--text-color)}.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}.profile-menu__item--expandable{cursor:pointer}.profile-menu__sublist{border-left:1px solid #0000001a;border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;margin-left:.5rem;margin-top:6px;padding-left:.75rem}.profile-menu__sublist .profile-menu__item{background:color-mix(in srgb,#f1eef7 70%,#0000);background:color-mix(in srgb,var(--surface-color) 70%,#0000);border-radius:8px;font-size:.85rem;padding:8px 10px}.profile-menu__sublist .profile-menu__item:hover{background:color-mix(in srgb,#f1eef7 85%,#0000);background:color-mix(in srgb,var(--surface-color) 85%,#0000)}.modal-overlay{backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);display:grid;inset:0;overscroll-behavior:contain;padding:20px;padding:var(--spacing-md);place-items:center;position:fixed;touch-action:pan-y;-webkit-user-select:none;user-select:none;z-index:1000}.modal-overlay .view-as-modal{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);overflow:hidden;padding:clamp(20px,2vw,28px);padding:clamp(var(--spacing-md),2vw,var(--spacing-lg));position:relative;width:min(92vw,980px)}@media(max-width:860px){.modal-overlay .view-as-modal{padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-bottom:calc(var(--pwa-nav-h, 0px) + var(--spacing-sm) + env(safe-area-inset-bottom))}}.modal-overlay .view-as-modal:before{background:linear-gradient(135deg,color-mix(in srgb,#0000001a 80%,#0000),color-mix(in srgb,#0000001a 25%,#0000));background:linear-gradient(135deg,color-mix(in srgb,var(--border-color) 80%,#0000),color-mix(in srgb,var(--border-color) 25%,#0000));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.modal-overlay .view-as-modal .modal-close-btn{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:12px;border-radius:var(--radius-base);color:#111;color:var(--text-color);cursor:pointer;display:grid;font-size:1rem;height:36px;place-items:center;position:absolute;right:12px;right:var(--spacing-sm);top:12px;top:var(--spacing-sm);transition:transform .12s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;width:36px}.modal-overlay .view-as-modal .modal-close-btn:hover{background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color) 92%,#0000);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);transform:translateY(-1px)}.modal-overlay .view-as-modal .modal-close-btn:focus-visible{border-color:#100b16;border-color:var(--primary-color);box-shadow:0 0 0 6px color-mix(in srgb,#100b16 22%,#0000);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-color) 22%,#0000);outline:none}.modal-overlay .view-as-modal .modal-headline{margin:0 0 20px;margin:0 0 var(--spacing-md);text-align:center}.modal-overlay .view-as-modal .modal-headline h2{color:#111;color:var(--text-color);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.2;margin:0 0 6px;margin:0 0 var(--spacing-xs)}.modal-overlay .view-as-modal .modal-headline .subtitle{color:#6b6b6b;color:var(--muted-color);font-size:clamp(.95rem,1.2vw,1.05rem);margin:0}.modal-overlay .view-as-modal .view-as-options{-webkit-overflow-scrolling:touch;display:flex;flex-direction:row;gap:28px;gap:var(--spacing-lg);margin-top:28px;margin-top:var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory}.modal-overlay .view-as-modal .view-as-options::-webkit-scrollbar{display:none}@media(min-width:861px){.modal-overlay .view-as-modal .view-as-options{display:grid;grid-template-columns:1fr 1fr;overflow:visible;scroll-snap-type:none}}.modal-overlay .view-as-modal .view-as-dots{display:flex;gap:8px;justify-content:center;margin-top:20px;margin-top:var(--spacing-md)}.modal-overlay .view-as-modal .view-as-dots span{background:#0000001a;background:var(--border-color);border-radius:50%;height:8px;width:8px}.modal-overlay .view-as-modal .view-as-dots span[data-active=true]{background:#100b16;background:var(--primary-color)}@media(min-width:861px){.modal-overlay .view-as-modal .view-as-dots{display:none}}.modal-overlay .view-as-modal .option-card{--ring:color-mix(in srgb,var(--primary-color) 26%,#0000);--accentA:color-mix(in srgb,var(--primary-color) 16%,#0000);--accentB:color-mix(in srgb,var(--primary-color) 4%,#0000);grid-gap:20px;grid-gap:var(--spacing-md);background:linear-gradient(180deg,var(--accentB),#0000 40%),color-mix(in srgb,#f1eef7 92%,#0000);background:linear-gradient(180deg,var(--accentB),#0000 40%),color-mix(in srgb,var(--surface-color) 92%,#0000);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:14px;border-radius:calc(var(--radius-lg) - 4px);cursor:pointer;display:grid;flex:0 0 100%;gap:20px;gap:var(--spacing-md);grid-template-rows:auto 1fr auto;overflow:hidden;scroll-snap-align:start;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease,background .2s ease}@media(min-width:861px){.modal-overlay .view-as-modal .option-card{flex:1 1 auto;scroll-snap-align:unset}}.modal-overlay .view-as-modal .option-card:hover{background:linear-gradient(180deg,var(--accentA),#0000 45%),color-mix(in srgb,#f1eef7 96%,#0000);background:linear-gradient(180deg,var(--accentA),#0000 45%),color-mix(in srgb,var(--surface-color) 96%,#0000);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.modal-overlay .view-as-modal .option-card:focus-within{border-color:#100b16;border-color:var(--primary-color);box-shadow:0 0 0 6px var(--ring)}.modal-overlay .view-as-modal .option-card[data-active=true]{border-color:#100b16;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--ring)}.modal-overlay .view-as-modal .option-card .art{background:linear-gradient(135deg,color-mix(in srgb,#100b16 10%,#0000),color-mix(in srgb,#6db1ff 10%,#0000));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 10%,#0000),color-mix(in srgb,var(--secondary-color) 10%,#0000));border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color);padding:20px;padding:var(--spacing-md)}.modal-overlay .view-as-modal .option-card .art img{background:color-mix(in srgb,#f1eef7 85%,#0000);background:color-mix(in srgb,var(--surface-color) 85%,#0000);border-radius:12px;border-radius:var(--radius-base);display:block;max-width:520px;width:100%}.modal-overlay .view-as-modal .option-card .body{padding:0 20px;padding:0 var(--spacing-md)}.modal-overlay .view-as-modal .option-card .body h3{color:#111;color:var(--text-color);font-size:1.1rem;margin:0 0 6px;margin:0 0 var(--spacing-xs)}.modal-overlay .view-as-modal .option-card .body p{color:#6b6b6b;color:var(--muted-color);font-size:.95rem;margin:0}.modal-overlay .view-as-modal .option-card .replaces{align-items:center;display:flex;gap:6px;gap:var(--spacing-xs);margin-top:12px;margin-top:var(--spacing-sm);padding:20px;padding:var(--spacing-md)}.modal-overlay .view-as-modal .option-card .replaces .label{color:#6b6b6b;color:var(--muted-color);font-size:.85rem;margin-right:6px;margin-right:var(--spacing-xs)}.modal-overlay .view-as-modal .option-card .replaces .chip{align-items:center;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:999px;color:#111;color:var(--text-color);display:inline-flex;font-size:.8rem;gap:6px;height:28px;line-height:1;padding:0 10px}.modal-overlay .view-as-modal .option-card .replaces .logos{align-items:center;display:inline-flex;gap:8px}.modal-overlay .view-as-modal .option-card .replaces .logos .logo{align-items:center;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:4px;display:inline-flex;font-size:.8rem;height:18px;justify-content:center;width:18px}body.theme-dark .modal-overlay .view-as-modal,body.theme-light .modal-overlay .view-as-modal{background:#f1eef7;background:var(--surface-color)}.modal-overlay{padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-bottom:calc(var(--spacing-md) + var(--pwa-nav-h, 0px) + env(safe-area-inset-bottom))}.dashboard-modal{max-height:min(90vh,100dvh - 2*var(--spacing-md) - 0px - env(safe-area-inset-bottom,0px));max-height:min(90vh,100dvh - 2*var(--spacing-md) - var(--pwa-nav-h,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}.dashboard-modal .dashboard-carousel{overflow:hidden;position:relative}.dashboard-modal .dashboard-track{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}@media(min-width:861px){.dashboard-modal .dashboard-track{overflow-x:hidden}}.dashboard-modal .dashboard-track::-webkit-scrollbar{display:none}.dashboard-modal .dashboard-slide{background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:14px;border-radius:calc(var(--radius-lg) - 4px);display:grid;flex:0 0 100%;grid-template-rows:auto 1fr auto;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease,background .2s ease}.dashboard-modal .dashboard-slide:hover{box-shadow:none;transform:translateY(0)}.dashboard-modal .dashboard-slide .art{align-items:center;background:#f1eef7;background:var(--surface-color);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;overflow:hidden;padding:20px;padding:var(--spacing-md);position:relative}.dashboard-modal .dashboard-slide .art:before{background-image:var(--banner-url);background-position:50%;background-size:cover;content:"";filter:blur(40px);inset:0;opacity:.15;pointer-events:none;position:absolute;transform:scale(1.1);z-index:0}.dashboard-modal .dashboard-slide .art img{aspect-ratio:16/9;background:color-mix(in srgb,#f1eef7 85%,#0000);background:color-mix(in srgb,var(--surface-color) 85%,#0000);border:3px solid #0000001a;border:3px solid var(--border-color);border-radius:25px;height:200px;margin:auto;object-fit:cover;position:relative;width:65%;z-index:1}@media(max-width:860px){.dashboard-modal .dashboard-slide .art img{height:150px;width:95%}}.dashboard-modal .dashboard-slide .body{padding:20px;padding:var(--spacing-md);text-align:center}.dashboard-modal .dashboard-slide .body h3{font-size:1.1rem;margin:0 0 6px;margin:0 0 var(--spacing-xs)}.dashboard-modal .dashboard-slide .body .description{color:#6b6b6b;color:var(--muted-color);font-size:.875rem;margin:0 0 12px;margin:0 0 var(--spacing-sm)}.dashboard-modal .dashboard-slide .body .balances{display:flex;margin-top:20px;margin-top:var(--spacing-md)}.dashboard-modal .dashboard-slide .body .balances .balance{background:color-mix(in srgb,#f1eef7 90%,#0000);background:color-mix(in srgb,var(--surface-color) 90%,#0000);flex:1 1;padding:12px;padding:var(--spacing-sm);text-align:center}.dashboard-modal .dashboard-slide .body .balances .balance:not(:first-child){border-left:1px solid #0000001a;border-left:1px solid var(--border-color)}.dashboard-modal .dashboard-slide .body .balances .balance .label{color:#6b6b6b;color:var(--muted-color);display:block;font-size:.75rem;margin-bottom:6px;margin-bottom:var(--spacing-xs)}.dashboard-modal .dashboard-slide .body .balances .balance .value{font-size:1.125rem;font-weight:700}.dashboard-modal .dashboard-slide .body .balances .balance.on-hold .value{color:#100b16;color:var(--primary-color)}.dashboard-modal .dashboard-slide .body .bottom-info{align-items:center;border-top:1px solid #0000001a;border-top:1px solid var(--border-color);color:#6b6b6b;color:var(--muted-color);display:flex;font-size:.75rem;gap:6px;gap:var(--spacing-xs);justify-content:center;margin-top:20px;margin-top:var(--spacing-md);padding-top:12px;padding-top:var(--spacing-sm)}.dashboard-modal .dashboard-slide .body .bottom-info svg{opacity:.7}.dashboard-modal .dashboard-slide .body .go-dashboard-btn,.dashboard-modal .dashboard-slide .body .go-withdrawals-btn{border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-base);cursor:pointer;font-size:.875rem;margin-top:20px;margin-top:var(--spacing-md);padding:6px 20px;padding:var(--spacing-xs) var(--spacing-md)}.dashboard-modal .dashboard-slide .body .go-dashboard-btn{background:#100b16;background:var(--primary-color);color:#fff;margin-right:12px;margin-right:var(--spacing-sm)}.dashboard-modal .dashboard-slide .body .go-withdrawals-btn{background:#f1eef7;background:var(--surface-color);color:#111;color:var(--text-color)}.dashboard-modal .instructions{color:#6b6b6b;color:var(--muted-color);font-size:.75rem;margin-top:6px;margin-top:var(--spacing-xs);text-align:center}.dashboard-modal .carousel-control{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:12px;border-radius:var(--radius-base);color:#111;color:var(--text-color);cursor:pointer;display:grid;height:36px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:transform .12s ease,background .2s ease,box-shadow .2s ease;width:36px}.dashboard-modal .carousel-control:hover{background:color-mix(in srgb,#f1eef7 92%,#0000);background:color-mix(in srgb,var(--surface-color) 92%,#0000);box-shadow:0 8px 24px #0000001a;box-shadow:var(--shadow);transform:translateY(-50%) translateY(-1px)}.dashboard-modal .carousel-control.prev{left:12px;left:var(--spacing-sm)}.dashboard-modal .carousel-control.next{right:12px;right:var(--spacing-sm)}@media(max-width:860px){.dashboard-modal .carousel-control{display:none}}.dashboard-modal .view-as-dots{display:flex!important}: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__menu-wrapper{align-items:stretch;display:flex;height:100%;justify-content:center;position:relative;width:100%}.pwa-nav__menu-wrapper .profile-menu{bottom:calc(100% + 12px);left:0;right:auto;transform:none}@media(max-width:520px){.pwa-nav__menu-wrapper .profile-menu{bottom:calc(80px + env(safe-area-inset-bottom));bottom:calc(var(--pwa-nav-h) + env(safe-area-inset-bottom) + 16px);left:max(16px,env(safe-area-inset-left));min-width:min(18rem,100vw - 32px);position:fixed;right:max(16px,env(safe-area-inset-right));transform:none;width:auto}}.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:30px;top:20px;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;flex-shrink:0;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;touch-action:none;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;touch-action:none;-webkit-user-select:none;user-select:none;width:40px}.pwa-sidebar__icon-button svg{height:20px;width:20px}.pwa-sidebar__icon-button--add{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-color:rgba(255,60,0,.624);color:#ff3c00}.pwa-sidebar__icon-button--dashboard{border-color:color-mix(in srgb,#111 70%,#0000);border-color:color-mix(in srgb,var(--text-color) 70%,#0000);color:#111;color:var(--text-color)}.pwa-sidebar__icon-button:hover{background:none}.pwa-sidebar__whops{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:10px;margin-left:auto;margin-right:auto;min-height:0;overflow-y:hidden;padding-bottom:calc(90px + env(safe-area-inset-bottom));scrollbar-width:none;touch-action:none}.pwa-sidebar__whops--scrollable{overflow-y:auto;touch-action:pan-y}.pwa-sidebar__whops::-webkit-scrollbar{height:0;width:0}.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;flex-shrink:0;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;overscroll-behavior:contain;padding:0 12px calc(12px + env(safe-area-inset-bottom));position:fixed;touch-action:none;transition:opacity .22s ease-out;-webkit-user-select:none;user-select:none;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__item--expandable{cursor:pointer}.pwa-profile-modal__sublist{border-left:1px solid #0000001a;border-left:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px;margin-left:.5rem;margin-top:6px;padding-left:.75rem}.pwa-profile-modal__sublist .pwa-profile-modal__item{background:color-mix(in srgb,#f1eef7 70%,#0000);background:color-mix(in srgb,var(--bg-color,#fff) 70%,#0000);border-radius:8px;font-size:.85rem;padding:8px 10px}.pwa-profile-modal__sublist .pwa-profile-modal__item:hover{background:color-mix(in srgb,#f1eef7 85%,#0000);background:color-mix(in srgb,var(--bg-color,#fff) 85%,#0000)}.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,#00000036,hsla(0,0%,100%,.131));contain:strict;display:grid;inset:0;overscroll-behavior:contain;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;touch-action:pan-y;-webkit-user-select:none;user-select:none;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 32%,#0000),color-mix(in srgb,#f1eef7 100%,#0000));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-color) 32%,#0000),color-mix(in srgb,var(--surface-color) 100%,#0000));border-radius:25px;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:"";mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-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:25px;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:25px;color:var(--btn-text);cursor:pointer;display:inline-flex;gap:10px;justify-content:center;outline:none;overflow:hidden;padding:12px 80px;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{transform:translateY(-1px)}.continue-btn:active{filter:brightness(.98);transform:translateY(0)}.continue-btn:focus-visible{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}}.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:15px;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,.cookie-bar .cookie-actions .reject{background:#ff3c00;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{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}}.trustpilot-modal{animation:tpIn .26s ease-out both;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:hsla(0,0%,7%,.734);border:1px solid #ffffff24;border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 10px 30px #00000059,inset 0 1px 0 #ffffff14;color:#fff;margin:0 auto;max-width:420px;padding:28px;padding:var(--spacing-lg);position:relative;text-align:center}.trustpilot-modal:before{background:linear-gradient(135deg,#ffffff73,#ffffff1a);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}@keyframes tpIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.trustpilot-modal{animation:none}}.trustpilot-modal h2{color:#fff;line-height:1.2;margin:0 0 20px;margin:0 0 var(--spacing-md);text-shadow:0 1px 0 #00000040}.trustpilot-modal p{color:#ffffffd1;margin:0 0 28px;margin:0 0 var(--spacing-lg)}.trustpilot-modal .trustpilot-widget{filter:drop-shadow(0 1px 0 rgba(255,255,255,.1));margin:0 auto 28px;margin:0 auto var(--spacing-lg)}.trustpilot-modal select{background:#ffffff0f;border:1px solid #ffffff29;border-radius:var(--radius-md);color:#fff;font-size:.95rem;outline:none;padding:8px 12px;padding:calc(var(--spacing-xs) + 2px) var(--spacing-sm);transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;width:100%}.trustpilot-modal select::placeholder{color:#ffffffa6}.trustpilot-modal select:hover{background:#ffffff14}.trustpilot-modal select:focus-visible{border-color:#100b16;border-color:var(--primary-color);box-shadow:0 0 0 6px color-mix(in srgb,#100b16 22%,#0000);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-color) 22%,#0000)}.trustpilot-modal .trustpilot-actions{align-items:center;display:flex;gap:20px;gap:var(--spacing-md);justify-content:space-between}.trustpilot-modal .trustpilot-actions .checkbox-container{align-items:center;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:.95rem;gap:6px;gap:var(--spacing-xs);position:relative;-webkit-user-select:none;user-select:none}.trustpilot-modal .trustpilot-actions .checkbox-container input[type=checkbox]{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}.trustpilot-modal .trustpilot-actions .checkbox-container .cbx{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff14;height:20px;position:relative;transition:background .2s,border-color .2s,box-shadow .2s,transform .12s;width:20px}.trustpilot-modal .trustpilot-actions .checkbox-container:hover .cbx{background:#ffffff17;box-shadow:0 4px 12px #0000001f,inset 0 1px 0 #ffffff14;transform:translateY(-1px)}.trustpilot-modal .trustpilot-actions .checkbox-container input[type=checkbox]:focus-visible+.cbx{border-color:#100b16;border-color:var(--primary-color);box-shadow:0 0 0 6px color-mix(in srgb,#100b16 24%,#0000);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-color) 24%,#0000);outline:none}.trustpilot-modal .trustpilot-actions .checkbox-container input[type=checkbox]:checked+.cbx{background:linear-gradient(180deg,color-mix(in srgb,#100b16 35%,#0000),color-mix(in srgb,#100b16 65%,#0000)),color-mix(in srgb,#100b16 35%,#0000);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 35%,#0000),color-mix(in srgb,var(--primary-color) 65%,#0000)),color-mix(in srgb,var(--primary-color) 35%,#0000);border-color:color-mix(in srgb,#100b16 65%,#fff 35%);border-color:color-mix(in srgb,var(--primary-color) 65%,#fff 35%);box-shadow:inset 0 1px 0 #ffffff2e}.trustpilot-modal .trustpilot-actions .checkbox-container input[type=checkbox]:checked+.cbx:after{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";height:7px;inset:0;position:absolute;transform:translate(3.5px,4px) rotate(-45deg);width:12px}.trustpilot-modal .trustpilot-actions .checkbox-container .label{color:#ffffffd9}.trustpilot-modal .trustpilot-actions button{background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;height:40px;min-width:110px;padding:0 20px;padding:0 var(--spacing-md);transition:transform .12s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}.trustpilot-modal .trustpilot-actions button:hover{background:#ffffff1f;box-shadow:0 6px 18px #0000002e,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.trustpilot-modal .trustpilot-actions button:active{box-shadow:inset 0 2px 8px #00000024;transform:translateY(0)}.trustpilot-modal .trustpilot-actions button:focus-visible{border-color:#100b16;border-color:var(--primary-color);box-shadow:0 0 0 6px color-mix(in srgb,#100b16 22%,#0000);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary-color) 22%,#0000);outline:none}.notification-container{bottom:20px;bottom:var(--spacing-md);display:flex;flex-direction:column-reverse;gap:12px;gap:var(--spacing-sm);overscroll-behavior:contain;pointer-events:none;position:fixed;right:20px;right:var(--spacing-md);touch-action:pan-y;-webkit-user-select:none;user-select:none;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 .notification-message a{color:#100b16;color:var(--primary-color);font-weight:600;text-decoration:underline}.notification:after{animation:progress-bar 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:#ff3c00;background:var(--success-color)}.notification.error:after{background:#ff000d;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-bar{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;overflow-y:auto;overscroll-behavior:contain;padding:28px;padding:var(--spacing-lg);padding-bottom:calc(28px + env(safe-area-inset-bottom));padding-bottom:calc(var(--spacing-lg) + var(--pwa-nav-h, 0px) + env(safe-area-inset-bottom));place-items:center;position:fixed;touch-action:pan-y;-webkit-user-select:none;user-select:none;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);max-height:calc(100dvh - 56px - env(safe-area-inset-bottom, 0px));max-height:calc(100dvh - var(--spacing-lg)*2 - var(--pwa-nav-h, 0px) - env(safe-area-inset-bottom, 0px));overflow-y:auto;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);white-space:pre-line}.confirm-modal-message strong{font-weight:600;text-decoration:underline}@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{--surface-btn-bg:color-mix(in srgb,var(--surface-color) 92%,var(--text-color) 8%);--surface-btn-bg-hover:color-mix(in srgb,var(--surface-color) 86%,var(--text-color) 14%);--surface-btn-bg-active:color-mix(in srgb,var(--surface-color) 82%,var(--text-color) 18%);--surface-btn-bg-disabled:color-mix(in srgb,var(--surface-color) 90%,var(--text-color) 10%);--surface-btn-fg:color-mix(in srgb,var(--text-color) 90%,var(--surface-color) 10%);--surface-btn-fg-hover:var(--surface-btn-fg);--surface-btn-fg-disabled:color-mix(in srgb,var(--text-color) 70%,var(--surface-color) 30%);--surface-btn-border:color-mix(in srgb,var(--text-color) 16%,#0000);--surface-btn-border-hover:color-mix(in srgb,var(--text-color) 24%,#0000);--surface-btn-border-active:color-mix(in srgb,var(--text-color) 30%,#0000);--surface-btn-border-disabled:color-mix(in srgb,var(--border-color) 90%,#0000);--surface-btn-shadow:var(--shadow-soft);--surface-btn-shadow-hover:var(--shadow);background:var(--surface-btn-bg);border-color:var(--surface-btn-border);box-shadow:var(--surface-btn-shadow);color:var(--surface-btn-fg);text-shadow:none}.btn-confirm-ok:hover{background:var(--surface-btn-bg-hover);border-color:var(--surface-btn-border-hover);box-shadow:var(--surface-btn-shadow-hover);color:var(--surface-btn-fg-hover);transform:translateY(-1px)}.btn-confirm-ok:active{background:var(--surface-btn-bg-active);border-color:var(--surface-btn-border-active);transform:translateY(0)}.btn-confirm-ok:disabled{background:var(--surface-btn-bg-disabled);border-color:var(--surface-btn-border-disabled);box-shadow:none;color:var(--surface-btn-fg-disabled);cursor:not-allowed;transform:none}body.theme-light .btn-confirm-ok{--surface-btn-bg:color-mix(in srgb,#fff 92%,var(--surface-color) 8%);--surface-btn-bg-hover:color-mix(in srgb,#fff 84%,var(--text-color) 16%);--surface-btn-bg-active:color-mix(in srgb,#fff 80%,var(--text-color) 20%);--surface-btn-fg:color-mix(in srgb,var(--text-color) 88%,#fff 12%);--surface-btn-fg-hover:color-mix(in srgb,var(--text-color) 90%,#fff 10%);--surface-btn-fg-disabled:color-mix(in srgb,var(--text-color) 60%,#fff 40%);--surface-btn-border:color-mix(in srgb,var(--text-color) 14%,#0000);--surface-btn-border-hover:color-mix(in srgb,var(--text-color) 24%,#0000);--surface-btn-border-active:color-mix(in srgb,var(--text-color) 36%,#0000);--surface-btn-border-disabled:color-mix(in srgb,var(--text-color) 12%,#0000);--surface-btn-shadow:0 10px 30px #1111111a;--surface-btn-shadow-hover:0 14px 36px #11111129}body.theme-dark .btn-confirm-ok{--surface-btn-bg:color-mix(in srgb,#000 88%,var(--text-color) 12%);--surface-btn-bg-hover:color-mix(in srgb,#000 80%,var(--text-color) 20%);--surface-btn-bg-active:color-mix(in srgb,#000 76%,var(--text-color) 24%);--surface-btn-fg:color-mix(in srgb,var(--text-color) 96%,#000 4%);--surface-btn-fg-hover:color-mix(in srgb,var(--text-color) 98%,#000 2%);--surface-btn-fg-disabled:color-mix(in srgb,var(--text-color) 62%,#000 38%);--surface-btn-border:color-mix(in srgb,var(--text-color) 28%,#0000);--surface-btn-border-hover:color-mix(in srgb,var(--text-color) 38%,#0000);--surface-btn-border-active:color-mix(in srgb,var(--text-color) 48%,#0000);--surface-btn-border-disabled:color-mix(in srgb,var(--text-color) 22%,#0000);--surface-btn-shadow:0 12px 32px #00000073;--surface-btn-shadow-hover:0 18px 44px #0000008c}.confirm-modal-buttons button:focus-visible{box-shadow:0 0 0 6px var(--cm-ring);outline:none}@media(max-width:520px){.confirm-modal-overlay{padding:20px;padding:var(--spacing-md);padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-bottom:calc(var(--spacing-md) + var(--pwa-nav-h, 0px) + env(safe-area-inset-bottom))}.confirm-modal{max-height:calc(100dvh - 40px - env(safe-area-inset-bottom, 0px));max-height:calc(100dvh - var(--spacing-md)*2 - var(--pwa-nav-h, 0px) - env(safe-area-inset-bottom, 0px))}}.sidebar{align-items:stretch;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:hidden;overscroll-behavior:contain;padding:12px;padding:var(--spacing-sm);position:fixed;top:0;transition:transform .3s ease,width .3s ease,box-shadow .3s ease;width:180px;z-index:50}@media(display-mode:browser){.sidebar{height:100dvh}}.sidebar.closed{pointer-events:none}@media(max-width:1024px){.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f1eef7;background:var(--bg-color);border-radius:0;border-right:1px solid #0000001a;border-right:1px solid var(--border-color);box-shadow:none;height:100dvh;max-width:420px;padding:20px;padding:var(--spacing-md);transform:translateX(-105%);width:100vw}.sidebar.sidebar--mobile{background:#f1eef7!important;background:var(--surface-color)!important;overscroll-behavior:contain;padding:calc(20px + env(safe-area-inset-top, 0px)) calc(20px + env(safe-area-inset-right, 0px)) calc(20px + env(safe-area-inset-bottom, 0px)) calc(20px + env(safe-area-inset-left, 0px));padding:calc(var(--spacing-md) + env(safe-area-inset-top, 0px)) calc(var(--spacing-md) + env(safe-area-inset-right, 0px)) calc(var(--spacing-md) + env(safe-area-inset-bottom, 0px)) calc(var(--spacing-md) + env(safe-area-inset-left, 0px));touch-action:pan-y}.sidebar.open{pointer-events:auto;transform:translateX(0)}}.sidebar__overlay{background:#0000008c;inset:0;opacity:0;overscroll-behavior:none;pointer-events:none;position:fixed;touch-action:none;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;z-index:40}.sidebar__overlay.visible{opacity:1;pointer-events:auto}.sidebar.collapsed{width:78px}.sidebar.collapsed .sidebar__collapse-btn span,.sidebar.collapsed .sidebar__label{display:none}.sidebar.collapsed .sidebar__logo{border:none;box-shadow:none;justify-content:center;margin:20px 0;margin:var(--spacing-md) 0;padding:12px;padding:var(--spacing-sm);transition:all .3s ease}.sidebar.collapsed .sidebar__logo-text{display:none}.sidebar.collapsed .sidebar__logo-mark{height:42px;width:42px}.sidebar.collapsed .sidebar__logo-mark img{height:22px;width:22px}.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 .sidebar__logo:hover{scale:.9;transition:all .3s ease}.sidebar__inner{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:28px;gap:var(--spacing-lg);height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--spacing-xl);scrollbar-color:#0000 #0000;scrollbar-width:thin;width:100%}.sidebar__inner::-webkit-scrollbar{width:4px}.sidebar__inner::-webkit-scrollbar-track{background:#0000}.sidebar__inner::-webkit-scrollbar-thumb{background-color:#0003;border-radius:999px}.sidebar__inner::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media(max-width:1024px){.sidebar__inner{gap:20px;gap:var(--spacing-md);max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom, 0px));touch-action:pan-y}}.sidebar__inner--header-hidden,.sidebar__mobile-header{padding-top:env(safe-area-inset-top,0)}.sidebar__mobile-header{align-items:center;background:#0000!important;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color);display:flex;gap:12px;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-sm);max-height:120px;overflow:hidden;padding-bottom:12px;padding-bottom:var(--spacing-sm);position:-webkit-sticky;position:sticky;top:0;transition:opacity .25s ease,transform .25s ease,max-height .25s ease,padding .25s ease,margin .25s ease,border-color .25s ease;z-index:5}.sidebar__mobile-header--hidden{border-bottom-color:#0000;margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;pointer-events:none;transform:translateY(-12px)}.sidebar__close{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-base);box-shadow:none;color:#111;color:var(--text-color);display:inline-flex;font-size:1.4rem;height:38px;justify-content:center;padding:0;transition:background .2s ease,color .2s ease;width:38px}.sidebar__close:focus-visible,.sidebar__close:hover{background:#ffffff14;color:#111;color:var(--text-color)}@media(min-width:1025px){.sidebar__close{display:none}}.sidebar__quick-actions{grid-gap:12px;grid-gap:var(--spacing-sm);display:grid;gap:12px;gap:var(--spacing-sm);grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.sidebar__quick-action{align-items:center;background:#0000;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:18px;border-radius:var(--radius-lg);box-shadow:none;color:#111;color:var(--text-color);display:flex;flex-direction:column;gap:6px;gap:var(--spacing-xs);padding:12px 6px;padding:var(--spacing-sm) var(--spacing-xs);text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.sidebar__quick-action:focus-visible,.sidebar__quick-action:hover{border-color:#0000;box-shadow:nine;transform:translateY(-2px)}.sidebar__quick-icon{align-items:center;background:#0000001f;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:14px;color:#111;color:var(--text-color);display:inline-flex;height:44px;justify-content:center;position:relative;width:44px}.sidebar__quick-icon svg{height:1.2rem;width:1.2rem}.sidebar__quick-badge{background:#e00;border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;line-height:1;min-width:18px;padding:2px 6px;position:absolute;right:-6px;top:-6px}.sidebar__quick-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-align:center;text-transform:uppercase}.sidebar__logo{align-items:center;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;gap:12px;gap:var(--spacing-sm);margin:28px 0 20px;margin:var(--spacing-lg) 0 var(--spacing-md);overflow:hidden;padding:12px 20px;padding:var(--spacing-sm) var(--spacing-md);position:relative;width:100%}.sidebar__logo:after{background:linear-gradient(135deg,rgba(3,2,2,.106),#0b13161a);content:"";inset:0;opacity:.3;pointer-events:none;position:absolute}.sidebar__logo>*{position:relative;z-index:1}@media(max-width:1024px){.sidebar__logo{background:#0000;border:none;box-shadow:none;margin:20px 0 12px;margin:var(--spacing-md) 0 var(--spacing-sm);padding:12px;padding:var(--spacing-sm)}.sidebar__logo .sidebar__logo-mark,.sidebar__logo:after{display:none}.sidebar__logo .sidebar__logo-subtitle,.sidebar__logo .sidebar__logo-title{margin-left:10px}}.sidebar__logo--mobile{background:#0000;border:none;margin:0;padding:0}.sidebar__logo--mobile:after{display:none}.sidebar__logo--mobile .sidebar__logo-text{display:flex}.sidebar__logo-mark{align-items:center;background:linear-gradient(135deg,#111,#111);background:linear-gradient(135deg,var(--text-color),var(--text-color));border-radius:12px;border-radius:calc(var(--radius-lg) - 6px);box-shadow:0 12px 25px #100b1640;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.sidebar__logo-mark img{height:24px;object-fit:contain;width:24px}@media(max-width:1024px){.sidebar__logo-mark{height:40px;width:40px}}.sidebar__logo-text{display:flex;flex-direction:column;gap:2px;line-height:1.1}@media(max-width:1024px){.sidebar__logo-text{display:none}}.sidebar__logo-title{color:#111;color:var(--text-color);font-size:.8rem;font-weight:600;letter-spacing:.02em}.sidebar__logo-subtitle{color:#6b6b6b;color:var(--muted-color);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase}.sidebar__content{display:flex;flex:1 1;flex-direction:column;gap:28px;gap:var(--spacing-lg);justify-content:flex-start;min-height:0;width:100%}@media(max-width:1024px){.sidebar__content{gap:20px;gap:var(--spacing-md)}}.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%}@media(max-width:1024px){.sidebar__nav ul{gap:6px;gap:var(--spacing-xs)}}.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:.5rem 20px;padding:.5rem var(--spacing-md);text-decoration:none;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}@media(max-width:1024px){.sidebar__nav-item .sidebar__link{background:#0000;border:1px solid #0000001a;border:1px solid var(--border-color);box-shadow:none;padding:.75rem 20px;padding:.75rem var(--spacing-md)}}.sidebar__nav-item .sidebar__link:hover{background:#0000001a;background:var(--border-color)}@media(max-width:1024px){.sidebar__nav-item .sidebar__link:hover{background:#00000014}}.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}@media(max-width:1024px){.sidebar__nav-item .sidebar__link.active{background:#100b16;background:var(--primary-color);border-color:#0000;box-shadow:none;color:#111;color:var(--text-color)}.sidebar__nav-item .sidebar__link.active .sidebar__label,.sidebar__nav-item .sidebar__link.active .sidebar__label.active{color:#111;color:var(--text-color)}}.sidebar__nav-item .sidebar__link .sidebar__icon-wrapper{align-items:center;background:hsla(0,0%,74%,.055);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:10px;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px}.sidebar__nav-item .sidebar__link .sidebar__icon-wrapper .sidebar__icon,.sidebar__nav-item .sidebar__link .sidebar__icon-wrapper .sidebar__profile-img{height:16px;width:16px}.sidebar__nav-item .sidebar__link .sidebar__icon{align-items:center;color:#111;color:var(--text-color);display:inline-flex;height:16px;justify-content:center;opacity:1;width:16px}.sidebar__nav-item .sidebar__link:hover .sidebar__icon-wrapper{background:#0000001a;background:var(--border-color)}.sidebar__nav-item .sidebar__link.active .sidebar__icon-wrapper{background:#100b16;background:var(--primary-color);border-color:#100b16;border-color:var(--primary-color);color:#fff}.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__badge{background:#e00;border-radius:999px;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:16px;padding:2px 5px;position:absolute;right:-6px;top:-4px}.sidebar__nav-item .sidebar__link .sidebar__label{font-size:.85rem;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.4rem;object-fit:cover;width:1.4rem}.sidebar__section-title{color:#6b6b6b;color:var(--muted-color);display:none;font-size:.75rem;font-weight:600;letter-spacing:.16em;margin:0 0 6px;margin:0 0 var(--spacing-xs);text-transform:uppercase}@media(max-width:1024px){.sidebar__section-title{display:block}}.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:12px;gap:var(--spacing-sm);margin-top:12px;margin-top:var(--spacing-sm);padding-bottom:80px;padding-top:12px;padding-top:var(--spacing-sm);width:100%}}.sidebar__whops-list .sidebar__whops-item{align-items:center;background:#0000;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-base);box-shadow:none;color:#111;color:var(--text-color);cursor:pointer;display:flex;gap:5px;justify-content:flex-start;padding:.75rem!important}.sidebar__whops-list .sidebar__whops-item:hover{background-color:rgba(0,0,0,.056)}.sidebar__whops-list .sidebar__whops-item .sidebar__whop-avatar{border-radius:7px;height:1.5rem;margin-left:12px;margin-right:5px;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}}body.theme-light .sidebar--mobile{background:#f1eef7;background:var(--surface-color)}body.theme-light .sidebar--mobile .sidebar__nav-item .sidebar__link,body.theme-light .sidebar--mobile .sidebar__quick-action,body.theme-light .sidebar--mobile .sidebar__whops-item{background:#0000000a;border-color:#0000001a}body.theme-light .sidebar--mobile .sidebar__quick-icon{background:#00000012;border-color:#0000001a}body.theme-light .sidebar--mobile .sidebar__nav-item .sidebar__link:hover,body.theme-light .sidebar--mobile .sidebar__whops-item:hover{background-color:#0000001a}body.theme-dark .sidebar--mobile{background:#101011f0}body.theme-dark .sidebar--mobile .sidebar__nav-item .sidebar__link,body.theme-dark .sidebar--mobile .sidebar__quick-action,body.theme-dark .sidebar--mobile .sidebar__whops-item{background:#ffffff0d;border-color:#ffffff1f}body.theme-dark .sidebar--mobile .sidebar__quick-icon{background:#ffffff14;border-color:#ffffff1f}body.theme-dark .sidebar--mobile .sidebar__nav-item .sidebar__link:hover,body.theme-dark .sidebar--mobile .sidebar__whops-item:hover{background-color:#ffffff1f}body.sidebar-scroll-lock,html.sidebar-scroll-lock{height:100%;overflow:hidden}body.sidebar-scroll-lock{left:0;position:fixed;right:0;touch-action:none;width:100%}.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:15px;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);scale:.95;transform:translateY(0)}.bottombar-left__balance{align-items:center;background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 1px 3px #00000014;color:#111;color:var(--text-color);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;height:42px;letter-spacing:-.01em;padding:0 .9rem;text-decoration:none;transition:all .25s ease}.bottombar-left__balance .balance-icon{color:#ff3c00;color:var(--accent-color,#ff3c00);flex-shrink:0;height:1.25rem;width:1.25rem}.bottombar-left__balance:hover{background:color-mix(in srgb,#f1eef7 85%,#ff3c00 15%);background:color-mix(in srgb,var(--surface-color) 85%,var(--accent-color,#ff3c00) 15%);border-color:#ff3c00;border-color:var(--accent-color,#ff3c00);box-shadow:0 4px 10px #0000001f,0 0 8px #ff510059;color:#111;color:var(--text-color);scale:.8}.bottombar-left__balance:active{box-shadow:0 2px 5px #0000001a;transform:translateY(0)}.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%;opacity:1;padding:.5rem 1rem;pointer-events:auto;position:absolute;transform:translate(-50%);transition:transform .4s ease,opacity .35s ease;will-change:transform,opacity}@media(max-width:768px){.bottombar-center{display:none}}.bottombar-center--hidden{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 40px))}.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);scale:.95}.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{background-color:#0000001a;background-color:var(--border-color);border-radius:12px;height:40px;overflow:hidden;position:relative;width:40px}.bottombar .skeleton-circle:after{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,color-mix(in srgb,#0000001a 80%,#0000),#0000);background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--border-color) 80%,#0000),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.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}@media(min-width:768px){.bottombar--hidden{display:none}}.mobile-header{--mobile-sidebar-open-width:min(360px,calc(100vw - 1.5rem));align-items:center;display:none;height:50px;left:0;padding:calc(env(safe-area-inset-top, 0px)) 20px 0;padding:calc(env(safe-area-inset-top, 0px)) var(--spacing-md) 0;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;align-items:center;-webkit-appearance:none;appearance:none;background:#f1eef7;background:var(--surface-color);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;margin-left:0;padding:0;position:relative;transition:background .25s ease,box-shadow .25s ease,transform .12s ease,border-color .25s ease,margin-left .25s ease;width:var(--size)}.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{box-shadow:0 0 0 3px #3d84ff59;outline:none}.mobile-header__menu[aria-expanded=true]{margin-left:calc(var(--mobile-sidebar-open-width, min(360px, 100vw - 1.5rem)) - var(--size) - var(--spacing-md))}.mobile-header__menu[aria-expanded=true] .mobile-header__icon--menu{opacity:0;transform:translate(-50%,-50%) scale(.85) rotate(-10deg)}.mobile-header__menu[aria-expanded=true] .mobile-header__icon--close{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:768px){.mobile-header__menu{--size:36px;border-radius:10px}}.mobile-header__icon{height:20px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;width:20px}.mobile-header__icon--close{opacity:0;transform:translate(-50%,-50%) scale(.75)}.mobile-header__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body.chat-modal-open .mobile-header{display:none!important}@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;overscroll-behavior:contain;position:fixed;right:0;top:0;touch-action:none;-webkit-user-select:none;user-select:none;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;overscroll-behavior:contain;position:fixed;touch-action:none;-webkit-user-select:none;user-select:none;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;pointer-events:none;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{background:#0000001a;background:var(--border-color);border-radius:12px;border-radius:var(--radius-base);overflow:hidden;position:relative}.skeleton-box:after,.skeleton-line:after{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,color-mix(in srgb,#0000001a 80%,#0000),#0000);background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--border-color) 80%,#0000),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.skeleton-line{height:1rem;margin-bottom:.5rem}.skeleton-box{height:150px;margin-bottom:1rem}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.username-display{align-items:center;display:inline-flex;gap:6px}.username-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.usd-eur-tooltip{align-items:center;cursor:help;display:inline-flex;gap:.1rem;position:relative}.usd-eur-tooltip:focus-visible{outline:2px solid #100b16;outline:2px solid var(--primary-color,#6366f1);outline-offset:2px}.usd-eur-tooltip__bubble{background:#111827eb;background:var(--tooltip-bg,#111827eb);border-radius:6px;bottom:calc(100% + 10px);box-shadow:0 10px 30px #0f172a2e;color:#fff;color:var(--tooltip-color,#fff);font-size:.75rem;left:50%;opacity:0;padding:.35rem .55rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease;visibility:hidden;white-space:nowrap;z-index:40}.usd-eur-tooltip__bubble:after{border:6px solid #0000;border-top-color:#111827eb;border-color:var(--tooltip-bg,#111827eb) #0000 #0000 #0000;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.usd-eur-tooltip:active .usd-eur-tooltip__bubble,.usd-eur-tooltip:focus-visible .usd-eur-tooltip__bubble,.usd-eur-tooltip:hover .usd-eur-tooltip__bubble{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.usd-eur-inline{color:#6b6b6b;color:var(--muted-color,#6b7280);font-size:.9em;margin-left:.35rem}.support-tooltip{align-items:center;display:inline-flex;position:relative}.support-tooltip__trigger{background:none;border:none;color:inherit;cursor:pointer;font:inherit;line-height:inherit;padding:0}.support-tooltip__bubble{--tooltip-arrow-size:8px;--tooltip-bg:var(--surface-color);background:#f1eef7;background:var(--surface-color);border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:10px;bottom:calc(100% + 10px);color:#111;color:var(--text-color);font-size:.8rem;left:50%;line-height:1.4;max-width:min(240px,100vw - 32px);min-width:220px;opacity:0;padding:.65rem .85rem;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease;visibility:hidden;z-index:20}.support-tooltip__bubble:after{border-color:var(--tooltip-bg) #0000 #0000 #0000;border-style:solid;border-width:var(--tooltip-arrow-size);content:"";left:50%;left:var(--arrow-left,50%);position:absolute;top:100%;transform:translateX(-50%)}.support-tooltip__bubble--floating{inset:auto;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:none;transition:opacity .15s ease,transform .15s ease;visibility:hidden;z-index:1000}.support-tooltip__bubble--floating[data-open=true][data-ready=true]{opacity:1;pointer-events:auto;visibility:visible}.support-tooltip__bubble--floating[data-placement=top]{transform:translateY(-4px)}.support-tooltip__bubble--floating[data-placement=bottom]{transform:translateY(4px)}.support-tooltip__bubble--floating[data-placement=top]:after{border-color:var(--tooltip-bg) #0000 #0000 #0000;bottom:calc(var(--tooltip-arrow-size)*-1);top:auto}.support-tooltip__bubble--floating[data-placement=bottom]:after{border-color:#0000 #0000 var(--tooltip-bg) #0000;bottom:auto;top:calc(var(--tooltip-arrow-size)*-1)}.support-tooltip__text{display:block;margin-bottom:.35rem}.support-tooltip__link{font-weight:600;text-decoration:underline}.support-tooltip__link,.support-tooltip__link:focus,.support-tooltip__link:hover{color:#111;color:var(--text-color)}.support-tooltip:focus-within .support-tooltip__bubble:not(.support-tooltip__bubble--floating),.support-tooltip:hover .support-tooltip__bubble:not(.support-tooltip__bubble--floating){opacity:1;pointer-events:auto;transform:translate(-50%);visibility:visible}.support-tooltip__trigger:focus-visible{outline:2px solid #0000001a;outline:2px solid var(--border-color);outline-offset:2px}@media(max-width:768px){.support-tooltip__bubble:not(.support-tooltip__bubble--floating){left:auto;right:0;text-align:left;transform:translateY(8px)}.support-tooltip:focus-within .support-tooltip__bubble:not(.support-tooltip__bubble--floating),.support-tooltip:hover .support-tooltip__bubble:not(.support-tooltip__bubble--floating){transform:translate(0)}.support-tooltip__bubble:not(.support-tooltip__bubble--floating):after{left:auto;right:16px;transform:none}}*{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{position:relative;width:100vw}.main-content{padding:20px}ul{list-style:none}.auth-required .auth-message{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.auth-required .auth-message h2{margin-bottom:12px;margin-bottom:var(--spacing-sm)}.auth-required .auth-message .auth-actions{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--spacing-sm);margin-top:20px;margin-top:var(--spacing-md)}.auth-required .auth-message .btn-primary,.auth-required .auth-message .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:200px;padding:12px 20px;text-decoration:none}.auth-required .auth-message .btn-primary{background:#5c688a;border:none;color:#fff}.auth-required .auth-message .btn-primary:disabled{cursor:not-allowed;opacity:.7}.auth-required .auth-message .btn-secondary{background:#0000;border:1px solid #5c688a;color:#5c688a}@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}@media(display-mode:browser){.app-container{height:100dvh}}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-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:28px;padding:var(--spacing-lg);padding-top:0;position:relative}.auth-card{border:1px solid #0000;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}.google-btn{border:1px solid #f1eef7;border:1px solid var(--bg-color)}.twofa-input input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px}.main-content{padding-left:10px;padding-right:10px}: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:#ff000d;--error-hover:#cc4b55;--success-color:#ff3c00;--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;--owner-tour-overlay-bg:#11182773;--owner-tour-overlay-blur:1.2px;--owner-tour-tooltip-bg:#f6f6f6;--owner-tour-tooltip-border:#0f172a14;--owner-tour-tooltip-shadow:0 24px 60px #0f172a2e;--owner-tour-progress:#e56b46;--owner-tour-highlight-shadow:0 0 0 4px #000000d9,0 25px 50px #0f172a59;--owner-tour-neutral-btn-bg:#6366f11f;--owner-tour-neutral-btn-text:#1f2937}body.theme-dark{--bg-color:#101011;--surface-color:#101011;--text-color:#e2e0e0;--muted-color:#9c9c9c;--gradient-start:#c46415;--gradient-end:#c46415;--primary-color:#ff3c00;--primary-hover:#363636ab;--secondary-color:#6db1ff;--secondary-hover:#4c99e6;--ratings-color:hsla(0,0%,83%,.932);--error-color:#ff000d;--error-hover:#cc4b55;--success-color:#ff3c00;--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%;--owner-tour-overlay-bg:#08080cb3;--owner-tour-overlay-blur:1px;--owner-tour-tooltip-bg:#16161a;--owner-tour-tooltip-border:#94a3b82e;--owner-tour-tooltip-shadow:0 30px 80px #0000008c;--owner-tour-progress:#fca9a5;--owner-tour-highlight-shadow:0 0 0 3px #f1716399,0 22px 50px #08080cbf;--owner-tour-neutral-btn-bg:#94a3b829;--owner-tour-neutral-btn-text:#e2e8f0}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;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}@media(display-mode:browser){.auth-page{min-height:100dvh}}.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;transition:border-color .3s;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:#ff3c00;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:#ff3c00;background:var(--success-color)}.tosc{font-size:small}.google-btn{align-items:center;background:#0000;border:1px solid #0000001a;border:1px solid var(--border-color);border-radius:9999px;color:#111;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:8px;padding:10px;width:100%}.google-btn:hover{background:hsla(0,3%,7%,.147)}.google-btn img{height:18px;width:18px}.auth-logo{height:52px;margin:0 auto;width:52px}.divider{color:#94a3b8;font-size:12px;position:relative;text-align:center}.divider span:after,.divider span:before{background:#0000001a;background:var(--border-color);content:"";display:inline-block;height:1px;margin:0 6px;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}.auth-card.error{border-color:#ef4444}.auth-card.shake{animation:shake .3s}.error-text{color:#ef4444;font-size:.875rem}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}