:root{--bg-color:#050505;--surface-color:#0f0f0f;--primary-color:#f05;--primary-glow:#f056;--secondary-color:#7c3aed;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--accent-color:#f30;--glass-bg:#ffffff05;--glass-border:#ffffff0d;--glass-blur:blur(20px);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--input-bg:var(--surface-color);--input-text:var(--text-primary);--header-height:80px;--footer-height:60px;--container-max-width:1400px;--border-radius-lg:24px;--border-radius-md:12px;--border-radius-sm:8px}@media (width<=640px){:root{--header-height:60px}}body.light-theme{--bg-color:#f8fafc;--surface-color:#fff;--primary-color:#e11d48;--primary-glow:#e11d4826;--secondary-color:#6d28d9;--text-primary:#0f172a;--text-secondary:#475569;--accent-color:#f43f5e;--glass-bg:#ffffffb3;--glass-border:#0f172a1a;--glass-blur:blur(15px);--input-bg:#f1f5f9}body.mood-happy{--primary-color:#facc15;--primary-glow:#facc1566;--secondary-color:#fbbf24}body.mood-angry{--primary-color:#ef4444;--primary-glow:#ef444466;--secondary-color:#b91c1c}body.mood-sad{--primary-color:#3b82f6;--primary-glow:#3b82f666;--secondary-color:#1d4ed8}body.mood-romantic{--primary-color:#f472b6;--primary-glow:#f472b666;--secondary-color:#db2777}body.mood-excited{--primary-color:#10b981;--primary-glow:#10b98166;--secondary-color:#059669}body.mood-chill{--primary-color:#8b5cf6;--primary-glow:#8b5cf666;--secondary-color:#6d28d9}body{transition:background-color .8s cubic-bezier(.4,0,.2,1),color .8s cubic-bezier(.4,0,.2,1)}body *{transition:border-color .8s cubic-bezier(.4,0,.2,1),background-color .8s cubic-bezier(.4,0,.2,1),box-shadow .8s cubic-bezier(.4,0,.2,1),color .8s cubic-bezier(.4,0,.2,1)}body.mood-active:before{content:"";background:radial-gradient(circle at center, var(--primary-color) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:999;animation:1s ease-out vibe-flash;position:fixed;inset:0}@keyframes vibe-flash{0%{opacity:.3;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;width:100%;max-width:100vw;margin:0;padding:0;position:relative;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-tap-highlight-color:transparent;height:100dvh;font-family:Inter,sans-serif;font-size:clamp(.9rem,1vw + .5rem,1.1rem);line-height:1.5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff0d padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff1a padding-box content-box}#app{flex-direction:column;height:100dvh;display:flex}.app-header{width:100%;height:var(--header-height);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0a0a0ccc,#0000);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:fixed;top:0}@media (width<=640px){.app-header{padding:.75rem 1rem}.app-nav .btn-text{display:none}#peer-id-display{display:none!important}}.logo{align-items:center;gap:.75rem;display:flex}.logo h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.logo h1 span{color:var(--primary-color)}.omego-icon{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));width:32px;height:32px;box-shadow:0 0 20px var(--primary-glow);border-radius:8px;position:relative}.app-nav{flex-shrink:0;align-items:center;gap:1rem;display:flex}.skip-link{background:var(--primary-color);color:#fff;z-index:1001;padding:8px;transition:top .3s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.id-badge{color:var(--text-secondary);border:1px solid var(--glass-border);text-overflow:ellipsis;white-space:nowrap;cursor:help;background:#ffffff0d;border-radius:8px;max-width:120px;padding:.4rem .8rem;font-size:.7rem;overflow:hidden}.id-badge span{color:var(--text-primary);font-weight:600}.btn-text{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:0 0;border:none;font-weight:500}.btn-text:hover{color:var(--text-primary)}.btn-icon{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;flex-shrink:0;align-items:center;padding:.5rem;display:flex}.btn-icon:hover{background:var(--glass-border);transform:translateY(-2px)}.app-main{padding-top:var(--header-height);flex:1;justify-content:flex-start;align-items:stretch;display:flex}.view{width:100%;max-width:var(--container-max-width);height:100%;transition:var(--transition-smooth);padding:clamp(1rem,5vw,2rem)}#chat-page.view{max-width:none;padding:0}.hidden{display:none!important}#landing-page.scrollable-view{height:calc(100dvh - var(--header-height));display:block;overflow-y:auto}.landing-content-wrapper{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex}@media (width<=1024px){.landing-content-wrapper{gap:1.5rem;padding:0 1rem}}.info-column{flex-direction:column;gap:1.5rem;width:100%;display:flex}.info-card{padding:2rem}.omegle-title{background:linear-gradient(to right, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(1.8rem,5vw,3rem);font-weight:800;line-height:1.1}.info-card h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:2rem 0 1rem;font-size:1.5rem;font-weight:700;display:flex}.info-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem;line-height:1.7}.info-card strong{color:var(--text-primary)}.info-card ul,.info-card ol{color:var(--text-secondary);margin-bottom:1.5rem;margin-left:1.5rem;line-height:1.7}.info-card li{margin-bottom:.5rem}.faq-item{border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.terms-disclaimer{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:12px;margin-top:2rem;padding:1rem;font-size:.95rem}.legal-terms{opacity:.7;margin-top:1.5rem;font-size:.8rem!important}.chat-controls-card{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.omegle-controls-vertical{flex-direction:column;gap:1.5rem;display:flex}.adult-warning-banner{color:#ff4d88;text-align:center;background:#ff005526;border:1px solid #ff00554d;border-radius:12px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.unmonitored-badge{color:#fff;text-align:center;letter-spacing:.05em;background:linear-gradient(135deg,#f05,#f30);border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.8rem;box-shadow:0 4px 15px #ff00554d}.age-confirmation{color:var(--text-secondary);text-align:center;margin-top:1rem;font-size:.75rem;font-style:italic}#interests-input{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);resize:vertical;width:100%;min-height:100px;transition:var(--transition-smooth);border-radius:12px;outline:none;padding:1rem;font-family:inherit;font-size:.95rem}#interests-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.chat-buttons-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.btn-primary{color:#fff;cursor:pointer;min-width:100px;transition:var(--transition-smooth);border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1rem;font-size:1.1rem;font-weight:600;line-height:1.2;display:flex;box-shadow:0 4px 15px #0003}.btn-primary small{opacity:.8;margin-top:2px;font-size:.75rem;font-weight:400}.btn-text-mode,.btn-video-mode{background:linear-gradient(135deg,#f05,#7c3aed)}.btn-unmonitored{background:linear-gradient(135deg,#f30,#f05)}.btn-primary:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 8px 25px #ff005580}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);border-radius:24px}.chat-container-layout{background:var(--bg-color);flex-direction:column;width:100vw;max-width:100%;height:100%;display:flex;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);height:var(--header-height);background:linear-gradient(#0a0a0ccc,#0000);flex-shrink:0;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.chat-header .logo{align-items:center;gap:.75rem;display:flex}.chat-header .logo h1{letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:700}.chat-header .logo h1 span{color:var(--primary-color)}@media (width<=640px){.chat-header{gap:.5rem;padding:.5rem .75rem}.chat-header .tagline{display:none}.chat-header .logo h1{font-size:1.1rem}.chat-header .logo .omego-icon{width:20px;height:20px}}@media (width<=480px){.chat-header{justify-content:space-between;gap:.25rem;padding:.4rem .6rem}.chat-header .logo{flex-shrink:1;min-width:0}.chat-header .logo h1{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.chat-header .logo h1 span{display:none}.chat-header .logo .omego-icon{flex-shrink:0;width:18px;height:18px}.status-dot-indicator{flex-shrink:1;gap:.25rem;min-width:0;padding:.3rem .5rem}.status-dot-indicator .status-text{white-space:nowrap;font-size:.6rem}.chat-header .online-count{display:none}}.status-dot-indicator{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex}.status-dot-indicator .dot{width:8px;height:8px;transition:var(--transition-smooth);background-color:#6b7280;border-radius:50%}.status-dot-indicator .dot.online{background-color:#10b981;box-shadow:0 0 10px #10b981}.status-dot-indicator .dot.pulse{background-color:#7c3aed;animation:1.5s infinite pulse}.status-dot-indicator .status-text{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.chat-main-area{flex-direction:column;flex-grow:1;padding:0 1rem;display:flex;overflow:hidden}@media (width<=640px){.chat-main-area{padding:0}}.chat-messages-scroll{flex-direction:column;flex-grow:1;gap:.75rem;padding:1.5rem;display:flex;overflow-y:auto}@media (width<=640px){.chat-messages-scroll{padding:1rem}}.chat-footer-bar{padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#050505cc,#050505 60%);border-top:1px solid #ffffff0d;align-items:flex-end;gap:.75rem;width:100%;display:flex;position:sticky;bottom:0}@media (width<=640px){.chat-footer-bar{gap:.4rem;padding:.5rem}}.chat-control-btn{cursor:pointer;border:none;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:100px;height:54px;padding:.75rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}@media (width<=640px){.chat-control-btn{border-radius:14px;min-width:65px;height:50px;padding:.4rem}.chat-control-btn .btn-hint{display:none}.chat-control-btn .btn-label{font-size:.8rem;font-weight:600}}.skip-btn{color:#9ca3af;background:linear-gradient(135deg,#374151,#111827);border:1px solid #ffffff0d;box-shadow:0 4px 15px #0006}.skip-btn:hover{color:#fff;background:linear-gradient(135deg,#4b5563,#1f2937);transform:translateY(-2px);box-shadow:0 8px 25px #00000080}.skip-btn:active{transform:translateY(1px)scale(.98)}.send-btn{background:linear-gradient(135deg, var(--primary-color), #be123c);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.send-btn:hover{filter:brightness(1.1);box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.send-btn:active{transform:translateY(1px)scale(.98)}.chat-control-btn i{width:20px;height:20px;margin-bottom:2px}.chat-footer-bar .input-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-grow:1;align-items:center;min-width:0;min-height:54px;padding:10px 16px;transition:all .3s;display:flex}.chat-footer-bar .input-wrapper:focus-within{border-color:var(--primary-color);background:#ffffff0d;box-shadow:0 0 0 4px #ff00551a}@media (width<=640px){.chat-footer-bar .input-wrapper{border-width:1px;padding:6px 10px}}@media (width<=480px){.chat-footer-bar{padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom));gap:.25rem}.chat-control-btn{min-width:50px;padding:.4rem .25rem}.chat-footer-bar .input-wrapper{padding:6px 8px}.input-actions{gap:.2rem}.btn-icon-small{width:32px;height:32px;padding:4px}}@media (width<=400px){.chat-control-btn .btn-label{display:none}.chat-control-btn{min-width:44px;padding:.4rem}.chat-footer-bar{padding:.4rem .3rem calc(.4rem + env(safe-area-inset-bottom));gap:.2rem}}#chat-input{min-width:0;color:var(--input-text);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;margin:0;padding:4px 0;font-family:inherit;font-size:1rem;font-weight:500}@media (width<=640px){#chat-input{font-size:16px}}.message{word-wrap:break-word;border-radius:18px;width:fit-content;max-width:85%;margin-bottom:.5rem;padding:.8rem 1.2rem;font-size:1.05rem;line-height:1.5;animation:.3s cubic-bezier(.175,.885,.32,1.275) messageSlide;position:relative}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.message .label-you,.message .label-stranger{text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.message:has(.label-you){color:#e9d5ff;background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);border:1px solid #7c3aed33;border-bottom-right-radius:4px;align-self:flex-end}.message:has(.label-stranger){color:#fce7f3;background:linear-gradient(135deg,#ff005526,#ff00550d);border:1px solid #f053;border-bottom-left-radius:4px;align-self:flex-start}.label-you{color:var(--secondary-color)}.label-stranger{color:var(--primary-color)}.system-message{color:var(--text-secondary);text-align:center;border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;margin:1rem 0;padding:1rem;font-size:.9rem;font-style:italic}.typing-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff00551a;border:1px solid #f053;border-radius:18px 18px 18px 4px;align-items:center;gap:.75rem;width:fit-content;margin-bottom:.5rem;padding:.6rem 1.2rem;animation:.3s ease-out fadeIn;display:flex}.typing-indicator span{color:var(--text-secondary);font-size:.9rem;font-weight:500}.dots-container{gap:3px;display:flex}.typing-dot{background:var(--primary-color);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite dotBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.app-footer{text-align:center;color:var(--text-secondary);padding:1.5rem;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;gap:1.5rem;width:100%;max-width:600px;max-height:90dvh;padding:clamp(1.5rem,5vw,2.5rem);animation:.4s cubic-bezier(.34,1.56,.64,1) forwards modalPop;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080}@media (width<=640px){.modal-content{border-radius:20px;padding:1.5rem}.modal-header h2{font-size:1.4rem}}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{background:linear-gradient(to right, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.close-modal{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.close-modal:hover{background:var(--primary-color);color:#fff;transform:rotate(90deg)}.modal-body{padding-right:.5rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.modal-body section{margin-bottom:2rem}.modal-body h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.modal-body p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.modal-body strong{color:var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.pulse{animation:2s ease-in-out infinite pulse}.input-actions{flex-shrink:0;align-items:center;gap:.5rem;margin-left:.5rem;display:flex}.btn-icon-small{color:#a1a1aa;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:.5rem;transition:all .2s;display:flex}.btn-icon-small:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.btn-icon-small:active{transform:scale(.95)}.message-image{margin:1rem 0}.image-content-wrapper{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:16px;max-width:400px;margin-top:.5rem;animation:.4s ease-out fadeIn;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.image-content-wrapper:after{content:"";z-index:10;background:0 0;position:absolute;inset:0}.shared-image{pointer-events:none;-webkit-touch-callout:none;width:100%;height:auto;transition:transform .3s;display:block}.shared-image:hover{transform:scale(1.02)}@media (width<=1024px){#landing-page.scrollable-view{height:auto}.landing-content-wrapper{grid-template-columns:1fr}.controls-column{order:-1;position:static}#chat-page{height:100dvh}}@media (width<=640px){.info-card{padding:1.5rem}.app-footer{padding:1rem}.footer-links{flex-direction:column;gap:.75rem!important}.chat-main-area{padding:0 .5rem}.chat-messages-scroll{padding:1rem}.message{font-size:1rem}}.video-overlay{z-index:100;border-bottom:1px solid var(--glass-border);background:#0006;justify-content:center;align-items:center;width:100%;padding:.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideDown;display:flex;position:relative}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.video-player-container{background:var(--surface-color);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;width:100%;max-width:700px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0006}.video-header{border-bottom:1px solid var(--glass-border);background:#ffffff08;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.video-title-wrapper{color:var(--text-primary);align-items:center;gap:.75rem;font-weight:600;display:flex}.video-icon{color:var(--primary-color);width:20px;height:20px}#video-content{aspect-ratio:16/9;background:#000;flex:1;position:relative}#video-content iframe,#video-content video{border:none;width:100%;height:100%}@media (width<=640px){.video-player-container{border-radius:12px}.video-header{padding:.4rem .75rem}.video-header span{font-size:.8rem}.video-overlay{padding:.25rem}#video-content{max-height:200px}}