:root{color-scheme:light;--ink:#46305f;--plum:#794e9a;--opal:#efe6fc}*{box-sizing:border-box}body.entrance{margin:0;background:linear-gradient(125deg,#e2d9e9,#edf0f9,#e1ccdf);color:var(--ink);font:15px/1.5 'Segoe UI',Arial,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;min-height:100vh}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6d57b0;outline-offset:3px}.radio-page{max-width:1672px;margin:auto;container-type:inline-size}.radio-stage{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:1672/941;width:100%}.stage-art{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-drag:none}.player-sheen{position:absolute;left:12%;top:12%;width:60%;height:38%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#67dffb44 47%,#ffd6f044 53%,transparent 65%);background-size:350% 100%;mix-blend-mode:screen;animation:shimmer 23s ease-in-out infinite alternate}.snow-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:9}.snow-layer span{position:absolute;top:-6px;width:3px;height:3px;border-radius:50%;background:white;opacity:.6;animation:snowfall 35s linear infinite}.live-overlay{position:absolute;left:36%;top:21.2%;width:17.5%;border-radius:20px;text-align:center;color:#623477;background:linear-gradient(110deg,#f8d7ee,#f8e8cb);font-size:clamp(9px,1.2cqw,20px);letter-spacing:1px;padding:.15% .5%;border:1px solid #fff5e5}.track-overlay{position:absolute;left:21%;top:26.2%;width:33.5%;height:7.5%;padding:0 1%;border-radius:20px;background:linear-gradient(110deg,#eee8ff,#eadfff,#e5e8ff);color:#463374;display:flex;align-items:center;justify-content:center;text-align:center;font:500 clamp(11px,2.5cqw,42px)/1.2 Georgia,serif;overflow:hidden}.stats-overlay{position:absolute;left:23%;top:37.2%;width:34%;min-height:4.6%;border-radius:15px;background:linear-gradient(110deg,#e5e4ff,#ede2ff);display:flex;align-items:center;justify-content:space-around;gap:8px;font-size:clamp(8px,1.1cqw,18px);color:#453167;padding:.2% .4%;white-space:nowrap}.play-hotspot{position:absolute;left:58%;top:25%;width:9%;height:14%;border:0;border-radius:50%;background:transparent;z-index:4}.volume-overlay{position:absolute;left:29.7%;top:42.8%;width:24.8%;height:4%;display:flex;align-items:center;background:linear-gradient(90deg,#d8deff,#e0ccf7,#e5d0ef);border-radius:15px}.volume-overlay input{width:100%;min-width:0;accent-color:#e4ae81;height:100%;margin:0}.desktop-entry{position:absolute;left:76.8%;top:11.7%;width:16.7%;padding:.4% .25%;border-radius:15px;background:linear-gradient(120deg,#eae2ff,#e3dffb,#f2e2f8);box-shadow:0 0 8px 3px #e9dffa75;z-index:5}.desktop-entry h1{text-align:center;font:500 clamp(13px,1.6cqw,25px)/1.15 Georgia,serif;margin:0 0 6px;color:#582f7c}.entry-tabs{display:flex;gap:6px;margin:0 0 8px}.entry-tabs a{display:flex;flex:1;justify-content:center;align-items:center;min-height:30px;padding:4px 3px;border:1px solid #cbb3e2;border-radius:18px;background:#f0e6ff;color:#70428d;font-size:12px;text-decoration:none}.entry-tabs a.selected{border-color:#e1ac66;background:linear-gradient(110deg,#f4c27b,#fff0d2,#f6d09c);color:#704122}.entry-form>label:not(.entry-rules){display:block;font-size:12px;color:#6e3e89;margin:6px 0 3px;animation:label-color 18s ease-in-out infinite alternate}.entry-form>input:not([type=hidden]){width:100%;min-width:0;height:32px;border:1px solid #c4a1e1;border-radius:11px;background:#fff7ff;color:#48305e;padding:5px 9px;font-size:14px;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.entry-form>input:not([type=hidden]):focus{outline:2px solid #9074c0;outline-offset:2px}.entry-form input::placeholder{color:#9b86a5;font-size:11px}.entry-rules{display:flex;gap:6px;align-items:flex-start;margin:9px 0;font-size:10px;line-height:1.35;color:#7a5d8b}.entry-rules input{flex-shrink:0;accent-color:#9e6bb7;margin:1px 0;width:13px;height:13px}.entry-submit{display:block;width:100%;min-height:34px;padding:5px 8px;border:1px solid #dfad65;border-radius:22px;background:linear-gradient(110deg,#f4bf73,#fff0cf,#f5c282);color:#6c3b23;font:500 15px Georgia,serif;margin-top:9px}.entry-error{font-size:11px;line-height:1.4;color:#993d61;background:#fff1f5;padding:7px;border-radius:8px;margin:7px 0}.entry-hotspot{display:none}.order-hotspot{position:absolute;left:32%;top:51%;width:31%;height:8.5%;z-index:5;border:0;border-radius:35px;background:transparent}.assistant-hotspot{position:absolute;left:68.5%;top:63%;width:21%;height:9%;z-index:5;border:0;border-radius:35px;background:transparent}.support-hotspot{position:absolute;left:68.5%;top:73%;width:21%;height:8%;z-index:5;border:0;border-radius:35px;background:transparent}.radio-status{text-align:center;min-height:20px;font-size:12px;color:#775e89;padding:8px 15px 3px;margin:0}.accessible-actions{display:flex;justify-content:center;gap:10px;padding:8px 12px 15px}.accessible-actions button{min-height:44px;border:1px solid #d4bddf;border-radius:20px;background:#f2e6f9;color:#74518c;padding:9px 15px;font-size:13px}.glass-dialog{width:min(390px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:24px;border:2px solid transparent;border-radius:29px 15px 29px 15px;background:linear-gradient(125deg,#f5eeff,#eee7fb,#faedf7) padding-box,linear-gradient(110deg,#f7cb80,#80e1f5,#e1a1ed,#f4cc8e) border-box;box-shadow:0 15px 60px #4c2b6855;color:var(--ink);font:14px/1.6 'Segoe UI',Arial,sans-serif}.glass-dialog::backdrop{background:#38284c77;backdrop-filter:blur(4px)}.close-dialog{float:right;min-width:44px;min-height:44px;margin:-12px -12px 5px 8px;border:1px solid #d1b5e3;border-radius:50%;background:#fff6ff;color:#7e5991;font-size:22px}.gradient-title{font:500 25px/1.25 Georgia,serif;color:#733f8f;margin:9px 0 23px}.glass-dialog .entry-tabs a{min-height:44px;font-size:14px}.glass-dialog .entry-form>label:not(.entry-rules){font-size:14px;margin-top:13px}.glass-dialog .entry-form>input:not([type=hidden]){height:46px;padding:10px 12px;font-size:16px}.glass-dialog .entry-form input::placeholder{font-size:13px}.glass-dialog .entry-rules{font-size:12px;line-height:1.5;margin:15px 0}.glass-dialog .entry-rules input{width:16px;height:16px;margin-top:3px}.glass-dialog .entry-submit{min-height:46px;font-size:18px;margin-top:18px}.glass-dialog .entry-error{font-size:13px}.help-tabs{display:flex;gap:8px;margin-bottom:17px;clear:both}.help-tabs button{flex:1;min-height:44px;border:1px solid #d8c1e7;border-radius:13px;background:#fff9ff;color:#77518e;padding:8px;font-size:13px}.help-tabs [aria-pressed=true]{background:#e6d8f4;color:#633782}.bot-reply{padding:13px;border:1px solid #ede1f7;border-radius:16px;background:#fff8ff;font-size:13px;color:#675178;overflow-wrap:anywhere}.quick-questions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.quick-questions button{min-height:44px;border:1px solid #d8bde8;border-radius:11px;background:#f6ebff;color:#77518d;padding:7px;font-size:12px}#bot-form label{display:block;font-size:12px;margin-bottom:6px}.bot-compose{display:flex;gap:7px}.bot-compose input{width:100%;min-width:0;min-height:44px;font-size:16px;border:1px solid #ceb1e1;border-radius:11px;padding:9px;background:#fff8ff;color:#593a71;user-select:text;-webkit-user-select:text}.bot-compose button{min-height:44px;min-width:44px;border:1px solid #ceb1e1;border-radius:11px;background:#e9d9f6;color:#6d428a}.small-note{font-size:11px;color:#8b7397;line-height:1.5;margin:12px 0 0}.contact-link{display:block;min-height:46px;padding:12px;margin-top:11px;border:1px solid #d7bce7;border-radius:14px;color:#6a4387;text-decoration:none;background:linear-gradient(110deg,#efe3ff,#e9f0ff,#f9e4f5);overflow-wrap:anywhere}.mail-link{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@keyframes snowfall{from{transform:translate(0,-10px)}to{transform:translate(20px,var(--snow-fall,900px))}}@keyframes shimmer{from{background-position:0 50%}to{background-position:100% 50%}}@keyframes label-color{0%{color:#4b619b}50%{color:#854a9d}100%{color:#a14b81}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-play-state:paused!important}}@media(max-width:900px),(pointer:coarse){.desktop-entry{display:none}.entry-hotspot{display:block;position:absolute;left:75%;top:11%;width:20%;height:36%;z-index:6;border:0;border-radius:20px;background:transparent}.play-hotspot,.assistant-hotspot,.support-hotspot,.order-hotspot{min-height:28px}.accessible-actions button{font-size:13px}.radio-status{font-size:12px;padding-top:10px}}@media(max-width:430px){.stats-overlay{gap:3px;font-size:7px}.glass-dialog{padding:23px 18px}.radio-status{padding-inline:16px}}
.desktop-entry{height:41%;overflow:hidden}@media(max-width:1279px),(pointer:coarse){.desktop-entry{display:none}.entry-hotspot{display:block;position:absolute;left:75%;top:11%;width:20%;height:36%;z-index:6;border:0;border-radius:20px;background:transparent}}

.forgot-link{display:block;text-align:center;min-height:30px;padding:7px 3px;color:#795392;font-size:12px;text-decoration:underline}.glass-dialog .forgot-link{min-height:44px;padding:12px 3px;font-size:14px}.entry-notice{font-size:12px;color:#476649;background:#e7f3e9;padding:8px;border-radius:9px}

.bot-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

body[data-mode="register"] .desktop-entry {
    overflow-y: auto;
}

.guest-entrance-link {
    margin: .6rem 0 0;
    text-align: center;
}
.guest-entrance-link a {
    display: inline-block;
    padding: .4rem .9rem;
    color: #573672;
    background: #fbf1ff;
    border: 1px solid #bc9ad9;
    border-radius: 1rem;
    font-weight: 600;
}

.start-chat-link { text-align:center; text-decoration:none; }
