@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--font-ui: "Manrope", "Segoe UI", "Tahoma", sans-serif;--font-display: "Amiri", "Times New Roman", serif;--bg-night: #03151a;--bg-midnight: #072128;--bg-oasis: #0d2f38;--surface-main: rgba(8, 31, 38, .72);--surface-soft: rgba(13, 44, 53, .62);--surface-elevated: rgba(20, 58, 68, .72);--text-main: #f1ede0;--text-muted: #b9c7c3;--text-dim: #8ea8a2;--line-soft: rgba(227, 212, 164, .24);--line-strong: rgba(227, 212, 164, .42);--accent-gold: #d0ae6f;--accent-gold-strong: #e5c788;--accent-emerald: #2f8a72;--accent-emerald-soft: rgba(47, 138, 114, .24);--danger: #c86b6b;--shadow-lg: 0 24px 54px rgba(1, 10, 13, .52);--shadow-md: 0 14px 30px rgba(1, 10, 13, .36);--shadow-sm: 0 8px 16px rgba(1, 10, 13, .28);--radius-xl: 34px;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--space-6: 32px;--tap: 50px;--lx: 56%;--ly: 18%}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-ui);color:var(--text-main);background:radial-gradient(1200px 680px at 12% 6%,#24524a42,#24524a00 60%),radial-gradient(900px 640px at 96% 0%,#d0ae6f29,#d0ae6f00 62%),linear-gradient(165deg,var(--bg-night),var(--bg-midnight) 55%,var(--bg-oasis));overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(60deg,rgba(227,212,164,.14) 0,rgba(227,212,164,.14) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(-60deg,rgba(227,212,164,.11) 0,rgba(227,212,164,.11) 1px,transparent 1px,transparent 18px)}img,svg{max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--accent-gold-strong);outline-offset:3px;border-radius:10px}.bg-orbs{position:fixed;inset:0;pointer-events:none;overflow:hidden}.bg-orbs:before,.bg-orbs:after{content:"";position:absolute;border-radius:999px;filter:blur(1px)}.bg-orbs:before{width:min(64vw,640px);height:min(64vw,640px);top:-220px;left:-120px;background:radial-gradient(circle at 34% 35%,#dec58833,#dec58800);animation:drift 15s ease-in-out infinite}.bg-orbs:after{width:min(58vw,560px);height:min(58vw,560px);right:-170px;top:20vh;background:radial-gradient(circle at 32% 30%,#38807242,#38807200);animation:drift 19s ease-in-out infinite reverse}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-20px,0)}}.container{min-height:100%;padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));display:flex;justify-content:center}.shell{width:100%;max-width:980px;display:flex;flex-direction:column;gap:var(--space-4)}.header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:linear-gradient(170deg,#0b2a32e0,#071c23e6);box-shadow:var(--shadow-md);padding:15px 16px;overflow:hidden}.sacred-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px 180px at var(--lx) var(--ly),rgba(255,244,220,.22),rgba(255,244,220,0) 72%),linear-gradient(120deg,#d0ae6f14,#d0ae6f00)}.sacred-header:after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:1px;pointer-events:none;background:linear-gradient(90deg,#d0ae6f00,#d0ae6f94,#d0ae6f00)}.brandWrap{min-width:0;display:flex;align-items:center;gap:13px;z-index:1}.appIconWrap{width:56px;height:56px;flex:0 0 56px;border-radius:18px;padding:2px;border:1px solid var(--line-soft);background:linear-gradient(165deg,#d0ae6f3d,#d0ae6f0a);box-shadow:var(--shadow-sm)}.appIcon{width:100%;height:100%;border-radius:14px;object-fit:cover;display:block}.brand{min-width:0;display:flex;flex-direction:column;gap:1px}.brand .eyebrow{color:var(--text-dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.brand .title{font-family:var(--font-display);font-size:clamp(27px,5vw,35px);line-height:1;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand .sub{color:var(--text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass{position:relative;border:1px solid var(--line-soft);border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--surface-main),var(--surface-soft));box-shadow:var(--shadow-lg);overflow:hidden}.glass:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(680px 260px at var(--lx) var(--ly),rgba(247,237,206,.18),rgba(247,237,206,0) 72%)}.player-arch{border-radius:30px}.player-arch:after{content:none}.card{position:relative;z-index:1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.player-card{padding:clamp(18px,2vw,24px);gap:clamp(12px,1.6vw,18px)}.player-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:center;gap:clamp(16px,2vw,24px)}.now{min-width:0;max-width:620px;display:flex;flex-direction:column;gap:8px}.now .label{display:flex;align-items:center;gap:9px;color:var(--text-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.badge-live{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid rgba(208,174,111,.3);background:#d0ae6f1a;color:var(--text-muted)}.now .label>span:last-child{color:var(--text-dim);text-transform:none;letter-spacing:0;font-size:12px;font-weight:600}.dot{width:6px;height:6px;border-radius:999px;background:var(--accent-gold);box-shadow:0 0 0 6px #d0ae6f24;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.3);opacity:.68}}.track{font-size:clamp(21px,2.8vw,30px);font-weight:700;line-height:1.18;letter-spacing:.01em;color:var(--text-main);display:block;overflow:hidden}.meta{font-size:13px;color:var(--text-muted);line-height:1.35;display:block;overflow:hidden}@supports (-webkit-line-clamp: 2){.track{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal}}.controls{width:100%;display:flex;flex-direction:column;gap:10px}.control-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.controls .btn{width:100%;justify-content:center}.slider-wrap{width:100%}.btn{height:var(--tap);min-width:var(--tap);border:1px solid var(--line-soft);border-radius:999px;background:#f4eedf14;color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover{border-color:var(--line-strong);background:#f4eedf24}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.56;cursor:not-allowed}.btn-muted{background:#f1e9d40f}.btn-primary{border-color:#e0c48a94;color:#25190a;background:linear-gradient(180deg,#e8cd98,#d8b173);box-shadow:0 10px 22px #0b171c57}.btn-primary:hover{border-color:#e8d6add1;background:linear-gradient(180deg,#f0d8a8,#ddb97f)}.slider{width:100%;min-width:0;height:42px;border:1px solid var(--line-soft);border-radius:999px;background:#f4eedf0f;display:flex;align-items:center;padding:0 11px}.slider input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:3px;border-radius:999px;background:#f0e4c45c;outline:none}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;border:1px solid rgba(236,214,168,.65);background:radial-gradient(circle at 30% 30%,#fff8e6,#efd09b);box-shadow:0 0 0 8px #e0bd7a29}.slider input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:#f0e4c45c}.slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:999px;border:1px solid rgba(236,214,168,.65);background:radial-gradient(circle at 30% 30%,#fff8e6,#efd09b);box-shadow:0 0 0 8px #e0bd7a29}.sponsor{text-align:center;color:var(--text-muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.sponsorLink{margin-left:4px;font-weight:800;text-decoration:none;color:var(--accent-gold-strong);text-shadow:0 0 14px rgba(208,174,111,.35)}.toast{position:fixed;left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));transform:translate(-50%);width:fit-content;max-width:min(94vw,560px);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:#061e25eb;color:var(--text-main);padding:12px 14px;box-shadow:var(--shadow-md);z-index:40}.chat-glass{border-radius:var(--radius-xl)}.chat-card{padding:20px;gap:var(--space-4)}.chat-ornament{height:7px;border-radius:999px;background:linear-gradient(90deg,#d0ae6f00,#d0ae6fcc 34%,#2f8a72bf 64%,#d0ae6f00);opacity:.78}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.chat-eyebrow{color:var(--text-dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.chat-title{margin-top:2px;font-family:var(--font-display);font-size:clamp(28px,4vw,34px);line-height:1;letter-spacing:.01em}.chat-status{margin-top:8px;display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:12px}.chat-status-dot{width:8px;height:8px;border-radius:999px;background:#e9e1cc47;box-shadow:0 0 0 5px #e9e1cc14}.chat-status.is-on .chat-status-dot{background:var(--accent-emerald);box-shadow:0 0 0 6px var(--accent-emerald-soft)}.chat-retry-btn{height:42px;min-width:auto;padding:0 14px;border-radius:12px;white-space:nowrap}.chat-fieldset{display:flex;flex-direction:column;gap:8px}.chat-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:700}.chat-input,.chat-textarea{width:100%;border:1px solid var(--line-soft);border-radius:14px;background:#f3edde0f;color:var(--text-main);padding:12px 13px;font:inherit;line-height:1.4;transition:border-color .13s ease,background .13s ease}.chat-input::placeholder,.chat-textarea::placeholder{color:var(--text-dim)}.chat-input:focus,.chat-textarea:focus{outline:2px solid rgba(208,174,111,.6);outline-offset:2px;border-color:#d0ae6f94;background:#f3edde1a}.chat-textarea{min-height:92px;resize:vertical}.chat-helper{margin:0;font-size:12px;color:var(--text-muted);line-height:1.35}.chat-error{border:1px solid rgba(200,107,107,.56);background:#91434352;color:#ffe6e6;border-radius:12px;padding:12px;font-size:13px;line-height:1.35}.chat-list-wrap{display:flex;flex-direction:column;gap:8px}.chat-list-header{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:12px}.chat-new-pill{border:1px solid rgba(208,174,111,.5);background:#d0ae6f29;color:var(--text-main);border-radius:999px;padding:6px 11px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.chat-list{border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(140deg,#f3edde0a,#f3edde03),#0212187a;min-height:230px;max-height:min(40vh,360px);padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-empty{min-height:80px;display:grid;place-items:center;text-align:center;color:var(--text-dim);font-size:13px}.chat-item{border:1px solid rgba(208,174,111,.14);border-radius:12px;background:#f3edde0d;padding:10px 11px}.chat-item.is-interactive{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chat-item.is-interactive:hover{border-color:#d0ae6f5c;background:#f3edde17}.chat-item.is-interactive:focus-visible{outline-offset:2px;border-radius:12px}.chat-item.is-activating{animation:chatItemPulse 1s cubic-bezier(.2,1,.36,1)}@keyframes chatItemPulse{0%{transform:scale(1);border-color:#d0ae6f24;background:#f3edde0d}30%{transform:scale(.995);border-color:#d0ae6f8f;background:#d0ae6f2e}to{transform:scale(1);border-color:#d0ae6f24;background:#f3edde0d}}.chat-item-meta{margin-bottom:5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:var(--text-main)}.chat-time{white-space:nowrap;font-size:11px;color:var(--text-dim)}.chat-comment{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.35;color:var(--text-main)}.chat-composer{display:flex;flex-direction:column;gap:8px;padding-bottom:max(0px,env(safe-area-inset-bottom))}.chat-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-compose-hint{font-size:12px;color:var(--text-muted);line-height:1.35}.chat-compose-hint.is-invalid{color:#f7d7d7}@media(max-width:980px){.player-main{grid-template-columns:minmax(0,1fr);gap:14px}.now{max-width:none}.controls{max-width:460px}}@media(max-width:820px){.container{padding-top:var(--space-4)}.header{padding:13px}.brand .title{font-size:clamp(24px,6.5vw,32px)}.card,.player-card{padding:16px}.controls{max-width:none}.now .label{flex-wrap:wrap;row-gap:6px}.track{font-size:clamp(19px,5.8vw,25px)}.meta{font-size:13px}.btn{height:48px;padding:0 13px}.chat-header{flex-direction:column;align-items:stretch}.chat-retry-btn{width:100%;justify-content:center}.chat-list{min-height:250px;max-height:min(42vh,380px)}.chat-composer-footer{flex-direction:column;align-items:stretch}.chat-composer .btn{width:100%}}@media(max-width:520px){.container{padding-left:12px;padding-right:12px}.shell{gap:12px}.header{border-radius:26px}.player-arch{border-radius:24px}.player-card{padding:14px}.control-buttons{grid-template-columns:minmax(0,1fr)}.track{font-size:clamp(18px,6.8vw,22px)}.brand .sub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chat-title{font-size:clamp(25px,9vw,30px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}