:root{color-scheme:dark;--bg:#071310;--panel:#0d211b;--panel2:#123026;--text:#f4f0e5;--muted:#9aafa5;--gold:#f2c86b;--line:rgba(255,255,255,.1);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#174637 0,#071310 38%);color:var(--text);min-height:100dvh}.app-shell{width:min(100%,520px);min-height:100dvh;margin:auto;display:grid;grid-template-rows:auto auto 1fr auto;background:linear-gradient(180deg,rgba(7,19,16,.55),#071310 48%);position:relative;overflow:hidden}.topbar{height:64px;padding:14px 18px 8px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(242,200,107,.6);border-radius:10px;color:var(--gold);font-family:serif}.icon-btn,.close-btn{border:0;background:rgba(255,255,255,.07);color:var(--text);width:40px;height:40px;border-radius:50%;font-size:1.3rem}.place-card{margin:4px 16px 10px;padding:13px 14px;border:1px solid var(--line);background:rgba(15,41,33,.78);backdrop-filter:blur(18px);border-radius:18px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 40px rgba(0,0,0,.18)}.place-pin{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(242,200,107,.12);color:var(--gold);font-size:1.35rem}.place-copy{min-width:0;flex:1}.place-copy p{margin:0 0 4px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-meta{display:flex;gap:9px;font-size:.76rem;color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:50%;background:#596a62}.live-dot.active{background:#6cdb9b;box-shadow:0 0 0 5px rgba(108,219,155,.12)}.feed{overflow-y:auto;padding:8px 16px 190px;scroll-behavior:smooth}.date-divider{text-align:center;color:var(--muted);font-size:.72rem;margin:5px 0 16px}.date-divider span{padding:4px 12px;background:rgba(255,255,255,.05);border-radius:20px}.welcome-card{padding:24px;border:1px solid rgba(242,200,107,.18);background:linear-gradient(145deg,rgba(27,73,57,.82),rgba(12,32,26,.95));border-radius:26px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.welcome-card h1{font-family:serif;font-size:1.8rem;line-height:1.28;margin:9px 0 10px}.welcome-card p{font-size:.92rem;line-height:1.75;color:#c4d1cb;margin:0}.theme-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.theme-row span{font-size:.75rem;padding:6px 9px;border:1px solid var(--line);border-radius:10px;color:#c7d3ce}.bubble{display:grid;grid-template-columns:40px 1fr;gap:10px;margin:18px 0;animation:arrive .45s ease both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.bubble-icon{width:40px;height:40px;border-radius:14px;background:var(--theme-soft);color:var(--theme);display:grid;place-items:center;font-size:1.15rem;border:1px solid color-mix(in srgb,var(--theme) 30%,transparent)}.bubble-body{background:rgba(18,48,38,.88);border:1px solid var(--line);border-left:2px solid var(--theme);border-radius:5px 21px 21px 21px;padding:14px 15px}.bubble.playing .bubble-body{box-shadow:0 0 0 1px var(--theme),0 15px 40px rgba(0,0,0,.2)}.bubble-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.bubble-theme{color:var(--theme);font-weight:700}.bubble-title{font-size:1rem;margin:7px 0 12px;line-height:1.45}.voice-pill{border:0;width:100%;height:42px;border-radius:13px;background:rgba(0,0,0,.2);color:var(--text);display:flex;align-items:center;gap:10px;padding:0 12px}.wave{display:flex;align-items:center;gap:3px;flex:1}.wave i{display:block;width:3px;height:10px;border-radius:3px;background:var(--theme)}.wave i:nth-child(2){height:18px}.wave i:nth-child(3){height:13px}.wave i:nth-child(4){height:7px}.playing .wave i{animation:wave .65s ease-in-out infinite alternate}.playing .wave i:nth-child(2){animation-delay:.2s}.playing .wave i:nth-child(3){animation-delay:.4s}@keyframes wave{to{height:24px}}.bubble-duration{font-size:.78rem;color:var(--muted)}.play-symbol{color:var(--theme)}.transcript{display:none;color:#d6dfdb;line-height:1.75;font-size:.88rem;margin:12px 2px 2px}.transcript.open{display:block}.bubble-actions{display:flex;gap:18px;margin-top:10px}.bubble-actions button{border:0;background:none;color:var(--muted);padding:4px 0;font-size:.75rem}.player{position:absolute;bottom:0;left:0;right:0;padding:14px 17px calc(10px + var(--safe-bottom));background:rgba(7,19,16,.94);backdrop-filter:blur(24px);border-top:1px solid var(--line);box-shadow:0 -20px 50px rgba(0,0,0,.3)}.now-playing{display:flex;align-items:center;gap:10px}.mini-icon{width:35px;height:35px;border-radius:11px;background:rgba(242,200,107,.13);color:var(--gold);display:grid;place-items:center}.track-copy{min-width:0;display:flex;flex-direction:column;flex:1}.track-copy strong{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy span,#timeLeft{font-size:.7rem;color:var(--muted);margin-top:3px}.progress{height:2px;background:rgba(255,255,255,.08);margin:11px 0 9px}.progress span{display:block;height:100%;width:0;background:var(--gold);transition:width .25s}.controls{display:flex;align-items:center;justify-content:space-between}.control,.play-main{border:0;background:none;color:var(--text);height:46px;min-width:46px;font-size:1.05rem}.control.small{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}.control.small span{font-size:.62rem;margin-top:3px}.play-main{width:60px;height:60px;border-radius:50%;background:var(--gold);color:#102219;font-size:1.4rem;box-shadow:0 8px 28px rgba(242,200,107,.28)}.return-live{position:absolute;right:16px;bottom:190px;border:1px solid rgba(242,200,107,.3);background:#183a2f;color:var(--text);padding:9px 14px;border-radius:20px}.hidden{display:none!important}dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(100%,520px);max-width:none;margin:auto 0 0}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.sheet{background:#0d211b;border-radius:28px 28px 0 0;padding:24px 20px calc(24px + var(--safe-bottom));border-top:1px solid var(--line)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between}.sheet h2{font-family:serif;margin:6px 0 18px;font-size:1.5rem}.theme-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.theme-picker button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);border-radius:14px;padding:12px;font-size:.9rem}.theme-picker button.selected{border-color:rgba(242,200,107,.5);background:rgba(242,200,107,.11);color:var(--gold)}.range-label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;font-size:.88rem}.range-label input{width:100%;accent-color:var(--gold)}.range-label select{background:#173a2e;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px}.save-btn{width:100%;border:0;border-radius:15px;padding:14px;margin-top:24px;background:var(--gold);color:#102219;font-weight:750}.privacy-note{text-align:center;color:var(--muted);font-size:.72rem;margin:12px 0 0}@media(min-width:700px){body{padding:20px}.app-shell{min-height:calc(100dvh - 40px);height:calc(100dvh - 40px);border-radius:32px;border:1px solid var(--line);box-shadow:0 30px 100px rgba(0,0,0,.45)}dialog{margin:auto}}