:root{color-scheme:dark;--atmos-bg: linear-gradient(180deg, rgb(14, 14, 14) 0%, rgb(20, 20, 20) 100%);--atmos-surface: rgba(255, 255, 255, .05);--atmos-surface-selected: rgba(255, 255, 255, .15);--atmos-border: rgba(255, 255, 255, .1);--atmos-fg: rgb(255, 255, 255);--atmos-fg-medium: rgba(255, 255, 255, .8);--atmos-fg-low: rgba(255, 255, 255, .5);--atmos-fg-inverted: rgb(0, 0, 0);--atmos-inactive: rgb(174, 174, 174);--atmos-dot-border: rgba(174, 174, 174, .4);--atmos-brand: rgb(141, 255, 112);--atmos-yellow: rgb(255, 230, 71);--atmos-orange: rgb(255, 125, 48);--atmos-bar-track: rgba(255, 255, 255, .15);--atmos-radius: 14px;--atmos-radius-row: 8px;font-family:Loxone-Regular,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--atmos-bg);color:var(--atmos-fg)}.atmos{min-height:100dvh;display:flex;justify-content:center;padding:0 14px 20px}.column{width:min(480px,100%);display:flex;flex-direction:column}.notice{margin:12px 0 0;padding:12px 14px;border-radius:var(--atmos-radius);background:var(--atmos-surface);color:var(--atmos-orange);font-size:14px}.frame{flex:1;display:flex;flex-direction:column}.frame__bar{margin:0;padding:16px 0 4px;font-size:15px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.frame__status{text-align:center;padding:14px 0 20px}.frame__caption{margin:0 0 16px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--atmos-fg-low)}.frame__badge{width:62px;height:62px;margin:0 auto;border-radius:50%;background:var(--atmos-surface);display:grid;place-items:center;color:var(--atmos-yellow)}.frame__badge--idle{color:var(--atmos-inactive)}.frame__focal{margin:16px 0 0;font-size:26px;font-weight:700;line-height:1.15}.frame__focal--number{font-size:46px;line-height:1}.frame__focal--urgent{color:var(--atmos-orange)}.frame__unit{font-size:14px;font-weight:400;color:var(--atmos-fg-low)}.frame__sub{margin:8px 0 0;font-size:14px;color:var(--atmos-fg-low)}.frame__lead{margin:12px 0 0;font-size:15px;line-height:1.4;color:var(--atmos-fg-medium)}.frame__body{flex:1;display:flex;flex-direction:column}.actions{margin-top:auto;display:grid;gap:8px}.actions__note{margin:0 0 2px;text-align:center;font-size:14px;color:var(--atmos-fg-low)}button,.button,.button--primary,.button--quiet{font:inherit;min-height:52px;padding:8px 14px;border:0;border-radius:var(--atmos-radius-row);background:var(--atmos-surface);color:var(--atmos-fg-medium);cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:16px}.button--primary{background:var(--atmos-brand);color:var(--atmos-fg-inverted);font-weight:700}.button--quiet{background:transparent;border:1px solid var(--atmos-border);color:var(--atmos-fg-low)}button:disabled:not(.mood){opacity:.45;cursor:default}.mood:disabled{cursor:default}.moods{list-style:none;margin:0;padding:0;display:grid;gap:4px}.mood{justify-content:flex-start;text-align:left}.mood--active{background:var(--atmos-surface-selected);color:var(--atmos-fg);font-weight:700}.mood--locked{color:var(--atmos-inactive)}.mood__dot{margin-left:auto;width:13px;height:13px;border-radius:50%;border:2px solid var(--atmos-dot-border);flex:none}.mood--active .mood__dot{border-color:var(--atmos-brand);background:var(--atmos-brand)}.mood__cooldown{margin-left:auto;font-size:12px;color:var(--atmos-inactive)}.cooldown{margin:12px 0 0;height:3px;border-radius:2px;background:var(--atmos-bar-track);overflow:hidden}.cooldown__bar{height:100%;background:var(--atmos-yellow);transition:width 1s linear}@media(prefers-reduced-motion:reduce){.cooldown__bar{transition:none}}