:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--surface:#f2f4f7;--text:#0b1220;--text-muted:#374151;--border:#5b6574;--topbar-bg:#0b1220;--topbar-text:#fff;--accent:#b1f520;--accent-text:#0b1220;--warning-bg:#ffd60a;--warning-text:#0b1220;--info-bg:#0b1220;--info-text:#fff;--focus:#1d4ed8;--radius:12px;--space:16px;--tap:48px;--tap-main:56px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1220;--surface:#172133;--text:#f5f7fa;--text-muted:#cbd2dc;--border:#8b97aa;--topbar-bg:#000;--topbar-text:#fff;--info-bg:#f5f7fa;--info-text:#0b1220;--focus:#b1f520}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.5}h1,p{margin:0}button,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:8px var(--space);padding-top:max(8px, env(safe-area-inset-top));padding-left:max(var(--space), env(safe-area-inset-left));padding-right:max(var(--space), env(safe-area-inset-right));background:var(--topbar-bg);color:var(--topbar-text);justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar__title{flex-direction:column;min-width:0;display:flex}.topbar__app{font-size:20px;font-weight:700}.topbar__account{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.content{width:100%;max-width:40rem;padding:24px var(--space);padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(var(--space), env(safe-area-inset-left));padding-right:max(var(--space), env(safe-area-inset-right));flex:1;margin:0 auto}.language{flex-shrink:0;align-items:center;display:flex;position:relative}.language__icon{fill:none;stroke:currentColor;stroke-width:1.8px;pointer-events:none;width:20px;height:20px;position:absolute;left:12px}.language__select{min-height:var(--tap);border:2px solid var(--topbar-text);border-radius:var(--radius);color:var(--topbar-text);cursor:pointer;background:0 0;padding:0 14px 0 40px;font-size:17px}.language__select option{color:#0b1220;background:#fff}.language__select:focus-visible{outline-color:var(--accent)}.statusbar:empty{display:none}.statusbar__offline,.statusbar__pending{padding:12px var(--space);font-weight:600}.statusbar__offline{background:var(--warning-bg);color:var(--warning-text)}.statusbar__pending{background:var(--info-bg);color:var(--info-text);border-top:1px solid var(--border)}.loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding-top:64px;display:flex}.spinner{border:4px solid var(--surface);border-top-color:var(--text);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.tasks__title,.notice__title{font-size:26px;line-height:1.25}.empty{padding:24px var(--space);border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;margin-top:24px}.empty__title{font-size:20px;font-weight:700}.empty__text{color:var(--text-muted);margin-top:8px}.notice{flex-direction:column;gap:16px;padding-top:24px;display:flex}.notice__text{color:var(--text-muted)}.button{width:100%;min-height:var(--tap-main);border:2px solid var(--accent-text);border-radius:var(--radius);background:var(--accent);color:var(--accent-text);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;margin-top:8px;padding:12px 20px;font-size:20px;font-weight:700;display:flex}.button:active{transform:translateY(1px)}.boot{justify-content:center;padding-top:96px;display:flex}@media (forced-colors:active){.button,.language__select,.empty{border-color:canvastext}}