:root{color-scheme:dark;--bg: #0a0c12;--surface: #151924;--surface-raised: #1d2230;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text: #f2f5fa;--text-muted: #a6b0c3;--text-faint: #7f8aa0;--accent: #4b8ef7;--accent-strong: #2f6fe0;--accent-soft: rgba(75, 142, 247, .22);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--radius-lg: 22px;--radius-md: 13px;--radius-sm: 9px;--gap: 16px;--shadow-card: 0 18px 40px rgba(0, 0, 0, .45);--ease: cubic-bezier(.2, .7, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%}body{height:100%;background:radial-gradient(120% 90% at 50% 0%,#131829 0%,var(--bg) 62%);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;overscroll-behavior:none;touch-action:manipulation}#app{display:flex;flex-direction:column;height:100dvh;max-width:460px;margin-inline:auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px 12px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand__name{color:var(--text);font-size:1rem;font-weight:650;letter-spacing:-.015em}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.76rem;font-weight:600;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex:none}.status-pill--online .status-dot{background:var(--success);box-shadow:0 0 0 3px #34d3992e}.status-pill--warn .status-dot{background:var(--warning);animation:pulse 1.6s var(--ease) infinite}.status-pill--offline .status-dot{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.screen{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:var(--gap);min-height:0}.screen--remote{justify-content:stretch;gap:12px;padding-block:var(--gap) 0}.screen--remote>.btn{flex:none;min-height:46px;padding-block:11px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 22px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px}.card--centered{align-items:center;text-align:center}.card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border);color:var(--accent);flex:none}.card__title{font-size:1.28rem;font-weight:680;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere}.card__body{color:var(--text-muted);font-size:.93rem;text-wrap:pretty}.card__meta{color:var(--text-faint);font-size:.82rem;font-weight:550}.field{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left}.field__label{font-size:.73rem;font-weight:660;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.field__input{width:100%;padding:14px 15px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg);color:var(--text);font:inherit;font-size:1rem;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.field__input::placeholder{color:var(--text-faint)}.field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{width:100%;padding:15px 18px;border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-size:1rem;font-weight:640;cursor:pointer;min-height:52px;transition:transform .1s var(--ease),background-color .18s var(--ease),opacity .18s var(--ease)}.btn--primary{background:var(--accent);color:#06101f;box-shadow:0 8px 22px var(--accent-soft)}.btn--primary:active:not(:disabled){transform:scale(.985);background:var(--accent-strong)}.btn--tall{min-height:62px;font-size:1.1rem}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-muted)}.btn--ghost:active{background:var(--surface);color:var(--text)}.btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.timer{flex:1;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.timer__value{font-size:clamp(2.25rem,min(19vw,15dvh),5.5rem);font-weight:300;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}@supports (container-type: size){.timer{container-type:size}.timer__value{font-size:min(19vw,44cqh,5.5rem)}}.timer.is-paused .timer__value{color:var(--text-muted)}.timer__controls{display:flex;gap:8px}.timer__btn{min-height:40px;padding:0 18px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:.84rem;font-weight:620;cursor:pointer;transition:background-color .18s var(--ease),color .18s var(--ease)}.timer__btn:active{background:var(--surface-raised);color:var(--text)}@media(max-height:680px){.timer{flex-direction:row;gap:14px;padding-block:8px}.timer__value{font-size:min(13vw,2.6rem)}}.control-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex:none}.control-bar__badge{font-size:.83rem;font-weight:660;color:var(--success)}.control-bar__meta{font-size:.78rem;color:var(--text-faint)}.clicker-pad{flex:0 1 auto;height:50dvh;min-height:0;display:flex;flex-direction:column;gap:12px}.clicker{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-lg);color:#fff;font:inherit;cursor:pointer;position:relative;overflow:hidden;transition:transform .07s var(--ease),filter .07s var(--ease),box-shadow .2s var(--ease)}.clicker--next{flex:1.55;background:linear-gradient(180deg,#4b8ef7,#2f6fe0);box-shadow:0 12px 30px #2f6fe04d}.clicker--back{flex:.85;background:var(--surface-raised);border-color:var(--border-strong);color:var(--text)}.clicker svg{stroke-width:3}.clicker__label{font-size:1.05rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.clicker--next .clicker__label{font-size:1.2rem}.clicker:active:not(:disabled){transform:scale(.98);filter:brightness(1.1)}.clicker:disabled{opacity:.35;cursor:not-allowed}.clicker.is-sending:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:#ffffffd9;transform-origin:left;animation:sending 2.5s linear forwards}@keyframes sending{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.clicker.is-delivered{animation:delivered .32s var(--ease)}@keyframes delivered{0%{box-shadow:0 0 #34d3998c}to{box-shadow:0 0 0 16px #34d39900}}.toast{position:fixed;left:50%;top:calc(max(12px,env(safe-area-inset-top)) + 58px);transform:translate(-50%,-12px);max-width:min(88vw,400px);padding:11px 18px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-raised);color:var(--text);font-size:.86rem;font-weight:600;text-align:center;box-shadow:0 14px 32px #0000008c;opacity:0;pointer-events:none;z-index:100;transition:opacity .22s var(--ease),transform .22s var(--ease)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast--error{border-color:#f8717180;color:#ffd9d9}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}