@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--bg:#f3f7fa;--ink:#172c40;--muted:#718293;--teal:#00a8bd;--blue:#0c3754;--line:#e1e9ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{width:255px;flex-shrink:0;background:#09283e;color:white;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:45px}.brand-mark{width:44px;height:54px;background:linear-gradient(150deg,#00bbd4 40%,#e73d5b 40%);display:grid;place-items:center;font-size:32px;border-radius:8px}.brand strong{display:block;font-size:16px}.brand small{color:#9db5c4;display:block;margin-top:4px}.nav{border:0;background:transparent;color:#adc2d0;display:block;text-align:left;width:100%;padding:15px 14px;border-radius:9px;margin-bottom:8px;cursor:pointer;font-size:14px}.nav.active,.nav:hover{background:#174963;color:white}.sidebar-foot{margin-top:auto;font-size:11px;letter-spacing:2px;color:#86d2e1;padding:12px}.sidebar-foot span{color:#8ba6b6;letter-spacing:0}main{flex:1;min-width:0;padding:36px 42px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#078ba1}h1{font-family:'Playfair Display',Georgia,serif;font-size:33px;margin:10px 0 6px}h1 span{color:#087f9c}header p{color:var(--muted);margin:0;font-size:13px}.header-actions{display:flex;align-items:center;gap:15px}.pill{font-size:12px;color:#386173;background:#e1f2f3;padding:9px 12px;border-radius:20px}.dot{display:inline-block;width:7px;height:7px;background:#25a98a;border-radius:50%;margin-right:5px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:11px 15px;background:white;color:#24516b;font-size:13px;font-weight:700}button:hover{filter:brightness(.96)}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:#078da6;color:white;border-color:#078da6}.outline{border-color:#c7dce4}.danger{color:#b03c4c;border-color:#efcdd2}.panel{display:none}.panel.active{display:block}.grid{display:grid;grid-template-columns:minmax(390px,1.1fr) minmax(350px,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 8px 26px #133c5510}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}h2{font-size:17px;margin:0}.tag{font-size:10px;letter-spacing:1px;font-weight:700;color:#0b8da2;background:#e5f7f9;padding:7px 9px;border-radius:6px}label{display:block;font-weight:700;font-size:12px;margin:16px 0 9px}.search-row{display:flex;gap:9px}.search-row input{min-width:0;flex:1}input,select{padding:12px;border:1px solid #d7e2e8;border-radius:8px;width:100%;background:#fbfdff;color:#203b50}.hint{font-size:12px;line-height:1.6;color:#7b8e9c}.quick{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:22px 0}.quick span{font-size:11px;color:#7c8d9b;margin-right:4px}.quick button{font-size:11px;padding:7px 9px;background:#f5fafb}.preview{border:1px solid #dae7ed;border-radius:12px;min-height:196px;background:linear-gradient(145deg,#f9fcfe,#f0f8fb);padding:22px}.preview-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:#078da6}.preview-head span:last-child{color:#8499a5}.preview blockquote{font-family:Georgia,serif;font-size:19px;line-height:1.55;margin:25px 0 8px;color:#344f61}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.mini-display{aspect-ratio:16/9;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(125deg,#051c35,#0d5777 52%,#1a9bb0);color:white}.mini-display:before,.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 0%,#a8d4c23a,transparent 48%),linear-gradient(130deg,transparent 50%,#0617296b)}.mini-overlay{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:18px}.mini-cross{font-size:30px;color:#c8e6e8}.mini-ref{font-size:14px;letter-spacing:2px;color:#98e3e6;margin:8px}.mini-text{font-family:Georgia,serif;font-size:19px;line-height:1.4;max-width:95%;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.mini-footer{font-size:8px;letter-spacing:3px;margin-top:15px}.live-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0 30px}.live-meta small,.live-meta strong{display:block}.live-meta small{font-size:11px;color:#8a9ba7;margin-bottom:4px}.live-meta strong{font-size:13px}h3{font-size:14px}.count{background:#e9f5f6;color:#068fa3;border-radius:12px;padding:3px 8px}.queue-empty{font-size:12px;color:#8da0ac;padding:22px;text-align:center;background:#f7fafc;border-radius:8px}.queue-item,.history-item{padding:12px 0;border-bottom:1px solid #e8eef2;display:flex;justify-content:space-between;align-items:center;gap:10px}.queue-item strong,.history-item strong{font-size:13px}.queue-item small,.history-item small{display:block;color:#8094a1;font-size:11px;margin-top:4px}.queue-item button,.history-item button{padding:7px 10px}.settings-card{max-width:650px}.settings-card select{max-width:450px;display:block}.notice{background:#f3f9fb;padding:17px;border-left:3px solid #078da6;font-size:13px;line-height:1.7;margin-top:25px}.error{color:#ad3b4b;font-size:12px;min-height:18px}footer{font-size:11px;color:#95a5b1;margin-top:28px}.display-body{background:#051b2a;overflow:hidden}.stage{position:relative;width:100vw;height:100vh;color:white;display:flex;align-items:center;justify-content:center;transition:background .5s}.theme-ocean{background:linear-gradient(125deg,#051b35,#0d526c 60%,#168ca0)}.theme-sunrise{background:linear-gradient(125deg,#3b2638,#ab6d59 62%,#efbd7a)}.theme-forest{background:linear-gradient(125deg,#102d35,#315c53 62%,#789a76)}.theme-midnight{background:linear-gradient(125deg,#080e23,#202e53 62%,#3e5780)}.stage-grain{position:absolute;inset:0;opacity:.16;background:radial-gradient(circle at 25% 70%,#fff4 0,transparent 30%),radial-gradient(circle at 80% 15%,#fff6 0,transparent 27%)}.stage-content{z-index:1;max-width:85vw;text-align:center;padding:4vh 2vw}.stage-mark{font-size:clamp(30px,4vw,65px);color:#d8f1ee;margin-bottom:4vh}.stage-ref{font-size:clamp(18px,2.6vw,42px);letter-spacing:.13em;color:#a5f0ef;font-weight:700;text-transform:uppercase}.stage-text{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,4.8vw,85px);line-height:1.32;margin:5vh 0;max-height:65vh;overflow:hidden;text-shadow:0 3px 18px #061b3a7a}.stage-text.large{font-size:clamp(42px,5.7vw,100px)}.stage-text.extra{font-size:clamp(48px,6.5vw,118px)}.stage-rule{width:75px;height:2px;background:#a5f0ef;margin:0 auto 3vh}.stage-brand{font-size:clamp(11px,1.2vw,19px);letter-spacing:.25em;color:#c7e6e8}.stage-brand span{color:#e74d69;margin:0 12px}@media(max-width:1050px){.grid{grid-template-columns:1fr}.sidebar{width:215px}main{padding:26px}}@media(max-width:650px){.shell{display:block}.sidebar{width:100%;padding:12px}.brand{margin-bottom:8px}.sidebar nav{display:flex;overflow:auto}.sidebar-foot{display:none}.nav{white-space:nowrap}main{padding:18px}header{display:block}.header-actions{margin-top:15px}.grid{grid-template-columns:minmax(0,1fr)}.card{padding:17px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}}

.voice-card{margin-bottom:22px}.voice-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0}.voice-tools label{min-width:200px}.voice-tools select{display:block;margin-top:6px}.voice-tools #micStatus{font-size:13px;opacity:.8}