:root{--bg:#f6fbfb;--surface:#fff;--surface-2:#eef8f8;--text:#12282f;--muted:#5c7379;--border:#d5e5e7;--primary:#087f95;--primary-strong:#066376;--danger:#b42318;--shadow:0 10px 28px #12282f0f;--radius:8px;--font-base:14px;--font-small:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-base);margin:0;line-height:1.5;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{color:#f4fbfb;background:#12313a;height:100vh;padding:18px;position:sticky;top:0}.sidebar-header{align-items:stretch;gap:12px;margin-bottom:24px;display:grid}.sidebar-controls{gap:10px;min-width:0;display:grid}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand>span{border-radius:var(--radius);color:#12313a;background:#d7f7f3;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand>div{min-width:0}.brand strong,.brand small{display:block}.brand strong{font-size:var(--font-base);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.brand small{font-size:var(--font-small);color:#afcdd2;line-height:1.2}.version-meta{color:var(--muted);font-size:var(--font-small);overflow-wrap:anywhere;margin-top:3px;font-weight:500;display:block}.version-meta.compact{color:#afcdd2;font-size:var(--font-small)}.display-header .version-meta{color:#bdd4d8;margin-top:2px}.display-screen.centered .version-meta{color:#789096;margin-top:16px}.playback-topbar .version-meta{color:#94a3b8;margin-top:2px}.sidebar-nav-row{gap:14px;display:grid}.sidebar nav{align-items:center;gap:4px;display:grid}.sidebar nav a{border-radius:var(--radius);color:#d5e5e7;font-size:var(--font-base);align-items:center;min-height:34px;padding:7px 10px;display:inline-flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff17}.sidebar-auth{border-radius:var(--radius);color:#f4fbfb;text-align:left;background:#ffffff0f;border:1px solid #d7f7f31f;flex:none;justify-content:flex-start;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.account-chip{justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex}.account-avatar{color:#d7f7f3;font-size:var(--font-small);background:#d7f7f329;border:1px solid #d7f7f347;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.account-copy{min-width:0;display:grid}.account-copy strong{color:#f4fbfb;font-size:var(--font-base);text-overflow:ellipsis;white-space:nowrap;max-width:170px;line-height:1.1;overflow:hidden}.account-copy span,.auth-muted{color:#afcdd2;font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;max-width:170px;line-height:1.2;overflow:hidden}.sidebar-controls .auth-actions{justify-content:flex-start;margin-top:0}.main-panel{min-width:0;padding:20px}.topbar,.section-heading,.item-header,.display-header,.playback-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:20px}.topbar>div:first-child{min-width:0}h1,h2{font-size:var(--font-base);line-height:1.2}.eyebrow{color:var(--primary);font-size:var(--font-small);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.user-panel{text-align:right;flex-direction:column;align-items:flex-end;min-width:190px;margin-left:auto;display:flex}.user-panel span,.item-meta,.metric span{color:var(--muted)}.auth-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.auth-actions span{font-size:var(--font-small)}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.notice{border:1px solid #d5e5e7c7;border-left:3px solid var(--primary);box-shadow:none;color:var(--text);font-size:var(--font-small);background:#eef8f8b8;border-radius:6px;margin-bottom:10px;padding:8px 10px;font-weight:600}.notice.error{border-color:#f2b8b5;border-left-color:var(--danger);color:var(--danger);background:#fff8f7}.notice.success{color:#166534;background:#f4fbf6;border-color:#bfe6ca #bfe6ca #bfe6ca #16a34a}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(136px,100%),1fr));gap:10px;margin-top:12px;display:grid}.metric{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.metric strong,.metric span{display:block}.metric strong{font-size:var(--font-base);overflow-wrap:anywhere;line-height:1.15}.metric.wide{grid-column:span 1}.two-column{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;display:grid}.workspace-section{gap:12px;display:grid}.workspace-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-toolbar>div:first-child{min-width:0}.workspace-meta{color:var(--muted);font-size:var(--font-small);margin-top:2px;display:block}.workspace-form-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.telegram-panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#eef8f8e6,#ffffffb8);gap:10px;padding:12px;display:grid}.telegram-panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.telegram-panel h3{font-size:var(--font-base);line-height:1.2}.telegram-link-code{color:var(--primary-strong);font-size:var(--font-base);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;border:1px dashed #087f9573;border-radius:6px;padding:9px 10px;font-weight:700;display:block}.telegram-player-command{background:#087f950f;border:1px solid #087f952e;border-radius:6px;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:6px;width:100%;padding:7px 8px;display:grid}.telegram-player-command span{color:var(--muted);font-size:var(--font-small)}.telegram-player-command code{color:var(--primary-strong);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.telegram-player-command .button{font-size:var(--font-small);min-height:32px;padding:4px 8px}.workspace-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;margin-top:0}.workspace-form .audio-source-panel,.workspace-form .content-preview-panel,.workspace-form .form-actions,.workspace-form .form-actions.compact,.workspace-form .form-hint,.workspace-form .recorder-panel{grid-column:1/-1}.form-panel{gap:10px;margin-top:12px;display:grid}.form-panel.workspace-form{margin-top:0}label{color:var(--muted);font-size:var(--font-small);gap:5px;display:grid}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:#fff;width:100%;min-height:40px;padding:8px 10px}textarea{resize:vertical;min-height:72px}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:10px}legend{color:var(--muted);padding:0 6px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{flex-wrap:wrap;gap:8px;display:flex}.form-actions.compact{align-items:center;margin-top:-4px}.form-actions.modal-actions{margin-top:20px}.form-hint{color:var(--muted);font-size:var(--font-small)}.inline-control-row,.upload-row{align-items:center;gap:8px;display:flex}.inline-control-row input{min-width:0}.visually-hidden-file{display:none}.audio-source-panel{gap:10px;display:grid}.audio-source-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.audio-source-tabs .button{width:100%;min-width:0}.audio-source-ready{border:1px solid var(--border);border-radius:var(--radius);background:#fff;gap:8px;padding:10px;display:grid}.audio-source-ready strong,.audio-source-ready span{display:block}.audio-source-ready span{color:var(--muted);font-size:var(--font-small);overflow-wrap:anywhere}.audio-source-ready audio{width:100%}.content-preview-panel{gap:8px;display:grid}.content-preview-heading{gap:2px;min-width:0;display:grid}.content-preview-heading strong{color:var(--text);font-size:var(--font-base);overflow-wrap:anywhere;line-height:1.2}.content-preview-heading span{color:var(--muted);font-size:var(--font-small);overflow-wrap:anywhere}.content-preview{border:1px solid var(--border);border-radius:var(--radius);background:#fff;place-items:center;min-height:180px;display:grid;overflow:hidden}.content-preview.large{min-height:min(62vh,480px)}.content-preview iframe,.content-preview img{border:0;width:100%;height:100%}.content-preview iframe{min-height:260px}.content-preview.large iframe{min-height:min(62vh,480px)}.content-preview img{object-fit:contain}.content-preview audio{width:calc(100% - 24px);max-width:560px}.content-preview.text-preview{place-items:start;gap:12px;min-height:0;padding:12px}.content-preview.text-preview p{overflow-wrap:anywhere;white-space:pre-wrap}.recorder-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);gap:10px;padding:12px;display:grid}.recorder-panel strong,.recorder-panel span{display:block}.recorder-panel span{color:var(--muted);font-size:var(--font-small)}.recorder-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recording-indicator{color:var(--danger);font-size:var(--font-base);flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;display:flex}.recording-indicator span{background:var(--danger);border-radius:999px;width:9px;height:9px;animation:1.2s ease-in-out infinite pulse;display:inline-block}.recording-wave{flex:160px;align-items:center;gap:3px;min-width:140px;height:28px;display:flex}.recording-wave i{background:var(--primary);opacity:.78;border-radius:999px;width:4px;height:18px;transition:transform 80ms linear;display:block}.recording-preview audio{width:100%}.preset-row{flex-wrap:wrap;gap:8px;display:flex}.preset-row.compact{gap:6px;margin-bottom:8px}.preset-row.compact .button{font-size:var(--font-small);min-height:32px;padding:4px 8px}.schedule-content-row{grid-template-columns:minmax(0,1fr) minmax(88px,112px)}.schedule-time-row{gap:6px}.schedule-time-row .button{white-space:nowrap;flex:none;min-height:38px}.day-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.day-grid label,.check-row{align-items:center;gap:7px;display:flex}.day-grid input,.check-row input{width:auto;min-height:auto}.day-grid.compact{gap:5px}.day-grid.compact label{cursor:pointer;font-size:var(--font-small);background:#ffffff8c;border:1px solid #d5e5e7b8;border-radius:6px;justify-content:center;min-height:30px;padding:4px 5px}.day-grid.compact label.selected{color:var(--primary-strong);background:#087f951f;border-color:#087f9557;font-weight:700}.day-grid.compact input{opacity:0;width:1px;height:1px;position:absolute}.prayer-form{align-items:stretch}.prayer-fieldset{min-width:0}.day-grid.compact.prayer-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.day-grid.compact.prayer-choice-grid label{white-space:nowrap}.button{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font-size:var(--font-base);touch-action:manipulation;background:#fff;justify-content:center;align-items:center;min-height:40px;padding:8px 12px;display:inline-flex}.button.compact{font-size:var(--font-small);min-height:36px;padding:6px 10px}.button.nav-action{color:#d5e5e7;background:0 0;border-color:#ffffff2e}.button.nav-action:hover{color:#fff;background:#ffffff17}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.danger{color:var(--danger);border-color:#f2b8b5}.button.display-control{color:#e0f7fb;background:#087f9533;border-color:#7dd3fc6b}.button.display-control:hover{color:#fff;background:#087f954d;border-color:#7dd3fc94}.button:disabled{cursor:not-allowed;opacity:.55}.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #087f9559}.list-panel{min-width:0}.item-list{gap:8px;display:grid}.item,.empty-state{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#fff9,#eef8f8db);padding:10px}.item{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 12px;display:grid}.item-header{grid-column:1;align-items:start;gap:8px;min-width:0}.item-header-copy{min-width:0}.item-header-end{flex:none;align-items:center;gap:6px;display:inline-flex}.item-header.expandable{border-radius:calc(var(--radius) - 2px);cursor:pointer;margin:-4px;padding:4px;transition:background .16s,color .16s}.item-header.expandable:hover,.item-header.expandable:focus-visible{background:#087f9512;outline:0}.item-header.expandable:focus-visible{box-shadow:0 0 0 3px #087f952e}.item-disclosure{color:#6f858a;transform-origin:50%;flex:none;font-size:1rem;font-weight:700;line-height:1;transition:transform .16s,color .16s}.item-header.expanded .item-disclosure{color:var(--primary-strong);transform:rotate(90deg)}.item-title{font-size:var(--font-base);overflow-wrap:anywhere;font-weight:500;line-height:1.25}.item-title-link{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #087f9552;text-decoration:underline #087f9552}.item-title-link:hover{color:var(--primary-strong);text-decoration-color:currentColor}.item-meta{font-size:var(--font-small);overflow-wrap:anywhere;line-height:1.35}.item-actions{border-top:1px solid #d5e5e7b8;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:5px;margin-top:2px;padding-top:8px;display:flex}.item-actions .button,.item-actions a.button{font-size:var(--font-small);min-height:34px;padding:5px 9px}.item-details{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;gap:4px 12px;min-width:0;margin-top:6px;padding-top:8px;display:flex}.item-details.compact{margin-top:8px;padding-top:8px}.detail-actions{flex-wrap:wrap;gap:6px;width:100%;display:flex}.detail-actions .button{font-size:var(--font-small);min-height:32px;padding:4px 8px}.schedule-detail-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,112px),1fr));gap:6px;width:100%;display:grid}.schedule-detail-actions .button{font-size:var(--font-small);width:100%;min-height:32px;padding:4px 8px}.player-detail-actions{border-bottom:1px solid #d5e5e7b8;grid-template-columns:repeat(auto-fit,minmax(min(100%,112px),1fr));gap:6px;width:100%;padding-bottom:8px;display:grid}.player-detail-actions .button{font-size:var(--font-small);width:100%;min-height:32px;padding:4px 8px}.detail-row{grid-template-columns:58px minmax(0,1fr);align-items:baseline;gap:6px;min-width:0;display:grid}.device-list{border:1px solid #d5e5e7b8;border-radius:6px;width:100%;display:grid;overflow:hidden}.device-list-row{background:#ffffff61;grid-template-columns:minmax(0,1fr) max-content minmax(82px,.3fr);align-items:center;gap:10px;min-width:0;padding:7px 8px;display:grid}.device-list-row+.device-list-row{border-top:1px solid #d5e5e7b8}.device-list-row .button{font-size:var(--font-small);width:100%;min-height:30px;padding:4px 8px}.device-audio-settings{border-top:1px solid #d5e5e7b8;grid-column:1/-1;grid-template-columns:minmax(120px,.65fr) minmax(0,1fr);align-items:end;gap:10px;padding-top:7px;display:grid}.device-playback-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.device-playback-actions .button{width:100%}.device-audio-settings label{min-width:0}.device-audio-settings input,.device-audio-settings select{min-height:32px;padding:4px 7px}.volume-control{grid-template-columns:auto max-content}.volume-control input{accent-color:var(--primary);grid-column:1/-1;padding:0}.volume-control output{color:var(--primary-strong);font-variant-numeric:tabular-nums;font-weight:700}.audio-saving{color:var(--muted);font-size:var(--font-small);grid-column:1/-1}.device-list .device-name{color:var(--text);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:0;font-weight:600;overflow:hidden}.device-list .device-status{color:var(--muted);font-size:var(--font-small);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;min-width:0;padding:3px 6px;font-weight:700;overflow:hidden}.device-list .device-status.live{color:#166534;background:#16a34a1a}.device-list .device-status.background{color:#075985;background:#0284c71a}.device-list .device-status.waiting,.device-list .device-status.pairing{color:#92400e;background:#d977061a}.device-list .device-status.offline{color:#991b1b;background:#ef44441a}.detail-row span:first-child,.detail-row a{overflow-wrap:anywhere}.detail-row span:first-child{color:var(--muted);font-size:var(--font-small);flex:none}.detail-row span:first-child:after{content:none}.detail-row span:last-child,.detail-row a{font-size:var(--font-small);min-width:0}.detail-row a{color:var(--primary-strong);text-underline-offset:3px;text-overflow:ellipsis;white-space:nowrap;-webkit-text-decoration:underline #087f9559;text-decoration:underline #087f9559;display:block;overflow:hidden}.detail-row a:hover{text-decoration-color:currentColor}.copy-link{color:var(--primary-strong);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;grid-column:1;max-width:100%;margin-top:-2px;display:block;overflow:hidden}.item.compact-row{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:6px 8px;min-height:48px;padding:6px 10px}.item.compact-row .item-header{flex-direction:row;grid-area:1/1;align-items:center;min-width:0;min-height:36px}.item.compact-row .item-header.expandable{margin:0;padding:0 4px 0 0}.item.compact-row .item-disclosure{justify-content:center;align-items:center;width:14px;height:18px;font-size:.95rem;display:inline-flex}.item.compact-row .item-header-copy{align-items:baseline;gap:8px;min-width:0;line-height:1;display:flex}.item.compact-row .item-title{flex:0 auto;min-width:0}.item.compact-row .item-meta{color:var(--muted);font-size:var(--font-small);flex:0 auto;min-width:0;font-weight:500;line-height:1.2;display:block}.item.compact-row .item-meta:before{content:none}.item.compact-row .item-title,.item.compact-row .item-meta{text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.item.compact-row .item-actions{border-top:0;flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end;align-items:center;gap:5px;margin-top:0;padding-top:0;display:flex}.item.compact-row .item-actions .button,.item.compact-row .item-actions a.button{white-space:nowrap;border-radius:6px;flex:none;width:auto;min-height:34px;padding:5px 10px;line-height:1.1}.item.compact-row .item-details{grid-area:2/1/auto/-1}.item.compact-row .pill{padding:2px 5px;font-size:.68rem;font-weight:700}.item.compact-row .status-indicator{margin-left:2px}.player-card .item-header{flex-direction:row;grid-area:1/1;align-items:center;min-width:0}.player-card .item-header-copy{align-items:baseline;gap:8px;min-width:0;display:flex}.player-card .item-title,.player-card .item-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-row{border:1px solid var(--border);border-radius:var(--radius);background:#ffffff8c;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.item-row.muted{opacity:.45}.prayer-times-panel{margin-top:12px}.pill{color:#075e5a;font-size:var(--font-small);background:#d7f7f3;border:1px solid #9ce3db;border-radius:999px;flex:none;padding:3px 7px;font-weight:800;line-height:1.1}.pill.off{color:#61767c;background:#f4f5f5;border-color:#d4dcde}.pill.live{color:#166534;background:#dcfce7;border-color:#86efac}.pill.background{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.pill.pairing{color:#7d6608;background:#fef9e7;border-color:#f9e79f}.pill.waiting{color:#7d4a08;background:#fef3e2;border-color:#fad7a0}.pill.offline{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.status-indicator{background:#9aaeb3;border-radius:999px;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #9aaeb329}.status-indicator.enabled{background:#16a34a;box-shadow:0 0 0 3px #16a34a29}.status-indicator.paused{background:#9aaeb3;box-shadow:0 0 0 3px #9aaeb329}.status-indicator.live{background:#16a34a;box-shadow:0 0 0 3px #16a34a29}.status-indicator.background{background:#0284c7;box-shadow:0 0 0 3px #0284c726}.status-indicator.waiting{background:#d97706;box-shadow:0 0 0 3px #d9770626}.status-indicator.offline{background:#ef4444;box-shadow:0 0 0 3px #ef444424}.status-indicator.unpaired{background:#9aaeb3;box-shadow:0 0 0 3px #9aaeb329}@media (width>=901px){.item{grid-template-columns:minmax(0,1fr) max-content;align-items:center}.item-header{grid-area:1/1;align-items:center;min-width:0}.item-title,.item-meta{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.copy-link{grid-column:1;min-width:0}.item-actions{border-top:0;flex-wrap:wrap;grid-area:1/2/span 2;justify-content:flex-end;align-self:center;min-width:0;max-width:min(46vw,460px);margin-top:0;padding-top:0;overflow:visible}.item-actions .button,.item-actions a.button{white-space:nowrap;flex:none;min-height:32px;padding:4px 8px}}.display-screen{color:#f4fbfb;background:#000;height:100dvh;padding:32px;overflow:hidden}.display-screen.idle{flex-direction:column;display:flex}.display-screen.centered{text-align:center;place-items:center;display:grid}.display-state-card{justify-items:center;width:100%;min-width:0;max-width:760px;max-height:100%;display:grid;overflow:hidden}.display-screen.centered p{color:#bdd4d8;max-width:56ch;margin:clamp(8px,2vh,12px) 0 clamp(12px,3vh,22px)}.clock{margin-top:auto;font-size:clamp(4rem,15vw,11rem);font-weight:800;line-height:1}.display-screen.idle>p{color:#bdd4d8;flex:none;margin-top:10px}.next-box{border-radius:var(--radius);background:#087f952e;border:1px solid #7dd3fc57;width:100%;max-width:720px;margin-top:clamp(18px,5vh,56px);margin-bottom:auto;padding:18px;box-shadow:0 0 0 1px #48c7b71f}.next-box span,.next-box strong{display:block}.next-box span{color:#bdd4d8}.countdown-box{text-align:center;animation:1s ease-in-out infinite countdown-pulse}.countdown-number{color:var(--primary-strong);margin:8px 0;font-size:clamp(3rem,10vw,6rem);line-height:1}@keyframes countdown-pulse{0%,to{box-shadow:0 0 #48c7b766}50%{box-shadow:0 0 18px 4px #48c7b726}}.playback-screen{color:#fff;background:#000;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.playback-topbar{min-height:64px;padding:12px 18px}.media-frame{flex:auto;height:calc(100dvh - 64px);min-height:0;position:relative}.media-frame>div{width:100%;height:100%}.media-frame iframe{border:0;width:100%!important;height:100%!important}.yt-warmup,.yt-warmup iframe{border:0;width:100%;height:100%}.media-frame img{object-fit:contain;border:0;width:100%;height:100%}.media-message{place-items:center;height:100%;display:grid}.voice-message{text-align:center;padding:32px}.voice-message p{color:#f4fbfb;max-width:900px;font-size:clamp(1.6rem,6vw,3.5rem);line-height:1.4}.azan-message{text-align:center;background:#10262d;place-items:center;height:100%;display:grid}.azan-message strong{font-size:clamp(3rem,12vw,8rem);line-height:1;display:block}.azan-message span{color:#bdd4d8;margin-top:18px;font-size:clamp(1.1rem,3vw,2rem);display:block}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;min-height:58px;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;z-index:30;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.sidebar-header{flex:auto;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:42px;margin-bottom:0;display:flex}.sidebar-controls{flex:0 auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.brand{flex:auto;overflow:hidden}.brand>div{overflow:hidden}.brand strong{max-width:clamp(108px,34vw,220px)}.brand>span{width:36px;height:36px}.brand small:not(.version-meta),.sidebar .version-meta{display:none}.sidebar-nav-row{display:block}.sidebar nav{padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:40;background:#12313afa;border-top:1px solid #d7f7f31f;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #12282f24}.sidebar nav a{color:#d5e5e7;font-size:var(--font-small);text-align:center;white-space:normal;border-radius:10px;place-items:center;min-height:44px;padding:5px 4px;display:grid}.sidebar nav a.active{color:#12313a;background:#d7f7f3;font-weight:800}.sidebar-auth{text-align:left;background:0 0;border:0;min-width:0;padding:0}.sidebar-controls .auth-actions{justify-content:flex-end;margin-top:0}.main-panel{padding:calc(74px + env(safe-area-inset-top)) 18px calc(86px + env(safe-area-inset-bottom))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.workspace-form{grid-template-columns:1fr}.day-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topbar{align-items:flex-start;gap:12px}.user-panel{text-align:right;align-items:flex-end;min-width:0}.auth-actions{flex-wrap:wrap;justify-content:flex-end}input,select,textarea,.button{min-height:44px}}@media (width<=640px){.main-panel{padding:calc(70px + env(safe-area-inset-top)) 12px calc(82px + env(safe-area-inset-bottom))}.sidebar{padding:calc(8px + env(safe-area-inset-top)) 12px 8px}.sidebar-nav-row{display:block}.sidebar-controls .auth-actions{flex-wrap:nowrap;justify-content:flex-end;margin-top:0}.sidebar-auth{min-width:0}.account-copy span{display:none}.account-copy strong{max-width:92px}.button.compact{min-height:34px;padding:5px 8px}h1,h2{font-size:var(--font-base)}.topbar{flex-wrap:wrap}.user-panel{flex:auto;min-width:150px}.section{margin-bottom:12px;padding:16px}.notice{margin-bottom:10px;padding:8px 10px}.workspace-toolbar{flex-direction:row;align-items:center}.workspace-toolbar .button{flex:none;width:auto}.section-heading,.item-header{flex-direction:column;align-items:flex-start;gap:8px}.form-grid{grid-template-columns:1fr}.button{font-size:var(--font-base);min-height:38px;padding:6px 10px}.button.primary{min-height:42px}.form-actions .button{flex:100%;width:100%}.item{grid-template-columns:1fr}.item-header,.copy-link,.item-actions{grid-column:1}.item-actions{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px;margin-left:0;margin-right:0;padding-top:8px;display:grid;overflow-x:visible}.item-actions .button,.item-actions a.button{flex:initial;white-space:normal;width:100%;min-height:34px;padding:5px 7px}.item.compact-row{grid-template-columns:minmax(0,1fr) max-content;align-items:center}.item.compact-row .item-header{grid-column:1;min-width:0}.item.compact-row .item-actions{border-top:0;flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end;padding-top:0;display:flex}.item.compact-row .item-actions .button,.item.compact-row .item-actions a.button{flex:none;width:auto}.item.compact-row .item-details{grid-area:2/1/auto/-1}.form-actions.compact .button,.preset-row .button{flex:auto;width:auto}.inline-control-row{flex-direction:column;align-items:stretch}.inline-control-row .button,.upload-row .button{width:100%}.audio-source-tabs{grid-template-columns:1fr}.schedule-content-row{grid-template-columns:minmax(0,1fr) minmax(82px,96px)}.schedule-time-row{flex-direction:row;align-items:center}.schedule-time-row .button{width:auto}.recorder-actions .button{width:100%}.day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.day-grid.compact{grid-template-columns:repeat(7,minmax(0,1fr))}.detail-row{grid-template-columns:1fr;gap:2px}.telegram-player-command{grid-template-columns:1fr}.telegram-player-command .button{width:100%}.item-details{grid-template-columns:1fr}.device-list-row{align-items:center}.device-audio-settings{grid-template-columns:1fr}.copy-link{font-size:var(--font-small)}.modal{width:calc(100vw - 24px);padding:22px}.display-screen{padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.display-header{align-items:center;gap:8px}.playback-topbar{flex-direction:row;align-items:center;gap:8px}.playback-topbar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playback-topbar .version-meta{display:none}.playback-topbar>span,.playback-topbar .button{flex:none}.display-header .button,.playback-topbar .button{min-height:34px;padding:5px 10px}.display-status-row{justify-content:flex-end}.display-actions .button{width:min(100%,360px)}.clock{font-size:clamp(3rem,26vw,6.5rem)}.display-screen.idle>p{margin-top:6px}.next-box{padding:12px}.display-screen.centered{padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));align-content:center}.display-screen.centered .button{width:100%;max-width:360px}.playback-topbar{min-height:auto;padding:10px 12px}.media-frame{height:auto}}@media (width<=480px){.sidebar-header{flex-direction:row;align-items:center;gap:8px}.sidebar-header .version-meta{display:none}.sidebar-auth{justify-content:flex-end}.account-copy span{display:none}.account-copy strong{max-width:clamp(54px,20vw,96px)}.brand strong{max-width:clamp(72px,30vw,150px)}.sidebar-nav-row{display:block}.sidebar-controls .auth-actions{justify-content:flex-end}.item-actions{flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));overflow-x:visible}.item-actions .button,.item-actions a.button{flex:auto}.copy-link{white-space:normal}}@media (height<=520px) and (orientation:landscape){.display-screen{padding:calc(10px + env(safe-area-inset-top)) 14px calc(10px + env(safe-area-inset-bottom))}.display-header{flex-direction:row;align-items:center;gap:8px}.display-header .button{min-height:30px;padding:3px 8px}.display-status-row{justify-content:flex-end;gap:6px}.clock{font-size:clamp(2.8rem,24vh,5rem)}.display-screen.idle>p{margin-top:4px;font-size:.86rem}.next-box{padding:10px 12px}.display-state-card{max-width:92vw}.display-screen.centered h1{font-size:clamp(1.55rem,10vh,2.8rem)}.display-screen.centered p{margin:6px 0 10px;font-size:.92rem}.display-actions{gap:8px;margin-top:8px}.display-actions .button{width:auto;min-height:34px;padding:5px 10px}.display-screen.centered .version-meta{margin-top:8px}}.modal-overlay{z-index:100;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:90vw;max-width:400px;padding:28px;box-shadow:0 20px 60px #0003}.modal.confirm-modal{max-width:360px}.modal.preview-modal{gap:12px;width:min(920px,100vw - 28px);max-width:min(920px,100vw - 28px);display:grid}.modal h3{margin-bottom:8px}.modal p{color:var(--muted);margin-bottom:16px}.modal input{letter-spacing:.2em;text-align:center;font-size:1.6rem}.status-text{color:#bdd4d8;margin-top:12px;transition:opacity .15s}.device-name{color:#789096;margin-top:4px;font-size:.9rem}.display-screen.centered h1{overflow-wrap:anywhere;font-size:clamp(2.2rem,min(10vw,12vh),5.5rem);line-height:1.02}.display-screen.centered .button{margin-top:0}.display-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.display-status-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.pulse-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.pulse-dot.live{background:#16a34a;animation:2s ease-in-out infinite pulse}.pulse-dot.background{background:#0284c7}.pulse-dot.stale{background:#94a3b8}.pulse-dot.offline{background:#ef4444}.warning-pill{font-size:var(--font-small);border-radius:4px;align-items:center;padding:3px 8px;font-weight:700;display:inline-flex}.warning-pill.offline{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.warning-pill.wakelock-warn{color:#c2410c;background:#fef3e2;border:1px solid #fad7a0}@media (prefers-reduced-motion:reduce){.recording-indicator span,.pulse-dot.live,.countdown-box{animation:none}.recording-wave i{transition:none}}