:root{--ys-blue:#00a2e9;--ys-blue-darker:#0089d0;--ys-light-blue:#00afef;--ys-dark-blue:#253a78;--ys-wordmark:#34437a;--ys-mint:#c0eee3;--ys-turquoise:#6fd2bb;--ys-light-grey:#f5f5f7;--ys-purple:#e9baf6;--ys-cyan:#67e3e4;--ys-zalm:#e37b8c;--ys-success:#28a745;--ys-error:#dc3545;--ys-ui-border:#f4f5f7;--ys-slate:#1f2937;--ys-white:#fff;--radius-card:32px;--radius-item:24px;--shadow-soft:0 10px 28px #253a7814}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ys-slate);background:var(--ys-blue);min-height:100vh;font-family:Avenir,Avenir Next,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;overflow-x:hidden}::selection{color:var(--ys-white);background:#00afefd9}.page{background:var(--ys-blue);flex-direction:column;height:100vh;display:flex;position:relative}.page:before,.page:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:absolute}.page:before{background:var(--ys-cyan);opacity:.35;width:min(46vw,440px);height:min(46vw,440px);top:-7rem;right:-6rem}.page:after{background:var(--ys-turquoise);opacity:.4;width:min(34vw,320px);height:min(34vw,320px);bottom:-5rem;left:-4rem}.site-header{z-index:2;background:var(--ys-white);border-bottom-right-radius:50% 28px;border-bottom-left-radius:50% 28px;width:100%;padding:1.1rem 2rem 1.6rem;position:relative}.site-header-inner{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:1440px;margin:0 auto;display:flex}.site-logo{width:auto;min-width:150px;height:48px;display:block}.site-tagline{color:var(--ys-blue);letter-spacing:-.02em;text-align:right;margin:0;font-size:24px;font-weight:700;line-height:1.3}.layout-container{z-index:1;flex:1;grid-template:"video chat"minmax(0,1fr)"songs chat"/1fr minmax(300px,400px);gap:1.25rem;width:100%;max-width:1440px;min-height:0;margin:0 auto;padding:1.25rem 2rem 1.5rem;display:grid;position:relative}.video-container{border-radius:var(--radius-card);min-height:0;box-shadow:var(--shadow-soft);background:#111;grid-area:video;display:flex;overflow:hidden}#video-player{object-fit:contain;width:100%;height:100%}.upcoming-songs-container{grid-area:songs}.chat-container{grid-area:chat}.upcoming-songs-container,.chat-container{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);flex-direction:column;display:flex;overflow:hidden}.upcoming-songs-container{background:var(--ys-white);flex-shrink:0;padding:0}.songs-header,.chat-header{text-align:left;margin:0;padding:1rem 1.1rem 1.35rem;position:relative;overflow:hidden}.songs-header{background:var(--ys-purple);padding-bottom:2.25rem}.chat-header{background:var(--ys-mint);color:var(--ys-wordmark);padding-bottom:2.75rem}.songs-header:after,.chat-header:after{content:"";background:var(--ys-white);z-index:0;pointer-events:none;border-top-left-radius:50% 18px;border-top-right-radius:50% 18px;height:18px;position:absolute;bottom:-1px;left:0;right:0}.songs-title{z-index:1;letter-spacing:.02em;color:var(--ys-wordmark);margin:0;font-size:22px;font-weight:700;line-height:1.2;position:relative}.upcoming-songs-list{flex-direction:column;gap:.15rem;margin:0;padding:.35rem 1rem .9rem;list-style:none;display:flex}.upcoming-songs-list li{border-bottom:1px solid var(--ys-mint);color:var(--ys-wordmark);background:0 0;border-radius:0;padding:.35rem 0;font-size:15px;font-weight:400}.upcoming-songs-list li:last-child{border-bottom:none}.upcoming-songs-list li strong{color:var(--ys-wordmark)}.chat-container{background:var(--ys-white);grid-area:chat;min-width:0;min-height:0}.blob{pointer-events:none;border-radius:50%;position:absolute}.blob-mint{background:var(--ys-turquoise);opacity:.45;width:140px;height:140px;top:-58px;right:-42px}.blob-cyan{background:var(--ys-cyan);opacity:.7;width:88px;height:88px;top:28px;right:28px}.songs-header .blob-mint{background:var(--ys-mint);width:120px;height:120px;top:-48px;right:-36px}.songs-header .blob-cyan{background:var(--ys-cyan);width:72px;height:72px;top:18px;right:18px}.chat-subtitle{z-index:1;color:var(--ys-wordmark);margin:0;font-size:14px;font-weight:400;line-height:1.35;position:relative}.chat-phone{letter-spacing:.02em;color:var(--ys-wordmark);white-space:nowrap;margin-top:.2rem;font-size:22px;font-weight:700;line-height:1.2;display:block}.chat-messages{flex-direction:column;flex-grow:1;gap:.45rem;margin:0;padding:.75rem 1rem 1rem;list-style:none;display:flex;overflow-y:auto}.chat-messages:before{content:"";flex:auto}.chat-messages li{background:var(--ys-mint);word-wrap:break-word;color:var(--ys-slate);border-radius:24px 24px 24px 8px;padding:.75rem 1rem;font-size:16px;line-height:1.5}.chat-messages li strong{color:var(--ys-wordmark)}.chat-messages li.chat-announcement{background:var(--ys-white);border:2px solid var(--ys-cyan);color:var(--ys-wordmark);border-left-width:6px;font-weight:500}.chat-messages li.chat-tellme{background:var(--ys-blue);color:var(--ys-white)}.chat-messages li.chat-tellme strong{color:var(--ys-white)}@media (width<=900px){.page{height:auto;min-height:100vh}.layout-container{grid-template:"video""chat"40vh"songs"/1fr;height:auto;padding:1rem 1rem 1.5rem}.site-header{padding:1rem 1rem 1.4rem}.site-logo{min-width:150px;height:40px}.site-tagline{font-size:16px}.chat-container{height:40vh;max-height:40vh}.video-container{aspect-ratio:16/9;min-height:0}}body.chat-only-body{--primary-color:#007bff;--primary-gradient:linear-gradient(135deg, #007bff 0%, #0056b3 100%);--bg-color:#f0f2f5;--card-bg:#fff;--text-primary:#1c1e21;--text-secondary:#65676b;background:var(--bg-color);justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Outfit,system-ui,-apple-system,sans-serif;display:flex}.chat-window-wrapper{box-sizing:border-box;width:100%;max-width:800px;height:100%;margin:0 auto;padding:20px}body.chat-only-body .chat-container{background:var(--card-bg);border:none;border-radius:16px;flex-direction:column;max-width:none;height:100%;display:flex;overflow:hidden;box-shadow:0 12px 24px #0000001a}body.chat-only-body .chat-header{background:var(--primary-gradient);color:#fff;text-align:left;padding:1.5rem;position:relative}body.chat-only-body .header-content{flex-direction:column;gap:.25rem;display:flex}body.chat-only-body .chat-header h2{margin:0;font-size:1.5rem;font-weight:700}body.chat-only-body .chat-subtitle{opacity:.9;margin:0;font-size:.9rem}body.chat-only-body .status{background:#f8f9fa;padding:.75rem;font-weight:600}