:root{color-scheme:dark;--font-sans: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--fs-h1: clamp(1.1rem, 2.3vw, 1.45rem);--fs-h2: clamp(1rem, 2vw, 1.2rem);--fs-body: .95rem;--fs-small: .78rem;--fs-caption: .72rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-xs: 10px;--radius-s: 14px;--radius-m: 18px;--radius-l: 22px;--radius-xl: 30px;--radius-pill: 999px;--tap: 56px;--color-bg: #071120;--color-bg-2: #0c1931;--color-bg-3: #152748;--color-surface: rgba(14, 24, 45, .76);--color-surface-2: rgba(19, 31, 56, .82);--color-surface-soft: rgba(233, 223, 204, .08);--color-panel: rgba(239, 230, 212, .06);--color-text: rgba(250, 246, 236, .95);--color-text-muted: rgba(232, 224, 208, .68);--color-text-soft: rgba(232, 224, 208, .52);--color-primary: #274f97;--color-primary-strong: #3566bf;--color-primary-soft: rgba(64, 108, 188, .2);--color-accent: #c8a867;--color-accent-strong: #e2c588;--color-accent-soft: rgba(200, 168, 103, .18);--color-rose: #9c3f53;--color-rose-soft: rgba(156, 63, 83, .18);--color-danger: #b24d5f;--color-border: rgba(226, 209, 171, .16);--color-border-strong: rgba(226, 209, 171, .26);--color-hairline: rgba(255, 247, 228, .08);--color-focus: rgba(200, 168, 103, .7);--shadow-sm: 0 8px 18px rgba(2, 8, 18, .18);--shadow-md: 0 16px 36px rgba(2, 8, 18, .28);--shadow-lg: 0 28px 72px rgba(2, 8, 18, .42);--shadow-inset: inset 0 1px 0 rgba(255, 248, 231, .05);--glow-blue: 0 0 0 1px rgba(83, 127, 212, .12), 0 10px 32px rgba(44, 85, 159, .18);--glow-gold: 0 0 0 1px rgba(226, 209, 171, .12), 0 10px 32px rgba(200, 168, 103, .16);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .42s;--easing-soft: cubic-bezier(.22, 1, .36, 1);--lx: 55%;--ly: 18%}@media(prefers-color-scheme:light){:root{color-scheme:light;--color-bg: #eee4d1;--color-bg-2: #e4d7bf;--color-bg-3: #d6c7a8;--color-surface: rgba(255, 250, 241, .82);--color-surface-2: rgba(252, 245, 231, .92);--color-surface-soft: rgba(39, 79, 151, .05);--color-panel: rgba(38, 70, 128, .045);--color-text: rgba(23, 27, 36, .94);--color-text-muted: rgba(45, 50, 60, .68);--color-text-soft: rgba(45, 50, 60, .5);--color-primary: #234a92;--color-primary-strong: #2e5eb5;--color-primary-soft: rgba(39, 79, 151, .12);--color-accent: #b58b42;--color-accent-strong: #caa159;--color-accent-soft: rgba(181, 139, 66, .14);--color-rose: #934659;--color-rose-soft: rgba(147, 70, 89, .11);--color-danger: #a24857;--color-border: rgba(96, 78, 43, .16);--color-border-strong: rgba(96, 78, 43, .22);--color-hairline: rgba(40, 34, 24, .06);--color-focus: rgba(181, 139, 66, .58);--shadow-sm: 0 8px 18px rgba(51, 39, 16, .08);--shadow-md: 0 16px 36px rgba(51, 39, 16, .12);--shadow-lg: 0 26px 64px rgba(51, 39, 16, .16);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .7);--glow-blue: 0 0 0 1px rgba(39, 79, 151, .08), 0 10px 24px rgba(39, 79, 151, .08);--glow-gold: 0 0 0 1px rgba(181, 139, 66, .12), 0 10px 24px rgba(181, 139, 66, .08)}}*{box-sizing:border-box}html,body{height:100%}html{background:var(--color-bg)}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.4;color:var(--color-text);background:radial-gradient(1100px 700px at 12% 8%,rgba(70,108,184,.14),transparent 62%),radial-gradient(900px 620px at 92% 14%,rgba(200,168,103,.11),transparent 68%),radial-gradient(820px 560px at 52% 100%,rgba(156,63,83,.06),transparent 72%),linear-gradient(180deg,var(--color-bg-2),var(--color-bg));overflow-x:hidden}#app{min-height:100%}p,h1,h2,h3,h4,h5,h6{margin:0}a{color:inherit}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:14px;box-shadow:0 0 0 4px #274f9726}::selection{background:#c8a86738;color:var(--color-text)}.bg-orbs{position:fixed;inset:0;pointer-events:none;opacity:.95}.bg-orbs:before,.bg-orbs:after{content:"";position:absolute;inset:0}.bg-orbs:before{background:radial-gradient(560px 560px at 18% 16%,rgba(255,246,226,.07),transparent 62%),radial-gradient(720px 720px at 84% 12%,rgba(79,123,210,.12),transparent 64%),radial-gradient(900px 900px at 50% 86%,rgba(200,168,103,.08),transparent 68%);animation:haloDrift 22s ease-in-out infinite}.bg-orbs:after{opacity:.28;background:radial-gradient(circle at 20px 20px,rgba(226,209,171,.7) 0 2px,transparent 2.4px) 0 0 / 54px 54px,radial-gradient(circle at 20px 20px,rgba(79,123,210,.45) 0 1.1px,transparent 1.5px) 27px 27px / 54px 54px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}@keyframes haloDrift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-10px,0) scale(1.01)}}.container{min-height:100%;display:flex;justify-content:center;padding:20px 16px calc(22px + env(safe-area-inset-bottom))}.shell{width:100%;max-width:940px;display:flex;flex-direction:column;gap:14px}.header{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 2px;gap:12px}.brandWrap{display:flex;align-items:center;gap:12px;min-width:0}.appIconWrap{position:relative;width:52px;height:52px;flex:0 0 52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(160deg,#fff9eb14,#22386038);border:1px solid var(--color-border);box-shadow:var(--shadow-sm),var(--shadow-inset)}.appIconWrap:before{content:"";position:absolute;inset:-4px;border-radius:20px;border:1px solid rgba(200,168,103,.14);pointer-events:none}.appIcon{width:44px!important;height:44px!important;flex:0 0 44px!important;display:block;object-fit:cover;border-radius:14px;border:1px solid rgba(200,168,103,.18);box-shadow:0 8px 16px #050a122e;transform:translateZ(0)}.brand{display:flex;flex-direction:column;gap:2px;min-width:0}.brand .title{font-family:var(--font-serif);font-size:var(--fs-h1);font-weight:700;line-height:1.05;letter-spacing:.01em;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(0,0,0,.15)}.brand .sub{font-size:12.5px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.glass{position:relative;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:linear-gradient(180deg,#fff9ec08,#fff9ec03),linear-gradient(145deg,var(--color-surface),var(--color-surface-2));box-shadow:var(--shadow-lg),var(--shadow-inset),0 0 0 1px #fff6e405 inset;overflow:hidden;backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%)}.glass:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(560px 300px at var(--lx) var(--ly),rgba(255,248,228,.18),transparent 72%),linear-gradient(180deg,rgba(226,209,171,.12),transparent 26%,transparent 74%,rgba(226,209,171,.06));opacity:.95}.glass:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;background:radial-gradient(circle at 18px 18px,rgba(226,209,171,.38) 0 1.5px,transparent 2px) 0 0 / 46px 46px,linear-gradient(90deg,transparent,rgba(226,209,171,.06) 50%,transparent);mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent)}.card{position:relative;padding:18px;display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.now{display:flex;flex-direction:column;gap:5px;min-width:0}.now .label{font-size:11px;color:var(--color-text-muted);display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.08em}.badge-live{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:var(--radius-pill);border:1px solid rgba(200,168,103,.22);color:var(--color-accent-strong);background:linear-gradient(180deg,#c8a8671f,#c8a8670a);box-shadow:inset 0 1px #fff6e40f}.dot{width:8px;height:8px;border-radius:999px;background:var(--color-rose);box-shadow:0 0 0 5px #9c3f531f,0 0 12px #9c3f532e;animation:pulseRosary 2.2s ease-in-out infinite}@keyframes pulseRosary{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.18);opacity:.72}}.track{font-family:var(--font-serif);font-weight:700;letter-spacing:.01em;line-height:1.16;font-size:clamp(14px,3.9vw,19px);color:var(--color-text);display:block;overflow:hidden}.meta{font-size:clamp(10.5px,2.9vw,12.5px);color:var(--color-text-muted);line-height:1.25;letter-spacing:.015em;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{display:flex;gap:10px;align-items:center}.btn{position:relative;height:var(--tap);min-width:var(--tap);padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:linear-gradient(180deg,#fff9ec12,#fff9ec08),linear-gradient(145deg,#274f971f,#121f3929);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm),var(--shadow-inset);backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);transition:transform var(--motion-fast) ease,background var(--motion-base) var(--easing-soft),border-color var(--motion-base) var(--easing-soft),box-shadow var(--motion-base) var(--easing-soft),color var(--motion-base) var(--easing-soft)}.btn:before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,247,228,.05);pointer-events:none}.btn:hover{border-color:var(--color-border-strong);background:linear-gradient(180deg,#fff9ec17,#fff9ec0a),linear-gradient(145deg,#274f9729,#121f392e);box-shadow:var(--shadow-md),var(--shadow-inset)}.btn:active{transform:translateY(1px) scale(.992)}.btn:disabled{opacity:.62;cursor:default;box-shadow:var(--shadow-sm)}.btn svg{color:var(--color-accent-strong);filter:drop-shadow(0 1px 0 rgba(0,0,0,.16))}.btn span{letter-spacing:.01em}.btnLabel{display:inline}.btn-primary{border-color:#c8a86747;background:linear-gradient(180deg,#4774c84d,#3153912e),linear-gradient(180deg,#c8a86714,#c8a86700);box-shadow:var(--glow-blue),var(--shadow-sm),var(--shadow-inset)}.btn-primary:hover{border-color:#e2d1ab57;background:linear-gradient(180deg,#4774c861,#31539138),linear-gradient(180deg,#c8a8671a,#c8a86700);box-shadow:var(--glow-blue),var(--shadow-md),var(--shadow-inset)}.btn-primary svg{color:#faf1e0f5}.slider{width:172px;height:44px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:linear-gradient(180deg,#fff9ec0d,#fff9ec05),#131f3852;display:flex;align-items:center;padding:0 12px;box-shadow:var(--shadow-sm),var(--shadow-inset);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.slider input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:3px;border-radius:999px;background:linear-gradient(90deg,#c8a86747,#4f7bd240);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(200,168,103,.34);background:radial-gradient(circle at 30% 28%,#fffdf6fa,#eee4d0e6);box-shadow:0 0 0 6px #c8a86714,0 6px 14px #040a1233}.slider input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:linear-gradient(90deg,#c8a86747,#4f7bd240)}.slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:999px;border:1px solid rgba(200,168,103,.34);background:#f6f0e3f2;box-shadow:0 0 0 6px #c8a86714,0 6px 14px #040a1229}.hr{height:1px;background:linear-gradient(90deg,transparent,rgba(226,209,171,.14),transparent)}.footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;color:var(--color-text-muted);font-size:12px}.toast{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:92vw;z-index:40;padding:12px 14px;border-radius:14px;border:1px solid var(--color-border-strong);color:var(--color-text);background:linear-gradient(180deg,#fff9ec0f,#fff9ec05),#0c1426d6;box-shadow:var(--shadow-md),var(--glow-gold);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sponsor{margin-top:6px;text-align:center;font-size:12.5px;color:var(--color-text-muted);letter-spacing:.02em}.sponsorLink{color:var(--color-accent-strong);text-decoration:none;font-weight:700;text-shadow:0 0 10px rgba(200,168,103,.18),0 0 18px rgba(79,123,210,.1)}.sponsorLink:hover{color:var(--color-text);text-decoration:underline;text-decoration-color:#c8a86752;text-underline-offset:2px}.chat-glass{border-radius:var(--radius-xl)}.chat-card{padding:16px;display:flex;flex-direction:column;gap:14px}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.chat-title{font-family:var(--font-serif);font-size:var(--fs-h2);font-weight:700;letter-spacing:.01em;color:var(--color-text)}.chat-status{margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-muted)}.chat-status-dot{width:8px;height:8px;border-radius:999px;background:#e2d1ab3d;box-shadow:0 0 0 4px #e2d1ab0d}.chat-status.is-on .chat-status-dot{background:var(--color-primary-strong);box-shadow:0 0 0 5px #3566bf24,0 0 12px #3566bf24}.chat-retry-btn{height:40px;min-width:auto;padding:0 12px;border-radius:12px;font-size:12px;white-space:nowrap}.chat-fieldset{display:flex;flex-direction:column;gap:8px}.chat-label{font-size:12px;color:var(--color-text-muted);letter-spacing:.03em}.chat-input,.chat-textarea{width:100%;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(180deg,#fff9ec0d,#fff9ec05),#0e182d52;color:var(--color-text);padding:12px 14px;line-height:1.35;box-shadow:var(--shadow-inset);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color var(--motion-base) var(--easing-soft),box-shadow var(--motion-base) var(--easing-soft),background var(--motion-base) var(--easing-soft)}.chat-input::placeholder,.chat-textarea::placeholder{color:var(--color-text-soft)}.chat-input:focus,.chat-textarea:focus{outline:2px solid rgba(200,168,103,.28);outline-offset:2px;border-color:#c8a86752;box-shadow:inset 0 1px #fff8e70f,0 0 0 4px #274f9714}.chat-textarea{min-height:84px;resize:vertical}.chat-helper{margin:0;color:var(--color-text-muted);font-size:12px;line-height:1.35}.chat-error{border:1px solid rgba(156,63,83,.24);background:linear-gradient(180deg,#9c3f531f,#9c3f530f),#140e1733;color:var(--color-text);border-radius:14px;padding:12px 13px;font-size:13px;line-height:1.35}.chat-list-wrap{display:flex;flex-direction:column;gap:8px}.chat-list-header{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--color-text-muted)}.chat-new-pill{border:1px solid rgba(200,168,103,.28);background:linear-gradient(180deg,#c8a8671f,#c8a8670f);color:var(--color-text);border-radius:999px;padding:6px 10px;font:inherit;font-size:12px;cursor:pointer;box-shadow:var(--shadow-sm)}.chat-new-pill:hover{border-color:#e2d1ab57;background:linear-gradient(180deg,#c8a86726,#c8a86714)}.chat-list{border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(180deg,#fff9ec0a,#fff9ec04),#0b142542;padding:10px;min-height:220px;max-height:min(40vh,340px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;contain:content;scrollbar-width:thin;scrollbar-color:rgba(200,168,103,.25) transparent}.chat-list::-webkit-scrollbar{width:10px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list::-webkit-scrollbar-thumb{border-radius:999px;background:#c8a8672e;border:2px solid transparent;background-clip:padding-box}.chat-empty{min-height:80px;display:grid;place-items:center;text-align:center;color:var(--color-text-muted);font-size:13px}.chat-item{border:1px solid rgba(226,209,171,.12);border-radius:14px;background:linear-gradient(180deg,#fff9ec0b,#fff9ec05),#151f3552;padding:10px 12px;box-shadow:inset 0 1px #fff8e708;transition:border-color var(--motion-base) var(--easing-soft),background var(--motion-base) var(--easing-soft),box-shadow var(--motion-base) var(--easing-soft),transform var(--motion-base) var(--easing-soft)}.chat-item.is-interactive{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chat-item.is-interactive:focus-visible{outline-offset:2px;border-radius:14px}.chat-item.is-activating{animation:chatItemRosaryPulse 1s cubic-bezier(.22,1,.36,1)}@keyframes chatItemRosaryPulse{0%{transform:translateZ(0) scale(1);border-color:#e2d1ab1f;background:#151f3552;box-shadow:none}22%{transform:translate3d(0,-1px,0) scale(.996);border-color:#c8a86757;background:#c8a86717;box-shadow:0 0 0 1px #c8a86714 inset,0 8px 18px #02081229}58%{transform:translateZ(0) scale(1);border-color:#3566bf38;background:#3566bf14;box-shadow:0 0 0 1px #3566bf0d inset,0 6px 14px #0208121f}to{transform:translateZ(0) scale(1);border-color:#e2d1ab1f;background:#151f3552;box-shadow:none}}@media(hover:hover)and (pointer:fine){.chat-item.is-interactive:hover{border-color:#e2d1ab33;background:linear-gradient(180deg,#fff9ec0f,#fff9ec08),#17223b5c;box-shadow:var(--shadow-sm);transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.chat-item.is-activating{animation-name:chatItemRosaryPulseReduced}@keyframes chatItemRosaryPulseReduced{0%,to{border-color:#e2d1ab1f;background:#151f3552;box-shadow:none}35%{border-color:#c8a86747;background:#c8a86714;box-shadow:0 0 0 1px #c8a8670a inset}}}.chat-item-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.chat-user{min-width:0;font-size:12px;font-weight:700;color:var(--color-surface-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.chat-comment{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.4;color:var(--color-text)}.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(--color-text-muted);line-height:1.3}.chat-compose-hint.is-invalid{color:#ffeacbcc}@media(max-width:680px){.row{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.controls{width:100%;flex-wrap:wrap;justify-content:space-between}.btn{height:52px;min-width:52px;padding:0 12px}.slider{flex:1 1 100%;width:100%;height:44px}.card{padding:16px}.track{font-size:clamp(13px,4vw,17px)}.meta{font-size:clamp(10.5px,3vw,12px)}.appIconWrap{width:48px;height:48px;flex-basis:48px;border-radius:16px}.appIcon{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:13px}.brand .title{font-size:clamp(1.03rem,4vw,1.25rem)}.chat-header{align-items:stretch;flex-direction:column}.chat-retry-btn{width:100%;justify-content:center;height:44px;border-radius:14px}.chat-list{min-height:240px;max-height:min(42vh,360px);padding:9px}.chat-composer-footer{align-items:stretch;flex-direction:column}.chat-compose-hint{font-size:11.5px}.chat-composer .btn{width:100%}}@media(max-width:330px){.btnLabel{display:none}}@media(min-width:820px){.shell{gap:16px}.card{padding:22px}.track{font-size:clamp(16px,2vw,22px)}.slider{width:196px}.chat-card{padding:18px}.chat-list{max-height:380px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}