:root,[data-theme=midnight-aurora]{--color-bg: #0b1020;--color-surface: #171e32;--color-surface-raised: #1e2740;--color-border: rgba(248, 250, 252, .1);--color-primary: #8b5cf6;--color-secondary: #22d3ee;--color-text: #f8fafc;--color-text-secondary: #94a3b8;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-focus-ring: #8b5cf6;--color-shadow: rgba(0, 0, 0, .35);--color-overlay: rgba(11, 16, 32, .72);--color-on-primary: #f8fafc}[data-theme=emerald-zen]{--color-bg: #071713;--color-surface: #112720;--color-surface-raised: #18352c;--color-border: rgba(240, 253, 244, .1);--color-primary: #34d399;--color-secondary: #f5b971;--color-text: #f0fdf4;--color-text-secondary: #9cb5ab;--color-success: #34d399;--color-warning: #f5b971;--color-danger: #f87171;--color-focus-ring: #34d399;--color-shadow: rgba(0, 0, 0, .4);--color-overlay: rgba(7, 23, 19, .72);--color-on-primary: #071713}[data-theme=arctic-blue]{--color-bg: #f3f7fc;--color-surface: #ffffff;--color-surface-raised: #eef3fa;--color-border: rgba(16, 33, 58, .1);--color-primary: #2563eb;--color-secondary: #0d9488;--color-text: #10213a;--color-text-secondary: #64748b;--color-success: #0d9488;--color-warning: #d97706;--color-danger: #dc2626;--color-focus-ring: #2563eb;--color-shadow: rgba(16, 33, 58, .08);--color-overlay: rgba(243, 247, 252, .85);--color-on-primary: #ffffff}:root{--radius-card: 18px;--radius-sm: 12px;--radius-pill: 999px;--space-xs: clamp(6px, .5vw, 10px);--space-sm: clamp(10px, .8vw, 14px);--space-md: clamp(14px, 1.2vw, 22px);--space-lg: clamp(18px, 1.6vw, 32px);--space-xl: clamp(24px, 2.2vw, 44px);--gap: clamp(12px, 1.1vw, 20px);--font: "Outfit", system-ui, sans-serif;--font-ar: "IBM Plex Sans Arabic", "Outfit", sans-serif;--duration: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--focus-width: 3px;--shadow-card: 0 8px 24px var(--color-shadow);--safe-pad-x: clamp(20px, 2.2vw, 48px);--safe-pad-y: clamp(16px, 1.8vw, 36px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}ul{list-style:none;margin:0;padding:0}h1,h2,h3,p{margin:0}:focus{outline:none}:focus-visible{outline:var(--focus-width) solid var(--color-focus-ring);outline-offset:3px}.tv-focusable{transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease),background-color var(--duration) var(--ease)}.tv-focusable:focus-visible{outline:var(--focus-width) solid var(--color-focus-ring);outline-offset:4px;transform:scale(1.015);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-card);z-index:2}.tv-app{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr;background:var(--color-bg);color:var(--color-text);overflow:hidden}.tv-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:var(--safe-pad-y) var(--safe-pad-x) var(--space-sm);flex-shrink:0;min-height:0}.tv-brand{display:flex;flex-direction:column;gap:.1em;min-width:0}.tv-brand-kicker{font-size:clamp(11px,.75vw,14px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-secondary)}.tv-brand-title{font-size:clamp(18px,1.4vw,26px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-nav{display:flex;align-items:center;gap:clamp(6px,.5vw,10px);flex-wrap:nowrap;min-width:0}.tv-nav-item{display:inline-flex;align-items:center;gap:.45em;padding:.55em .95em;border-radius:var(--radius-pill);font-size:clamp(13px,.95vw,17px);font-weight:600;color:var(--color-text-secondary);border:1px solid transparent;white-space:nowrap}.tv-nav-item svg{width:1.1em;height:1.1em;flex-shrink:0}.tv-nav-item.is-active{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-card)}.tv-nav-item.is-active svg{color:var(--color-primary)}.tv-topbar-end{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.tv-fs-btn{display:inline-flex;align-items:center;gap:.4em;padding:.55em .95em;border-radius:var(--radius-pill);font-size:clamp(13px,.95vw,16px);font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);white-space:nowrap}.tv-fs-btn svg{width:1.15em;height:1.15em;color:var(--color-primary);flex-shrink:0}.tv-clock-inline{text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.tv-clock-time{font-size:clamp(28px,2.8vw,48px);font-weight:300;line-height:1;letter-spacing:-.03em}.tv-clock-sec{font-size:.4em;color:var(--color-text-secondary);margin-left:.12em}.tv-clock-date{margin-top:.25em;font-size:clamp(12px,.85vw,15px);color:var(--color-text-secondary);text-transform:capitalize}.tv-main{min-height:0;overflow:hidden;padding:0 var(--safe-pad-x) var(--safe-pad-y);display:flex;flex-direction:column}.tv-screen{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;animation:tv-screen-in var(--duration) var(--ease)}@keyframes tv-screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tv-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.tv-card-head{display:flex;align-items:center;gap:.5em;margin-bottom:var(--space-sm);flex-shrink:0}.tv-card-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,1.8vw,36px);height:clamp(28px,1.8vw,36px);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-primary);border:1px solid var(--color-border);flex-shrink:0}.tv-card-icon svg{width:55%;height:55%}.tv-card-title{font-size:clamp(12px,.9vw,16px);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.tv-card-body{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.dash-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:var(--gap)}.dash-grid>.tv-card:nth-child(1){grid-row:1 / 3}.dash-grid>.tv-card-routine{grid-column:1 / -1;grid-row:3}.prayer-next-banner{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);flex-shrink:0;margin-bottom:var(--space-xs);padding:clamp(8px,.65vw,12px) clamp(10px,.8vw,14px);border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-primary);min-width:0}.prayer-next-label{font-size:clamp(12px,.9vw,15px);font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prayer-next-countdown{font-size:clamp(16px,1.35vw,24px);font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;flex-shrink:0}.prayer-list{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-height:0;justify-content:space-evenly;overflow:hidden}.prayer-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5em;padding:clamp(6px,.55vw,10px) clamp(8px,.7vw,12px);border-radius:var(--radius-sm);border:1px solid transparent}.prayer-row.is-next{background:var(--color-surface-raised);border-color:var(--color-border)}.prayer-row.is-past{opacity:.45}.prayer-names{display:flex;flex-direction:column;gap:.05em;min-width:0}.prayer-name{font-size:clamp(14px,1.15vw,22px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prayer-arabic{font-family:var(--font-ar);font-size:clamp(12px,.9vw,16px);color:var(--color-secondary);direction:rtl}.prayer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.15em;flex-shrink:0}.prayer-time{font-size:clamp(16px,1.4vw,28px);font-weight:500;font-variant-numeric:tabular-nums}.prayer-badge{font-size:clamp(10px,.7vw,13px);font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.weather-main{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);min-width:0;flex-shrink:0}.weather-copy{min-width:0}.weather-visual{display:flex;align-items:center;justify-content:center;width:clamp(72px,7vw,120px);height:clamp(72px,7vw,120px);flex-shrink:0;border-radius:var(--radius-card);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-secondary)}.weather-visual-icon{width:58%;height:58%}.weather-temp{font-size:clamp(40px,4vw,72px);font-weight:300;line-height:1;letter-spacing:-.04em}.weather-temp span{font-size:.4em;color:var(--color-text-secondary);vertical-align:super}.weather-condition{font-size:clamp(15px,1.15vw,22px);font-weight:500;margin-top:.2em}.weather-city{font-size:clamp(12px,.9vw,15px);color:var(--color-text-secondary);margin-top:.1em}.weather-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-top:auto;padding-top:var(--space-sm)}.weather-meta-item{display:flex;flex-direction:column;gap:.1em;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-border);min-width:0}.weather-meta-label{font-size:clamp(10px,.7vw,12px);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.weather-meta-value{font-size:clamp(13px,1vw,18px);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steps-value{font-size:clamp(36px,3.6vw,64px);font-weight:300;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.steps-goal{font-size:clamp(12px,.9vw,16px);color:var(--color-text-secondary);margin-top:.3em}.steps-bar{margin-top:auto;padding-top:var(--space-sm)}.steps-bar-track{height:clamp(7px,.55vw,10px);border-radius:var(--radius-pill);background:var(--color-surface-raised);overflow:hidden}.steps-bar-fill{height:100%;border-radius:inherit;background:var(--color-primary);transition:width var(--duration) var(--ease)}.steps-bar-labels{display:flex;justify-content:space-between;gap:.5em;margin-top:.4em;font-size:clamp(11px,.8vw,14px);color:var(--color-text-secondary)}.steps-pct{color:var(--color-primary);font-weight:700}.email-from{font-size:clamp(16px,1.3vw,24px);font-weight:600;display:flex;align-items:center;gap:.45em;min-width:0}.email-from-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-unread{width:.5em;height:.5em;border-radius:50%;background:var(--color-secondary);flex-shrink:0}.email-subject{font-size:clamp(14px,1.05vw,18px);font-weight:500;margin-top:.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-preview{margin-top:.45em;font-size:clamp(12px,.9vw,15px);line-height:1.4;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;min-height:0}.email-ago{margin-top:auto;padding-top:var(--space-xs);font-size:clamp(11px,.8vw,14px);color:var(--color-text-secondary);flex-shrink:0}.finance-hero{display:flex;align-items:baseline;gap:.3em;flex-wrap:wrap}.finance-spent{font-size:clamp(28px,2.8vw,48px);font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.finance-budget{font-size:clamp(13px,.95vw,16px);color:var(--color-text-secondary)}.finance-month{font-size:clamp(11px,.8vw,14px);color:var(--color-text-secondary);margin-top:.15em}.finance-remain{margin-top:.25em;font-size:clamp(12px,.95vw,15px);font-weight:600}.finance-remain.ok{color:var(--color-success)}.finance-remain.warn{color:var(--color-warning)}.finance-remain.bad{color:var(--color-danger)}.finance-bar{margin-top:var(--space-sm);height:clamp(7px,.55vw,10px);border-radius:var(--radius-pill);background:var(--color-surface-raised);overflow:hidden;display:flex;flex-shrink:0}.finance-bar-seg{height:100%;background:var(--color-primary)}.finance-bar-seg:nth-child(2){background:var(--color-secondary)}.finance-bar-seg:nth-child(3){background:var(--color-success)}.finance-bar-seg:nth-child(4){background:var(--color-warning)}.finance-bar-seg:nth-child(5){background:var(--color-text-secondary)}.finance-cats{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);margin-top:auto;padding-top:var(--space-sm);overflow:hidden}.finance-cat{display:flex;align-items:center;gap:.35em;font-size:clamp(11px,.8vw,14px);color:var(--color-text-secondary)}.finance-dot{width:.5em;height:.5em;border-radius:50%;flex-shrink:0;background:var(--color-primary)}.finance-cat:nth-child(2) .finance-dot{background:var(--color-secondary)}.finance-cat:nth-child(3) .finance-dot{background:var(--color-success)}.finance-cat:nth-child(4) .finance-dot{background:var(--color-warning)}.finance-cat:nth-child(5) .finance-dot{background:var(--color-text-secondary)}.finance-cat strong{color:var(--color-text);font-weight:600;font-variant-numeric:tabular-nums}.routine-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--gap);flex:1;min-height:0;height:100%}.routine-tasks{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.routine-progress{display:flex;align-items:center;gap:.65em;margin-bottom:var(--space-xs);flex-shrink:0}.routine-progress-track{flex:1;height:clamp(6px,.45vw,8px);border-radius:var(--radius-pill);background:var(--color-surface-raised);overflow:hidden}.routine-progress-fill{height:100%;border-radius:inherit;background:var(--color-primary);transition:width var(--duration) var(--ease)}.routine-progress-label{font-size:clamp(11px,.8vw,14px);font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.routine-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:var(--space-xs);flex:1;min-height:0;overflow:hidden;align-content:stretch}.routine-row{display:flex;align-items:center;gap:.45em;padding:clamp(4px,.4vw,8px) clamp(6px,.55vw,10px);border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-border);min-height:0;min-width:0}.routine-check{width:clamp(18px,1.2vw,24px);height:clamp(18px,1.2vw,24px);border-radius:50%;border:2px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent}.routine-row.is-done .routine-check{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.routine-row.is-done .routine-label{color:var(--color-text-secondary);text-decoration:line-through;text-decoration-color:var(--color-border)}.routine-label{flex:1;font-size:clamp(11px,.85vw,15px);font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.routine-time{font-size:clamp(10px,.7vw,12px);font-weight:600;color:var(--color-secondary);font-variant-numeric:tabular-nums;padding:.15em .4em;border-radius:var(--radius-pill);background:var(--color-bg);border:1px solid var(--color-border);flex-shrink:0}.routine-gym{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:var(--space-sm);border-radius:var(--radius-card);background:var(--color-surface-raised);border:1px solid var(--color-border)}.gym-head{display:flex;align-items:center;gap:.6em;flex-shrink:0;min-width:0}.gym-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(30px,2vw,40px);height:clamp(30px,2vw,40px);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);flex-shrink:0}.gym-icon svg{width:55%;height:55%}.gym-titles{flex:1;min-width:0}.gym-kicker{display:block;font-size:clamp(10px,.7vw,12px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}.gym-title{font-size:clamp(15px,1.25vw,22px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gym-duration{font-size:clamp(11px,.8vw,14px);font-weight:700;color:var(--color-text);padding:.3em .6em;border-radius:var(--radius-pill);background:var(--color-bg);border:1px solid var(--color-border);flex-shrink:0}.gym-subtitle{margin:var(--space-xs) 0;font-size:clamp(11px,.8vw,14px);color:var(--color-text-secondary);flex-shrink:0}.gym-parts{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-height:0;overflow:hidden;justify-content:space-evenly}.gym-part{display:flex;align-items:center;gap:.55em;padding:clamp(5px,.45vw,8px) clamp(8px,.65vw,12px);border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);min-width:0}.gym-part-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05em}.gym-part-name{font-size:clamp(12px,.95vw,16px);font-weight:600}.gym-part-focus{font-size:clamp(11px,.8vw,14px);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gym-part-sets{font-size:clamp(11px,.85vw,15px);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-primary);flex-shrink:0}.screen-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--gap);overflow:hidden}.screen-hero{padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);flex-shrink:0}.screen-hero h1{font-size:clamp(24px,2.2vw,40px);font-weight:600;letter-spacing:-.02em}.screen-hero p{margin-top:.4em;font-size:clamp(14px,1.05vw,18px);color:var(--color-text-secondary);max-width:48ch}.screen-cards{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.screen-card{padding:var(--space-md);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-xs);min-height:0;overflow:hidden}.screen-card h2{font-size:clamp(16px,1.2vw,22px);font-weight:600}.screen-card p{font-size:clamp(13px,.95vw,16px);color:var(--color-text-secondary);line-height:1.45}.tv-banner-warn{flex-shrink:0;margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface-raised);border:1px solid var(--color-warning);color:var(--color-text);font-size:clamp(12px,.9vw,15px)}.tv-banner-warn.is-ok{border-color:var(--color-success)}.settings-scroll{flex:1;min-height:0;overflow:auto;padding-right:4px;scrollbar-width:thin}.settings-stack{display:flex;flex-direction:column;gap:var(--gap);padding-bottom:var(--space-lg)}.settings-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--gap);overflow:hidden}.settings-section{padding:var(--space-lg);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:0;overflow:hidden}.settings-section h1{font-size:clamp(22px,1.8vw,32px);font-weight:600}.settings-section>p,.settings-section-head p{margin-top:.35em;font-size:clamp(13px,1vw,16px);color:var(--color-text-secondary)}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.settings-hint{margin-top:var(--space-sm);font-size:clamp(12px,.85vw,14px);color:var(--color-text-secondary)}.settings-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-sm);margin:var(--space-sm) 0}.settings-field{display:flex;flex-direction:column;gap:.35em;font-size:clamp(12px,.85vw,14px);font-weight:600;color:var(--color-text-secondary)}.tv-input{width:100%;padding:.65em .85em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:clamp(14px,1.05vw,18px);font-weight:500}.tv-input-time{max-width:7.5rem}.tv-check{width:1.35em;height:1.35em;accent-color:var(--color-primary);flex-shrink:0}.tv-btn{display:inline-flex;align-items:center;gap:.45em;margin-top:var(--space-sm);padding:.7em 1.15em;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:clamp(14px,1vw,17px);font-weight:700;border:1px solid transparent}.tv-btn:disabled{opacity:.55}.tv-btn-ghost{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border);margin-top:0}.tv-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;border-radius:var(--radius-sm);color:var(--color-danger);background:var(--color-bg);border:1px solid var(--color-border);flex-shrink:0}.settings-edit-list{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) 0;max-height:42vh;overflow:auto}.settings-edit-row{display:grid;grid-template-columns:auto 1fr minmax(5.5rem,7rem) auto;gap:var(--space-xs);align-items:center}.settings-edit-row-4{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(5rem,6.5rem) auto}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:var(--space-md);flex:1;min-height:0;align-content:start}.theme-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-card);border:2px solid var(--color-border);background:var(--color-surface-raised);text-align:left;min-width:0;min-height:0}.theme-card.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.theme-swatches{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:clamp(72px,8vh,110px);border-radius:var(--radius-sm);overflow:hidden}.theme-swatch{border-radius:6px}.theme-swatch-bg{grid-row:1 / -1}.theme-card-name{font-size:clamp(15px,1.15vw,20px);font-weight:700}.theme-card-desc{font-size:clamp(12px,.85vw,14px);color:var(--color-text-secondary);line-height:1.35}.theme-card-badge{align-self:flex-start;font-size:clamp(10px,.7vw,12px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-primary);background:var(--color-primary);padding:.25em .55em;border-radius:var(--radius-pill)}.settings-preview{display:flex;flex-direction:column;gap:var(--space-md)}.preview-bar{height:clamp(48px,5vh,64px);border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-md);gap:var(--space-sm)}.preview-pill{height:28%;width:12%;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border)}.preview-pill.is-active{background:var(--color-primary)}.preview-cards{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.preview-card{border-radius:var(--radius-card);background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.preview-line{height:10px;border-radius:4px;background:var(--color-text-secondary);opacity:.35}.preview-line.short{width:55%}.preview-accent{margin-top:auto;height:8px;width:40%;border-radius:var(--radius-pill);background:var(--color-primary)}.preview-accent.alt{background:var(--color-secondary)}@media(max-width:1200px),(max-aspect-ratio:4/3){.tv-app{overflow:auto}.tv-main{overflow:visible}.tv-screen,.dash-grid{overflow:visible;height:auto}.dash-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.dash-grid>.tv-card:nth-child(1),.dash-grid>.tv-card-routine{grid-column:1 / -1;grid-row:auto}.tv-card{height:auto;min-height:200px}.tv-card-routine{min-height:320px}.routine-layout{grid-template-columns:1fr}.routine-list{grid-template-columns:1fr;max-height:280px;overflow:auto}.screen-cards,.settings-layout,.theme-grid{grid-template-columns:1fr}.tv-nav{overflow-x:auto}}@media(min-width:2560px){:root{--radius-card: 20px;--focus-width: 4px}}