:root,[data-theme=dark]{--color-primary: #800020;--color-primary-dark: #4C0013;--color-secondary: #D4AF37;--color-bg: #0A0A0A;--color-surface: #1E1E1E;--color-text: #FFFFFF;--color-text-muted: #A0A0A0;--color-card: #1a1a1a;--color-card-hover: #222222;--color-input-bg: #333333;--color-border: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .06);--color-overlay: rgba(0, 0, 0, .8);--color-header-bg: rgba(10, 10, 10, .92);--color-nav-bg: rgba(10, 10, 10, .92);--color-nav-border: rgba(128, 0, 32, .2);--color-modal-bg: linear-gradient(180deg, #1e1e1e 0%, #151515 100%);--color-popup-bg: linear-gradient(160deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);--color-text-secondary: #cccccc;--color-text-dim: #888888;--color-text-faint: #666666;--color-text-ghost: #555555;--color-text-subtle: #aaaaaa;--color-white-alpha-03: rgba(255, 255, 255, .03);--color-white-alpha-05: rgba(255, 255, 255, .05);--color-white-alpha-08: rgba(255, 255, 255, .08);--color-chat-bubble-them: #333333;--color-status-dot-border: #0f0f0f;--color-card-shadow: 0 4px 20px rgba(0, 0, 0, .3);--color-card-border: rgba(255, 255, 255, .06);--color-story-ring-bg: #0f0f0f;--color-story-name: #e0e0e0;--color-story-label: #bbb;--radius-lg: 16px;--shadow-lg: 0 10px 30px -10px rgba(128, 0, 32, .3);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--color-primary: #800020;--color-primary-dark: #4C0013;--color-secondary: #B8941F;--color-bg: #F5F5F7;--color-surface: #FFFFFF;--color-text: #1C1C1E;--color-text-muted: #6E6E73;--color-card: #FFFFFF;--color-card-hover: #F0F0F2;--color-input-bg: #F2F2F7;--color-border: rgba(0, 0, 0, .1);--color-border-subtle: rgba(0, 0, 0, .05);--color-overlay: rgba(0, 0, 0, .45);--color-header-bg: rgba(255, 255, 255, .95);--color-nav-bg: rgba(255, 255, 255, .95);--color-nav-border: rgba(0, 0, 0, .08);--color-modal-bg: linear-gradient(180deg, #ffffff 0%, #f8f8fa 100%);--color-popup-bg: #ffffff;--color-text-secondary: #3A3A3C;--color-text-dim: #636366;--color-text-faint: #8E8E93;--color-text-ghost: #C7C7CC;--color-text-subtle: #636366;--color-white-alpha-03: rgba(0, 0, 0, .02);--color-white-alpha-05: rgba(0, 0, 0, .04);--color-white-alpha-08: rgba(0, 0, 0, .06);--color-chat-bubble-them: #E8E8ED;--color-status-dot-border: #FFFFFF;--color-card-shadow: 0 2px 12px rgba(0, 0, 0, .08);--color-card-border: rgba(0, 0, 0, .08);--color-story-ring-bg: #FFFFFF;--color-story-name: #3A3A3C;--color-story-label: #6E6E73;--radius-lg: 16px;--shadow-lg: 0 4px 20px rgba(0, 0, 0, .08);color-scheme:light;color:var(--color-text);background-color:var(--color-bg)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;width:100%;margin:0;display:flex;flex-direction:column;background-color:var(--color-bg);overflow-x:hidden}#root{width:100%;min-height:100vh;margin:0 auto;background-color:var(--color-bg);position:relative;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80002080;border-radius:3px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html.eb-app,body.eb-app{overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:manipulation}body.eb-app{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative;overflow-x:hidden}body.eb-app input,body.eb-app textarea,body.eb-app [contenteditable=true]{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}body.eb-app img,body.eb-app video{-webkit-touch-callout:none;-webkit-user-drag:none}@media all and (display-mode:standalone){body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none}}h1,h2,h3{font-weight:700;line-height:1.1;letter-spacing:-.02em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.flex-center{display:flex;justify-content:center;align-items:center}.text-gradient{background:linear-gradient(to right,#ff4d6d,#800020);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;padding:12px 24px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #80002066}.btn-primary:active{transform:scale(.98)}.glass-panel{background:#1e1e1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}[data-theme=light] .glass-panel{background:#ffffffb3}body,#root,header,nav,main,.view-container{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.terms-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;height:100vh;height:100dvh;overflow-y:auto}.terms-modal{background:linear-gradient(160deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:520px;display:flex;flex-direction:column;max-height:85vh;max-height:85dvh}@media(max-width:600px){.terms-overlay{padding:0;align-items:flex-end}.terms-modal{border-radius:20px 20px 0 0;max-height:92vh;max-height:92dvh}}.terms-modal__footer{padding:16px 24px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;display:flex;gap:10px;background:#0f0f1ed9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;bottom:0}@keyframes spin{to{transform:rotate(360deg)}}.eb-login-screen input::placeholder{color:#fff6}.eb-login-screen input:-webkit-autofill,.eb-login-screen input:-webkit-autofill:hover,.eb-login-screen input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out 0s}.notifications-popover{position:absolute;top:60px;right:20px;width:380px;max-width:calc(100vw - 24px);background:linear-gradient(160deg,#1a1a2e,#16213e,#0f0f23);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 24px 60px #000000a6,0 0 40px #ff6b350f;z-index:2000;overflow:hidden;display:flex;flex-direction:column;max-height:80vh;max-height:80dvh}[data-theme=light] .notifications-popover{background:linear-gradient(160deg,#fff,#f7f7fb);border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 50px #00000024}.notif-popover__header{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,rgba(255,107,53,.04),transparent);flex-shrink:0}[data-theme=light] .notif-popover__header{border-bottom:1px solid rgba(0,0,0,.06);background:linear-gradient(180deg,rgba(255,107,53,.06),transparent)}.notif-popover__icon-btn{background:#ffffff0f;border:none;color:#aaa;cursor:pointer;display:flex;align-items:center;border-radius:9px;padding:7px;transition:all .15s ease}.notif-popover__icon-btn:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}.notif-popover__icon-btn--danger:hover{background:#ef44442e;color:#ff6b6b}[data-theme=light] .notif-popover__icon-btn{background:#0000000d;color:#6e6e73}[data-theme=light] .notif-popover__icon-btn:hover{background:#0000001a;color:#1c1c1e}.notif-popover__tabs{display:flex;gap:4px;padding:10px 14px 0;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0}[data-theme=light] .notif-popover__tabs{border-bottom:1px solid rgba(0,0,0,.05)}.notif-popover__tab{background:transparent;border:none;color:#888;padding:9px 14px;font-size:.82rem;font-weight:600;cursor:pointer;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:6px;position:relative;transition:color .15s,background .15s}.notif-popover__tab:hover{color:#ccc;background:#ffffff08}.notif-popover__tab.is-active{color:#fff;background:#ff6b3514}.notif-popover__tab.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:linear-gradient(90deg,#ec4899,#ff6b35);border-radius:2px 2px 0 0}[data-theme=light] .notif-popover__tab{color:#6e6e73}[data-theme=light] .notif-popover__tab.is-active{color:#1c1c1e;background:#ff6b351a}.notif-popover__tab-count{background:#ffffff1a;color:#ddd;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:10px;min-width:18px;text-align:center;line-height:1.4}.notif-popover__tab.is-active .notif-popover__tab-count{background:linear-gradient(135deg,#ec4899,#ff6b35);color:#fff}[data-theme=light] .notif-popover__tab-count{background:#00000014;color:#3a3a3c}.notif-popover__list{overflow-y:auto;flex:1}.notif-popover__item{padding:14px 16px 14px 18px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;position:relative;display:flex;gap:12px;align-items:flex-start;transition:background .15s}[data-theme=light] .notif-popover__item{border-bottom:1px solid rgba(0,0,0,.05)}.notif-popover__item:hover{background:#ffffff09}[data-theme=light] .notif-popover__item:hover{background:#00000008}.notif-popover__item.is-unread{background:linear-gradient(90deg,rgba(255,107,53,.06),transparent 70%)}.notif-popover__item.is-unread:hover{background:linear-gradient(90deg,#ff6b351c,#ffffff08 70%)}.notif-popover__item-actions{display:flex;flex-direction:column;gap:5px;opacity:0;transition:opacity .15s;flex-shrink:0}.notif-popover__item:hover .notif-popover__item-actions{opacity:1}@media(hover:none){.notif-popover__item-actions{opacity:1}}.notif-popover__mini-btn{background:#ffffff14;border:none;border-radius:7px;padding:5px;cursor:pointer;color:#ccc;display:flex;align-items:center;justify-content:center;transition:all .15s}.notif-popover__mini-btn:hover{background:#ffffff24;color:#fff;transform:scale(1.05)}.notif-popover__mini-btn--check{color:#4ade80}.notif-popover__mini-btn--check:hover{background:#4ade802e}.notif-popover__mini-btn--danger{color:#ff6b6b;background:#ef44441a}.notif-popover__mini-btn--danger:hover{background:#ef444438}@media(max-width:560px){.notifications-popover{position:fixed;top:60px;right:8px;left:8px;width:auto;max-width:none;max-height:calc(100dvh - 80px);border-radius:18px}.notif-popover__tabs{padding:8px 10px 0}.notif-popover__tab{padding:8px 10px;font-size:.78rem}}