:root{--bg: #0b0d14;--bg-raised: #12141d;--surface: #171a24;--surface-hover: #1d212c;--border: #262a37;--border-soft: #1d212c;--you: #7c6cf0;--you-dim: #4a3f9e;--them: #ff7a59;--them-dim: #a34e39;--merged-gradient: linear-gradient(135deg, var(--you) 0%, var(--them) 100%);--text-primary: #f4f2ee;--text-secondary: #a8adbd;--text-tertiary: #6b7080;--text-on-accent: #0b0d14;--success: #4fd1a5;--danger: #ff6b6b;--warning: #f5c563;--font-display: "Fraunces", ui-serif, Georgia, serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .24);--shadow-md: 0 8px 24px rgba(0, 0, 0, .32);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--glow-you: 0 0 32px rgba(124, 108, 240, .35);--glow-them: 0 0 32px rgba(255, 122, 89, .35);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur-med: .26s;--dur-slow: .42s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}[data-theme=light]{--bg: #f7f6f3;--bg-raised: #ffffff;--surface: #ffffff;--surface-hover: #f0efec;--border: #e5e3dd;--border-soft: #ececE7;--text-primary: #16181f;--text-secondary: #565b6b;--text-tertiary: #8a8f9e;--text-on-accent: #ffffff;--shadow-sm: 0 2px 8px rgba(20, 20, 20, .06);--shadow-md: 0 8px 24px rgba(20, 20, 20, .08);--shadow-lg: 0 16px 48px rgba(20, 20, 20, .12)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}p{margin:0}button,input,textarea{font-family:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--you);color:#fff}:focus-visible{outline:2px solid var(--you);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--space-5)}.mono{font-family:var(--font-mono);letter-spacing:.04em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{box-shadow:0 0 #4fd1a580}50%{box-shadow:0 0 0 6px #4fd1a500}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orbitMerge{0%{transform:translate(0)}to{transform:translate(-10px)}}.eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--them);margin-bottom:var(--space-2)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot--you{background:var(--you);box-shadow:var(--glow-you)}.dot--them{background:var(--them);margin-left:-3px;box-shadow:var(--glow-them)}.orb{border-radius:50%;filter:blur(.5px)}.orb--you{background:radial-gradient(circle at 35% 30%,#a89bff,var(--you))}.orb--them{background:radial-gradient(circle at 35% 30%,#ffb199,var(--them))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-full);font-weight:600;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--full{width:100%}.btn--sm{padding:8px 16px;font-size:13px}.btn--md{padding:12px 22px;font-size:14.5px}.btn--lg{padding:15px 26px;font-size:15.5px}.btn--primary{background:var(--merged-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-md),var(--glow-you)}.btn--secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--surface-hover)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--text-primary)}.btn--danger{background:transparent;color:var(--danger);border:1px solid rgba(255,107,107,.35)}.btn--danger:hover:not(:disabled){background:#ff6b6b14}.btn__spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar{position:relative;border-radius:50%;overflow:visible;flex-shrink:0}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar span{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.avatar[data-signal=you] span{background:var(--you)}.avatar[data-signal=them] span{background:var(--them)}.avatar[data-signal=you] img,.avatar[data-signal=you] span{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--you);border-radius:50%}.avatar[data-signal=them] img,.avatar[data-signal=them] span{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--them);border-radius:50%}.presence-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--text-tertiary);border:2px solid var(--bg)}.presence-dot--online{background:var(--success);animation:pulseDot 2s ease-in-out infinite}.page{min-height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#07090fdb,#0e101894),url(/room_background.png) center/cover no-repeat}.dashboard-page{background:linear-gradient(135deg,#07090f73,#0e101838),url(/dashboard_backround.jpeg) center/cover no-repeat}.page--centered{align-items:center;justify-content:center;padding:var(--space-6)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft)}.topbar__mark{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:18px}.topbar__user{display:flex;align-items:center;gap:var(--space-4)}.topbar__signout{background:none;border:none;color:var(--text-tertiary);font-size:13.5px;font-weight:500;transition:color var(--dur-fast)}.topbar__signout:hover{color:var(--text-primary)}.topbar__profile-link{line-height:0}.loading-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-tertiary);font-size:14px}.orb-merge{position:relative;width:64px;height:40px}.orb-merge .orb{position:absolute;top:0;width:40px;height:40px;animation:breathe 1.6s ease-in-out infinite}.orb-merge .orb--you{left:0}.orb-merge .orb--them{left:24px;animation-delay:.25s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.empty-state{max-width:380px;text-align:center;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.empty-state__title{font-size:21px}.empty-state__body{color:var(--text-secondary);font-size:14.5px;line-height:1.55;margin-top:2px}.empty-state__eyebrow{color:var(--them);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.empty-state>*+*{margin-top:4px}.empty-state button{margin-top:var(--space-3)}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-5)}.auth-page__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.orb--float{position:absolute;width:380px;height:380px;filter:blur(90px);opacity:.35}.orb--float.orb--you{top:-120px;left:-100px;animation:drift 12s ease-in-out infinite}.orb--float.orb--them{bottom:-140px;right:-100px;animation:drift 14s ease-in-out infinite reverse}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(40px,30px)}}.auth-card{position:relative;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6);text-align:center;box-shadow:var(--shadow-lg);animation:fadeUp .6s var(--ease-out)}.auth-card__mark{display:flex;justify-content:center;gap:2px;margin-bottom:var(--space-4)}.auth-card__title{font-size:34px;margin-bottom:var(--space-2)}.auth-card__subtitle{color:var(--text-secondary);font-size:15px;line-height:1.55;margin-bottom:var(--space-6)}.auth-card__error{color:var(--danger);font-size:13.5px;margin-top:var(--space-3)}.auth-card__fine-print{margin-top:var(--space-6);font-size:12.5px;color:var(--text-tertiary);line-height:1.6}.dashboard{padding-top:var(--space-8);padding-bottom:var(--space-8);flex:1;width:min(100%,1100px);margin:0 auto}.dashboard__intro{margin-bottom:var(--space-7);max-width:700px}.dashboard__intro h1{font-size:clamp(28px,4vw,42px);line-height:1.15;max-width:560px}.dashboard__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:780px;align-items:stretch}.action-card{background:#ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px #00000038;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);transition:border-color var(--dur-med) var(--ease-out),transform var(--dur-med) var(--ease-out);animation:fadeUp .5s var(--ease-out)}.action-card:hover{border-color:var(--border);transform:translateY(-2px)}.action-card h3{font-size:19px;margin-top:var(--space-1)}.action-card p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--space-3)}.action-card .btn{margin-top:auto;width:100%}.action-card__error{color:var(--danger);font-size:13px}.action-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.action-card__icon--you{background:#7c6cf026;color:var(--you)}.action-card__icon--them{background:#ff7a5926;color:var(--them)}.join-form{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.join-form__input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;width:100%}.join-form__input:focus{border-color:var(--you)}.profile-page{padding-top:var(--space-6);flex:1;max-width:480px}.back-link{color:var(--text-tertiary);font-size:13.5px;display:inline-block;margin-bottom:var(--space-5)}.back-link:hover{color:var(--text-primary)}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2)}.profile-card h2{font-size:22px;margin-top:var(--space-3)}.profile-card__email{color:var(--text-tertiary);font-size:14px}.profile-card__divider{width:100%;height:1px;background:var(--border-soft);margin:var(--space-5) 0}.watch-room{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#07090fdb,#0e101894),url(/room_background.png) center/cover no-repeat}.participant-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-soft);gap:var(--space-4)}.participant-bar__people{display:flex;align-items:center;gap:var(--space-1);min-width:0}.participant-bar__people .avatar:nth-child(2){margin-left:-10px}.participant-bar__status{margin-left:var(--space-3);font-size:13.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-bar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.participant-bar__waiting{width:38px;height:38px;border-radius:50%;border:2px dashed var(--border);margin-left:-10px;display:flex;align-items:center;justify-content:center}.pulse-ring{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);animation:pulseDot 1.8s ease-in-out infinite}.chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:8px 14px;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--text-secondary);transition:border-color var(--dur-fast),color var(--dur-fast)}.chip:hover{border-color:var(--you);color:var(--text-primary)}.icon-btn{width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background var(--dur-fast),color var(--dur-fast)}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.icon-btn--leave:hover{color:var(--danger);border-color:#ff6b6b66}.watch-room__body{flex:1;display:flex;min-height:0;background:transparent}.watch-room__main{flex:1;display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-4);min-width:0}.video-shell{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg)}.video-frame{width:100%;height:100%;display:block;min-height:0}.video-empty{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);border:none;display:flex;align-items:center;justify-content:center;padding:var(--space-5);box-sizing:border-box}.video-empty .empty-state{background:transparent;border:none;box-shadow:none;padding:0;max-width:420px;position:relative;z-index:1}.video-controller-tag{position:absolute;bottom:var(--space-3);left:var(--space-3);background:#0b0d14b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);padding:6px 12px;font-size:12.5px;color:var(--text-primary);display:flex;align-items:center;gap:6px;animation:fadeUp .3s var(--ease-out)}.video-search-shell{width:100%;position:relative;margin-top:var(--space-3)}.video-search{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:10px 14px;position:relative;min-height:48px;box-sizing:border-box;width:100%}.video-search svg{color:var(--text-tertiary);flex-shrink:0;width:18px;height:18px}.video-search input{flex:1 1 auto;background:none;border:none;font-size:14.5px;min-width:0;padding:0;height:100%;line-height:1.4;width:100%}.video-search input:focus{outline:none}.video-search button{background:var(--merged-gradient);color:#fff;border:none;border-radius:var(--radius-full);padding:8px 16px;font-size:13.5px;font-weight:600;flex-shrink:0;min-height:36px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.video-search button:disabled{opacity:.4}.video-search__results{margin-top:8px;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding-right:2px}.video-search__result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff0a;color:var(--text-primary);text-align:left}.video-search__result img{width:72px;height:44px;object-fit:cover;border-radius:8px;flex-shrink:0}.video-search__result span{font-size:13.5px;line-height:1.35}.video-search__error{display:block;margin-top:8px;font-size:12.5px;color:var(--danger)}.chat-panel{width:340px;flex-shrink:0;border-left:1px solid var(--border-soft);display:flex;flex-direction:column;background:var(--bg-raised)}.chat-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft)}.chat-panel__header h3{font-size:15.5px}.chat-panel__close{display:none;background:none;border:none;color:var(--text-tertiary);font-size:16px}.chat-panel__messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.chat-bubble{display:flex;align-items:flex-end;gap:var(--space-2);max-width:88%;animation:fadeUp .25s var(--ease-out)}.chat-bubble--self{align-self:flex-end;flex-direction:row-reverse}.chat-bubble__content{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px 16px 16px 4px;padding:9px 13px}.chat-bubble--self .chat-bubble__content{background:linear-gradient(135deg,var(--you),#6152c9);color:#fff;border:none;border-radius:16px 16px 4px}.chat-bubble__content p{font-size:14px;line-height:1.45;word-break:break-word}.chat-bubble--typing{align-items:center}.typing-dots{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:8px 12px;display:inline-flex;gap:4px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary);display:inline-block;animation:typingBounce 1.2s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.chat-panel__composer{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-soft)}.chat-panel__composer input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:10px 16px;font-size:14px}.chat-panel__composer input:focus{border-color:var(--you)}.chat-panel__composer button{width:40px;height:40px;border-radius:50%;background:var(--merged-gradient);color:#fff;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-panel__composer button:disabled{opacity:.4}@media (max-width: 860px){.dashboard__cards{grid-template-columns:1fr;max-width:460px}.dashboard{padding-top:var(--space-6);padding-bottom:var(--space-6)}.dashboard__intro{margin-bottom:var(--space-5)}.watch-room__body{position:relative}.chat-panel{position:fixed;right:0;bottom:0;left:0;top:auto;height:72vh;width:100%;border-left:none;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);transform:translateY(100%);transition:transform var(--dur-slow) var(--ease-out);box-shadow:var(--shadow-lg);z-index:40}.chat-panel--open{transform:translateY(0)}.chat-panel__close{display:block}.participant-bar__status{display:none}}@media (max-width: 640px){.page{min-height:100vh}.topbar{padding:var(--space-3) var(--space-4)}.topbar__mark{font-size:16px}.topbar__user{gap:var(--space-3)}.topbar__signout{font-size:12.5px}.dashboard{padding:var(--space-5) var(--space-4) var(--space-6)}.dashboard__intro h1{max-width:none}.action-card{padding:var(--space-5)}}@media (max-width: 520px){.container{padding:0 var(--space-4)}.topbar{padding:var(--space-3) var(--space-4)}.watch-room__main{padding:var(--space-4)}.auth-card{padding:var(--space-6) var(--space-5)}.dashboard{padding-top:var(--space-6)}}