:root{color-scheme:dark;font-family:Geist,Satoshi,Plus Jakarta Sans,ui-sans-serif,sans-serif;color:#f2f0ea;background:#090a0c;--bg: #090a0c;--bg-lift: #0d0f12;--panel: #121419;--panel-strong: #171a20;--panel-muted: #0e1014;--field: #0a0c0f;--ink: #f2f0ea;--ink-strong: #ffffff;--muted: #8f949e;--muted-strong: #c6c8ce;--line: rgba(242, 240, 234, .1);--line-strong: rgba(242, 240, 234, .2);--line-hot: rgba(242, 240, 234, .58);--accent: #f2eee4;--accent-strong: #ffffff;--accent-soft: rgba(242, 238, 228, .08);--signal: #ff4d6d;--signal-strong: #ffc0ca;--signal-soft: rgba(255, 77, 109, .11);--success: #d8defa;--success-soft: rgba(216, 222, 250, .08);--danger: #ff6269;--danger-soft: rgba(255, 98, 105, .12);--warning: #e4b951;--radius-panel: 2px;--radius-control: 2px;--radius-small: 1px;--shadow-soft: 0 20px 48px rgba(0, 0, 0, .24);--motion: cubic-bezier(.22, .72, 0, 1);--z-texture: 1;--z-nav: 20;--z-overlay: 30}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 78% -18%,rgba(255,255,255,.055),transparent 30rem),radial-gradient(circle at -12% 18%,rgba(255,77,109,.045),transparent 26rem),linear-gradient(180deg,#090a0c,#0d0f12 48%,#090a0c);color:var(--ink);font-variant-numeric:tabular-nums;text-rendering:geometricPrecision}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-texture);pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 6px);background-size:72px 72px,72px 72px,100% 6px;mix-blend-mode:screen}#root{position:relative;z-index:2;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}a,select,input[type=checkbox],input[type=range],.check-row{cursor:pointer}input:not([type=checkbox]):not([type=range]),textarea{cursor:text}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}[data-reveal]{opacity:0;transform:translate3d(0,10px,0);transition:opacity .28s var(--motion),transform .28s var(--motion)}[data-reveal].is-visible{opacity:1;transform:translateZ(0)}.app-loading,.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.app-loading{color:var(--muted-strong);font-size:.76rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.auth-panel,.panel,.settings-section,.current-message,.reader-settings{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-panel);background:#121419d6;box-shadow:var(--shadow-soft),inset 0 1px #ffffff09;padding:0}.auth-panel{width:min(100%,420px)}.panel:before,.settings-section:before,.current-message:before,.reader-settings:before,.auth-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 34%),linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);opacity:1}.panel-core{position:relative;min-height:100%;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.028),transparent 52%),var(--panel);border-radius:inherit}.auth-panel .panel-core{display:grid;gap:16px;padding:28px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--accent);color:#090a0c;box-shadow:inset 0 1px #fff6}.auth-panel h1,.page-header h1,.reader-hero h1{margin:0;color:var(--ink-strong);letter-spacing:-.025em;line-height:1.03;text-wrap:balance}.auth-panel h1{max-width:12ch;font-size:clamp(1.82rem,6vw,2.45rem);font-weight:780}.app-frame{min-height:100dvh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;padding:18px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 18rem),#090a0c;display:grid;grid-template-rows:auto 1fr auto;gap:24px}.sidebar-brand{min-height:44px;display:flex;align-items:center;padding-left:10px;border-left:2px solid var(--signal);color:var(--ink-strong);font-size:.78rem;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.sidebar nav{display:grid;align-content:start;gap:5px}.sidebar a,.sidebar button{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;font-weight:650;transition:transform .18s var(--motion),color .18s var(--motion),background-color .18s var(--motion),border-color .18s var(--motion)}.sidebar a:before,.sidebar button:before{content:"";width:3px;align-self:stretch;background:transparent;transition:background-color .18s var(--motion)}.sidebar a:hover,.sidebar button:hover,.sidebar a.active{border-color:var(--line);background:#ffffff0b;color:var(--ink)}.sidebar a:hover,.sidebar button:hover{transform:translate3d(2px,0,0)}.sidebar a.active:before{background:var(--signal)}.mobile-island,.mobile-menu{display:none}.page-shell{width:min(100%,1280px);margin:0 auto;padding:36px clamp(18px,3.4vw,44px) 56px}.page-header,.reader-hero{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.page-header h1{max-width:18ch;font-size:clamp(1.75rem,3.2vw,3rem);font-weight:720}.eyebrow{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;margin-bottom:10px;border-left:2px solid var(--signal);background:var(--signal-soft);color:var(--signal-strong);font-size:.64rem;font-weight:820;text-transform:uppercase;letter-spacing:.14em}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:16px;margin-bottom:16px}.profile-panel,.reader-url-panel,.event-panel{min-height:0}.panel h2,.settings-section h2{margin:0 0 16px;color:var(--ink);font-size:1rem;font-weight:760;letter-spacing:.01em}.field,.control-block,.slider-grid label{display:grid;gap:7px}.field+.field{margin-top:13px}.field span,.control-block label,.slider-grid span{color:var(--muted);font-size:.76rem;font-weight:680}input,select,textarea{width:100%;min-height:42px;padding:10px 11px;border:1px solid var(--line);background:var(--field);color:var(--ink);box-shadow:inset 0 1px #ffffff06;transition:border-color .16s var(--motion),box-shadow .16s var(--motion),background-color .16s var(--motion)}textarea{resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--line-hot);box-shadow:0 0 0 2px #f2eee41c}input[type=range]{min-height:30px;padding:0;accent-color:var(--signal);background:transparent;box-shadow:none}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--signal)}.button,.control-button,.reader-start-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;border:1px solid var(--line);border-radius:var(--radius-control);background:#ffffff09;color:var(--ink);padding:0 13px;font-weight:720;transition:transform .16s var(--motion),border-color .16s var(--motion),background-color .16s var(--motion),color .16s var(--motion)}.button:hover,.control-button:hover,.reader-start-button:hover{transform:translate3d(0,-1px,0);border-color:var(--line-strong);background:#fff1}.button:active,.control-button:active,.reader-start-button:active{transform:translateZ(0) scale(.992)}.button:focus-visible,.control-button:focus-visible,.reader-start-button:focus-visible,.sidebar a:focus-visible,.sidebar button:focus-visible,.mobile-island button:focus-visible,.mobile-menu a:focus-visible,.mobile-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button-icon,.reader-url-icon{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-small);background:#ffffff13;color:currentColor}.hero-icon{width:32px;height:32px}.button.primary,.control-button.primary,.reader-start-button{border-color:var(--accent);background:var(--accent);color:#090a0c}.button.primary .button-icon,.control-button.primary .button-icon,.reader-start-button .button-icon{background:#090a0c1f}.button.danger,.control-button.danger{color:var(--danger)}.button.compact{min-height:32px;padding:0 10px;font-size:.82rem}.button-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:#ffffff09;color:var(--muted-strong);font-size:.74rem;font-weight:760;white-space:nowrap}.status-pill.connected{color:var(--success);background:var(--success-soft);border-color:#d8defa38}.status-pill.error,.status-pill.live_offline{color:var(--danger);background:var(--danger-soft);border-color:#ff626947}.reader-url{display:flex;gap:10px;align-items:start;min-height:62px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel-muted);color:var(--muted-strong);line-height:1.42;overflow-wrap:anywhere}.inline-error,.notice,.empty-state{border:1px solid var(--line);border-radius:var(--radius-control);padding:11px 12px;margin-bottom:14px;background:#ffffff09}.inline-error{color:var(--danger);background:var(--danger-soft);border-color:#ff626947}.notice,.empty-state{color:var(--muted-strong)}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.event-log{display:grid;gap:0;max-height:480px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.event-log::-webkit-scrollbar{width:8px}.event-log::-webkit-scrollbar-thumb{background:#ffffff29}.event-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.075)}.event-row:first-child{border-top:0}.event-row p{margin:4px 0;line-height:1.42}.event-row small{color:var(--danger);font-weight:650}.event-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.74rem;font-weight:700}.event-status{width:24px;height:24px;display:grid;place-items:center;border-radius:var(--radius-small);background:#ffffff0e}.event-status.queued{color:var(--success);background:var(--success-soft)}.event-status.skipped,.event-status.error{color:var(--danger);background:var(--danger-soft)}.settings-form{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px;align-items:start}.settings-form>.button{grid-column:1 / -1;justify-self:end;min-height:38px;padding-inline:15px}.speech-section,.templates-section{min-height:100%}.events-section,.priority-section,.filters-section{grid-column:1 / -1}.settings-section{background:#f2f0ea14}.settings-section:before{opacity:.7;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 36%),linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent)}.settings-section .panel-core{padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 40%),#111318}.settings-section h2{margin-bottom:12px;color:var(--muted-strong);font-size:.92rem;font-weight:650;letter-spacing:0}.settings-section .field,.settings-section .control-block,.settings-section .slider-grid label{gap:5px}.settings-section .field+.field{margin-top:10px}.settings-section .field span,.settings-section .control-block label,.settings-section .slider-grid span{color:var(--muted);font-size:.68rem;font-weight:590;line-height:1.2;letter-spacing:.035em;text-transform:uppercase}.settings-section input,.settings-section select,.settings-section textarea{min-height:38px;padding:8px 10px;font-size:.9rem}.settings-section textarea{min-height:118px}.settings-section input[type=range]{min-height:26px;padding:0}.settings-section input[type=checkbox]{width:15px;min-height:15px}.settings-section .form-grid+.form-grid{margin-top:12px}.form-grid{display:grid;gap:11px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;margin-bottom:12px}.check-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 9px;border:1px solid var(--line);background:var(--panel-muted);color:var(--ink);font-size:.86rem;font-weight:570;line-height:1.25;border-radius:var(--radius-control);transition:border-color .16s var(--motion),background-color .16s var(--motion),color .16s var(--motion),transform .16s var(--motion)}.check-row:hover{border-color:var(--line-strong);background:#ffffff0e;color:var(--ink-strong)}.check-row:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.check-row:active{transform:translate3d(0,1px,0)}.skeleton-block{height:210px;background:linear-gradient(100deg,#ffffff09,#ffffff17,#ffffff09),var(--panel);background-size:220% 100%;animation:shimmer 1.2s var(--motion) infinite;border-radius:var(--radius-panel)}.reader-shell{min-height:100dvh;width:min(100%,720px);margin:0 auto;padding:24px 14px 34px}.reader-hero{align-items:start;margin-bottom:14px}.reader-hero h1{font-size:clamp(1.9rem,7vw,3rem);font-weight:820}.reader-status-grid{display:grid;gap:8px;min-width:160px}.reader-stat{display:grid;grid-template-columns:22px 1fr;gap:3px 8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel)}.reader-stat span{color:var(--muted);font-size:.72rem;font-weight:760}.reader-stat strong{grid-column:1 / -1;font-size:.98rem;line-height:1.12}.current-message{min-height:clamp(170px,30dvh,280px);margin-bottom:12px}.current-message .panel-core{display:grid;align-content:center}.current-message span{color:var(--muted);font-size:.78rem;font-weight:760}.current-message p{margin:9px 0 0;color:var(--ink-strong);font-size:clamp(1.4rem,6vw,2.65rem);line-height:1.08;font-weight:820;letter-spacing:-.02em}.reader-start-button{width:100%;min-height:68px;margin-bottom:12px;font-size:clamp(1.05rem,4vw,1.32rem)}.reader-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.reader-controls .danger{grid-column:1 / -1}.control-button{min-height:54px}.reader-settings{display:block}.reader-settings .panel-core{display:grid;gap:14px}.control-block{gap:9px}.with-icon{display:flex;align-items:center;gap:7px}.slider-grid{display:grid;gap:12px}@keyframes shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}[data-reveal]{opacity:1;transform:none}}@media(max-width:980px){.app-frame{display:block}.sidebar{display:none}.mobile-island{position:fixed;top:12px;left:50%;z-index:var(--z-nav);transform:translate3d(-50%,0,0);width:min(calc(100% - 24px),460px);min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 7px 6px 14px;border:1px solid var(--line);border-radius:var(--radius-panel);background:#0d0f12f0;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-island span{font-size:.78rem;font-weight:820;color:var(--accent-strong)}.menu-toggle{position:relative;width:36px;height:36px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--panel);color:var(--ink)}.menu-toggle span{position:absolute;left:10px;width:14px;height:1.5px;background:currentColor;transition:transform .18s var(--motion)}.menu-toggle span:first-child{transform:translate3d(0,-4px,0)}.menu-toggle span:last-child{transform:translate3d(0,4px,0)}.menu-toggle.open span:first-child{transform:translateZ(0) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateZ(0) rotate(-45deg)}.mobile-menu{position:fixed;top:70px;left:12px;right:12px;z-index:var(--z-overlay);display:block;max-width:460px;margin:0 auto;padding:6px;border:1px solid var(--line);border-radius:var(--radius-panel);background:#0d0f12f7;opacity:0;pointer-events:none;transform:translate3d(0,-8px,0);transition:opacity .18s var(--motion),transform .18s var(--motion);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateZ(0)}.mobile-menu nav{display:grid;gap:4px}.mobile-menu a,.mobile-menu button{min-height:44px;border:0;background:transparent;color:var(--ink);padding:0 12px;text-align:left;font-size:.98rem;font-weight:700;opacity:0;transform:translate3d(0,6px,0);transition:opacity .18s var(--motion),transform .18s var(--motion),background-color .18s var(--motion);transition-delay:var(--stagger, 0ms)}.mobile-menu a.active,.mobile-menu a:hover,.mobile-menu button:hover{background:#ffffff0e}.mobile-menu.open a,.mobile-menu.open button{opacity:1;transform:translateZ(0)}.page-shell{padding-top:86px;padding-inline:14px}.dashboard-grid,.settings-form,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.events-section,.priority-section,.filters-section,.settings-form>.button{grid-column:auto}.settings-form>.button{justify-self:stretch}.page-header{align-items:start;flex-direction:column}}@media(max-width:560px){.page-shell{padding-inline:12px}.panel-core{padding:16px}.page-header h1{font-size:clamp(1.7rem,9vw,2.35rem)}.button-row{display:grid}.section-heading{align-items:stretch;flex-direction:column}.reader-shell{padding-inline:12px}.reader-hero{display:grid}.reader-status-grid{grid-template-columns:1fr 1fr;min-width:0}.reader-stat strong{font-size:.9rem}.reader-controls{grid-template-columns:1fr}.reader-controls .danger{grid-column:auto}.current-message{min-height:180px}.check-grid{grid-template-columns:1fr}}