*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #111318;--panel: #1a1d24;--panel-2: #22262f;--border: #2e3340;--text: #e8eaf0;--muted: #8a91a3;--accent: #4f8cff;--accent-2: #2c5cc5;--danger: #e05555;--live: #ff9f2e;--font: -apple-system, "Segoe UI", Roboto, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font)}button{font-family:inherit;font-size:1rem;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 16px;cursor:pointer;touch-action:manipulation}button:active{transform:scale(.98)}button.primary{background:var(--accent-2);border-color:var(--accent)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.4;cursor:default}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%}textarea{resize:vertical;min-height:90px;line-height:1.5}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar h1{font-size:1.1rem;margin-right:auto}.topbar .spacer{margin-left:auto}.page{max-width:1100px;margin:0 auto;padding:20px 16px}.login-box{max-width:360px;margin:12vh auto;padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:14px}.error{color:var(--danger);font-size:.9rem}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button.active{background:var(--accent-2);border-color:var(--accent)}.list{display:flex;flex-direction:column;gap:6px}.list-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.list-row .title{flex:1;min-width:0}.list-row .sub{color:var(--muted);font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1 / -1}.slide-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px}.slide-card .pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.session-info{background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:16px;margin-top:14px;display:flex;flex-direction:column;gap:8px;word-break:break-all}.session-info code{font-size:1.3rem;color:var(--accent)}.control{display:flex;flex-direction:column;height:100dvh}.control-search{padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--border);position:relative}.search-results{position:absolute;left:12px;right:12px;top:100%;z-index:10;background:var(--panel-2);border:1px solid var(--border);border-radius:0 0 10px 10px;max-height:50dvh;overflow-y:auto;box-shadow:0 8px 24px #00000080}.search-result{padding:10px 14px;border-bottom:1px solid var(--border)}.search-result .row{justify-content:space-between}.search-result .snippet{color:var(--muted);font-size:.85rem;margin-top:2px}.search-result .snippet mark{background:var(--live);color:#000;border-radius:2px}.control-body{display:flex;flex:1;min-height:0}.control-songs{width:230px;overflow-y:auto;background:var(--panel);border-right:1px solid var(--border);flex-shrink:0}.control-songs .song-btn{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);border-radius:0;background:none;padding:12px 14px}.control-songs .song-btn.active{background:var(--accent-2)}.control-slides{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;align-content:start}.slide-tile{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer;font-size:.82rem;line-height:1.45;white-space:pre-wrap;overflow:hidden;max-height:160px;position:relative}.slide-tile .label{color:var(--muted);font-size:.72rem;margin-bottom:4px}.slide-tile.live{border-color:var(--live);box-shadow:0 0 0 1px var(--live)}.slide-tile.live:after{content:"LIVE";position:absolute;top:6px;right:8px;color:var(--live);font-size:.65rem;font-weight:700}.control-bar{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);align-items:center}.control-bar button{flex:1;padding:14px 8px;font-size:1.05rem}.control-bar .lang-group{display:flex;gap:0;flex:0 0 auto}.control-bar .lang-group button{border-radius:0;flex:none;padding:14px 12px}.control-bar .lang-group button:first-child{border-radius:8px 0 0 8px}.control-bar .lang-group button:last-child{border-radius:0 8px 8px 0}.control-bar .lang-group button.active{background:var(--accent-2);border-color:var(--accent)}.conn-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);flex:0 0 auto}.conn-dot.ok{background:#3dbb6e}.display{height:100dvh;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4vh 5vw;gap:3vh;cursor:none;overflow:hidden}.display .zh{font-size:7vw;line-height:1.35;font-weight:600;white-space:pre-wrap}.display .en{font-size:4.5vw;line-height:1.3;white-space:pre-wrap}.display .solo{font-size:7vw;line-height:1.35;font-weight:600;white-space:pre-wrap}.display .status{color:#555;font-size:2.5vh;font-family:monospace}.display .conn-badge{position:fixed;top:12px;right:12px;width:12px;height:12px;border-radius:50%;background:var(--danger);opacity:.85}@media (max-width: 700px){.control-songs{width:130px}.form-grid,.slide-card .pair{grid-template-columns:1fr}.control-slides{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}