:root{color-scheme:dark;--atmos-bg: #0a0a0a;--atmos-surface: #171717;--atmos-surface-raised: #262626;--atmos-border: rgba(255, 255, 255, .1);--atmos-border-strong: rgba(255, 255, 255, .18);--atmos-border-dashed: rgba(255, 255, 255, .25);--atmos-fg: #ffffff;--atmos-fg-medium: #d4d4d4;--atmos-fg-low: #a3a3a3;--atmos-fg-faint: #8a8a8a;--atmos-brand: #8cff70;--atmos-brand-hover: #a3ff8c;--atmos-brand-press: #67da46;--atmos-brand-wash: rgba(140, 255, 112, .12);--atmos-brand-halo: rgba(140, 255, 112, .15);--atmos-on-brand: #1c1610;--atmos-amber: #ffb547;--atmos-amber-text: #ffc46b;--atmos-amber-wash: rgba(255, 181, 71, .14);--atmos-bulb: #ffe066;--atmos-danger: #f23a48;--atmos-radius-control: 16px;--atmos-radius-card: 24px;--atmos-font-display: "LOXONE Sans", "Helvetica Neue", Arial, sans-serif;--atmos-font-ui: "LOXONE Sans Office", "LOXONE Sans", "Helvetica Neue", Arial, sans-serif;font-family:var(--atmos-font-ui);letter-spacing:.01em}*{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:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.column{width:min(480px,100%);display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}.wordmark{font-family:var(--atmos-font-display);font-weight:600;font-size:18px;letter-spacing:.12em}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.pill__dot{width:8px;height:8px;border-radius:999px;background:currentColor}.pill--live{background:var(--atmos-brand-wash);color:var(--atmos-brand)}.pill--busy{background:var(--atmos-amber-wash);color:var(--atmos-amber-text)}.pill--busy .pill__dot{background:var(--atmos-amber)}.pill--off{background:var(--atmos-surface-raised);color:var(--atmos-fg-medium)}.pill--off .pill__dot{background:var(--atmos-fg-low)}.notice{margin:16px 0 0;padding:12px 14px;border-radius:var(--atmos-radius-control);border:1px solid rgba(242,58,72,.35);background:#f23a481a;color:#ff8a92;font-size:14px;line-height:1.4}.overline{margin:0;font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--atmos-fg-low)}.headline{margin:0;font-family:var(--atmos-font-display);font-weight:400;font-size:36px;line-height:1.04;letter-spacing:-.015em}.headline--large{font-size:40px}.brand{color:var(--atmos-brand)}.lead{margin:0;font-size:16px;line-height:1.45;color:var(--atmos-fg-medium)}.lead strong{color:var(--atmos-fg);font-weight:600}.lead--spaced{margin-top:20px}.intro{display:flex;flex-direction:column;gap:10px;margin-top:22px}.block{display:flex;flex-direction:column;gap:10px;margin-top:20px}.block__head{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.block__meta{font-size:12px;color:var(--atmos-fg-low)}.card{background:var(--atmos-surface);border:1px solid var(--atmos-border)}.now{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px 14px;border-radius:var(--atmos-radius-control)}.block .now{margin-top:0}.now__icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--atmos-surface-raised);color:var(--atmos-bulb)}.now__icon--off{color:var(--atmos-fg-low)}.now__text{display:flex;flex-direction:column;gap:2px;min-width:0}.now__label{font-size:12px;color:var(--atmos-fg-low)}.now__mood{font-size:15px;font-weight:600}.now__timer{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.now__clock{font-size:13px;font-weight:600;color:var(--atmos-amber-text);font-variant-numeric:tabular-nums}.track{display:block;width:72px;height:4px;border-radius:999px;background:var(--atmos-surface-raised);overflow:hidden}.track__fill{display:block;height:100%;border-radius:999px;background:var(--atmos-amber);transition:width 1s linear}.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:step}.steps li{position:relative;display:flex;flex-direction:column;gap:2px;padding-left:38px;min-height:26px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;border:1px solid var(--atmos-brand);color:var(--atmos-brand);font-size:13px;font-weight:600}.steps__title{font-size:15px;font-weight:600}.steps__text{font-size:14px;line-height:1.4;color:var(--atmos-fg-low)}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--atmos-surface);border:1px solid var(--atmos-border);font-size:13px}.chip__dot{width:10px;height:10px;border-radius:999px;flex:none}.chip--more{background:transparent;border-style:dashed;border-color:var(--atmos-border-dashed);color:var(--atmos-fg-low)}.hero{display:flex;align-items:center;gap:20px;margin-top:20px;padding:16px;border-radius:var(--atmos-radius-card)}.hero__text{display:flex;flex-direction:column;gap:6px;min-width:0}.hero__headline{margin:0;font-size:20px;line-height:1.2;font-weight:600}.hero__position{margin:0;font-size:15px;font-weight:600;color:var(--atmos-fg-medium)}.hero__sub{margin:0;font-size:14px;line-height:1.4;color:var(--atmos-fg-low)}.ring{position:relative;flex:none;width:104px;height:104px}.ring svg{display:block}.ring__track,.ring__fill{fill:none;stroke-width:8}.ring__track{stroke:var(--atmos-surface-raised)}.ring__fill{stroke:var(--atmos-brand);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s ease}.ring__fill--urgent{stroke:var(--atmos-amber)}.ring__label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring__value{font-family:var(--atmos-font-display);font-size:26px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.timer--urgent{color:var(--atmos-amber-text)}.ring__unit{margin-top:4px;font-size:11px;color:var(--atmos-fg-low)}.moods{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mood{width:100%;display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:var(--atmos-radius-control);border:2px solid rgba(255,255,255,.08);background:var(--atmos-surface);color:var(--atmos-fg);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.mood:hover:not(:disabled){border-color:var(--atmos-border-strong)}.mood:focus-visible{outline:2px solid var(--atmos-brand);outline-offset:2px}.mood:disabled{cursor:default}.mood--active{border-color:var(--atmos-brand);box-shadow:0 0 0 4px var(--atmos-brand-halo)}.mood--locked{opacity:.5}.mood__swatch{display:block;height:72px}.mood__row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px 12px}.mood__name{font-size:14px;font-weight:600}.mood__badge{flex:none;padding:3px 8px;border-radius:999px;background:var(--atmos-brand);color:var(--atmos-on-brand);font-size:11px;font-weight:600}.mood__cooldown{flex:none;font-size:12px;color:var(--atmos-fg-low);font-variant-numeric:tabular-nums}.cooldown{margin:12px 0 0;height:3px;border-radius:2px;background:var(--atmos-surface-raised);overflow:hidden}.cooldown__bar{height:100%;background:var(--atmos-amber);transition:width 1s linear}.closing{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px 0}.footer{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px}.footer__note{margin:0;text-align:center;font-size:14px;line-height:1.4;color:var(--atmos-fg-medium)}.footer__note strong{color:var(--atmos-fg);font-weight:600}.footer__hint{margin:0;text-align:center;font-size:12px;line-height:1.4;color:var(--atmos-fg-faint)}.footer__pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button{font:inherit;min-height:52px;padding:8px 16px;border:0;border-radius:var(--atmos-radius-control);display:flex;align-items:center;justify-content:center;width:100%;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.button:focus-visible{outline:2px solid var(--atmos-brand);outline-offset:2px}.button--primary{min-height:56px;font-size:17px;background:var(--atmos-brand);color:var(--atmos-on-brand)}.button--primary:hover:not(:disabled){background:var(--atmos-brand-hover)}.button--primary:active:not(:disabled){background:var(--atmos-brand-press)}.button--outline{background:transparent;border:1px solid var(--atmos-border-strong);color:var(--atmos-fg)}.button--outline:hover{border-color:#ffffff52}.button--quiet{min-height:44px;background:transparent;color:var(--atmos-fg-low);font-weight:400;font-size:14px}.button:disabled{opacity:.45;cursor:default}@media(max-width:360px){.headline{font-size:30px}.headline--large{font-size:34px}.hero{gap:14px}}@media(prefers-reduced-motion:reduce){.cooldown__bar,.track__fill,.ring__fill{transition:none}}