:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#07060f;--bg-sky:#05060d;--panel:#141126e6;--panel-sheet:#141126db;--glass:#0f0c1e85;--glass-blur:34px;--glass-sat:155%;--border:#ffffff24;--border-soft:#ffffff14;--border-mid:#ffffff1a;--border-strong:#ffffff29;--shadow:0 26px 64px #00000085, inset 0 1px 0 #ffffff26;--shadow-panel:0 40px 90px #0009, inset 0 1px 0 #ffffff2e;--fill-1:#ffffff09;--fill-2:#ffffff0d;--fill-3:#ffffff12;--fill-4:#ffffff1f;--fill-on:#ffffffeb;--ink-on:#0d0a1c;--ink:#fff;--ink-1:#fffffff2;--ink-2:#ffffffb8;--ink-3:#ffffff80;--ink-4:#ffffff61;--ink-5:#ffffff3d;--accent:#8fd9ff;--accent-bright:#bfe9ff;--accent-tint:#8fd9ff26;--accent-ring:#8fd9ff9e;--now:#ff6b6b;--accent-ezra:#6fd3f7;--accent-livia:#c0aeff;--accent-family:#ffd166;--accent-sports:#7ee2a8;--accent-other:#8fd9ff;--status-overdue:#ff8f8f;--status-today:#ffc857;--status-week:#8fd9ff;--status-later:#ffffffb8;--status-done:#7ee2a8;--r-card:28px;--r-panel:28px;--r-inner:16px;--r-row:15px;--r-btn:13px;--r-seg:15px;--r-seg-btn:12px;--r-tab:9px;--r-cell:11px;--r-chip:6px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--page-pad:26px;--gap:18px;--card-pad-x:22px;--card-pad-y:18px;--touch:44px;--font-ui:"Manrope", "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-eyebrow:10.5px;--t-label:12px;--t-chip:13px;--t-body:16px;--t-title:15px;--t-lg:19px;--t-xl:26px;--t-num:42px;--ease:cubic-bezier(.4, 0, .2, 1);--header-h:44px;--min-row:0px;--grid-overflow:hidden;--background-image:none}@media (max-width:939px){:root{--r-card:24px;--page-pad:16px;--gap:14px;--card-pad-x:16px;--card-pad-y:14px;--t-num:34px;--min-row:150px;--grid-overflow:auto}}@media (min-width:1500px){:root{--r-card:32px;--page-pad:32px;--gap:20px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-1);height:100%;color:var(--ink);font-family:var(--font-ui);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.35;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--accent);text-decoration:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.muted{color:var(--ink-3)}.small{font-size:13px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:var(--t-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);font-weight:500}.background{z-index:0;background:var(--bg-sky);isolation:isolate;position:fixed;inset:0}.background__sky{width:100%;height:100%;display:block;position:absolute;inset:0}.background__photo{opacity:0;transition:opacity .9s var(--ease);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.background__photo.is-visible{opacity:1}.background__scrim{pointer-events:none;background:radial-gradient(120% 90% at 50% 0,#0000 40%,#04030a80 100%);position:absolute;inset:0}.page{z-index:1;height:100dvh;padding:calc(var(--page-pad) + env(safe-area-inset-top,0px)) calc(var(--page-pad) + env(safe-area-inset-right,0px)) calc(var(--page-pad) + env(safe-area-inset-bottom,0px)) calc(var(--page-pad) + env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:relative}.topbar{text-shadow:0 1px 12px #0009;flex:none;align-items:baseline;gap:14px;padding:0 6px 16px;display:flex}.topbar__date{letter-spacing:-.015em;color:#fffffff0;font-size:21px;font-weight:600}.topbar__time{font-family:var(--font-mono);color:#fff9;font-size:20px;font-weight:500}@media (max-width:939px){.topbar__date{font-size:18px}.topbar__time{font-size:17px}}.grid{min-height:0;overflow:var(--grid-overflow);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-template-rows:repeat(var(--rows), minmax(var(--min-row), 1fr));grid-auto-rows:minmax(var(--min-row), 1fr);grid-auto-flow:dense;gap:var(--gap);scrollbar-width:none;flex:auto;display:grid}.grid::-webkit-scrollbar{display:none}.grid__empty{color:var(--ink-3);text-align:center;grid-column:1/-1;place-items:center;display:grid}.widget{grid-column:span var(--w);grid-row:span var(--h);border-radius:var(--r-card);background:var(--glass);min-width:0;min-height:0;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.widget__title{padding:var(--card-pad-y) var(--card-pad-x) 12px;flex-wrap:wrap;flex:none;align-items:center;gap:8px 12px;display:flex}.widget__icon{color:var(--accent);display:inline-flex}.widget__icon svg{stroke-width:1.8px}.widget__name{font-size:var(--t-title);letter-spacing:-.005em;color:var(--ink-1);font-weight:600}.widget__subtitle{font-family:var(--font-mono);font-size:var(--t-label);letter-spacing:.04em;color:#ffffff70;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.widget__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.widget__controls--floating{z-index:3;position:absolute;top:14px;right:14px}.widget__body{min-height:0;padding:0 var(--card-pad-x) var(--card-pad-y);flex-direction:column;flex:auto;display:flex;position:relative}.widget--chromeless .widget__body{padding:0}.widget__state{text-align:center;padding:var(--card-pad-x);background:var(--glass);color:var(--ink-2);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.widget__state--loading{padding-top:calc(var(--touch) + 20px);justify-content:flex-start;align-items:stretch}.widget__state-title{color:var(--ink);margin:0;font-weight:600}.widget__state-detail{color:var(--ink-3);word-break:break-word;max-width:44ch;margin:0;font-size:13px}.widget__state-icon{color:var(--status-overdue)}.skeleton{border-radius:var(--r-chip);background:linear-gradient(90deg, var(--fill-1), var(--fill-4), var(--fill-1));background-size:200% 100%;animation:1.6s linear infinite shimmer}.skeleton--line{width:60%;height:14px}.skeleton--line.short{width:35%}.skeleton--block{flex:1;min-height:40px}@keyframes shimmer{to{background-position:-200% 0}}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--r-btn);border:1px solid var(--border-mid);background:var(--fill-2);color:#ffffffb3;transition:background .12s var(--ease), color .12s var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover,.icon-btn:focus-visible{background:var(--fill-4);color:var(--ink)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn--sm{border-radius:11px;width:36px;height:36px}.icon-btn--plain{background:0 0;border-color:#0000}.sheet__close{border-radius:14px;font-size:20px;line-height:1}.btn{height:var(--touch);border-radius:var(--r-btn);border:1px solid var(--border-mid);background:var(--fill-2);color:#fffc;white-space:nowrap;transition:background .12s var(--ease), color .12s var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover,.btn:focus-visible{background:var(--fill-4);color:var(--ink)}.btn--lg{border-radius:var(--r-inner);height:50px;padding:0 22px;font-size:15px;font-weight:700}.btn--tint{--chip:var(--accent);background:color-mix(in srgb, var(--chip) 20%, transparent);border-color:color-mix(in srgb, var(--chip) 42%, transparent);color:var(--chip)}.btn--tint:hover{background:color-mix(in srgb, var(--chip) 30%, transparent);color:var(--chip)}.btn--done{color:#8ff0bb;background:#7ee2a824;border:1px solid #7ee2a859;border-radius:11px;flex-shrink:0;height:34px;padding:0 14px;font-size:12.5px;font-weight:700}.btn--done:hover{color:#8ff0bb;background:#7ee2a83d}.btn--block{border-radius:var(--r-row);border-color:var(--border-strong);background:var(--fill-3);color:#ffffffc7;width:100%}.btn--danger{color:var(--status-overdue)}.segmented{border-radius:var(--r-seg);background:var(--fill-3);border:1px solid #ffffff17;gap:3px;padding:3px;display:inline-flex}.segmented__btn{border-radius:var(--r-seg-btn);color:#ffffff9e;letter-spacing:-.005em;min-width:60px;height:38px;transition:background .12s var(--ease), color .12s var(--ease);padding:0 16px;font-size:13.5px;font-weight:700}.segmented__btn[aria-pressed=true]{background:var(--fill-on);color:var(--ink-on)}.segmented--sm{border-radius:14px}.segmented--sm .segmented__btn{border-radius:var(--r-tab);color:#ffffff8f;min-width:0;height:32px;padding:0 14px;font-size:12.5px;font-weight:600}.segmented--sm .segmented__btn[aria-pressed=true]{color:var(--ink-on);background:#ffffffe6}.live{font-family:var(--font-mono);font-size:var(--t-eyebrow);letter-spacing:.06em;color:#86eface6;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.live__dot{background:#86efac;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite fo-pulse}.live--stale{color:#ffc857e6}.live--stale .live__dot{background:var(--status-today);animation:none}.live--error{color:#ff8f8fe6}.live--error .live__dot{background:var(--status-overdue);animation:none}@keyframes fo-pulse{0%,to{opacity:1}50%{opacity:.35}}.switch{flex:none;width:48px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch__track{border-radius:var(--r-pill);transition:background .15s var(--ease);background:#ffffff26;position:absolute;inset:0}.switch__track:after{content:"";width:22px;height:22px;transition:transform .15s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--status-done)}.switch input:checked+.switch__track:after{transform:translate(20px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--ink);outline-offset:2px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field--inline{flex-direction:row;justify-content:space-between;align-items:center}.field__label{color:var(--ink-3);font-size:13px}.field select,.field input[type=number],.field input[type=text]{border:1px solid var(--border-mid);height:40px;color:var(--ink);background:#00000040;border-radius:11px;padding:0 12px}.field input[type=checkbox]{width:22px;height:22px}.fab{z-index:35;touch-action:none;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffb8;cursor:grab;-webkit-user-select:none;user-select:none;background:#1411269e;border-radius:17px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:fixed;box-shadow:0 10px 30px #00000073}.fab:hover{color:var(--ink)}.fab.is-dragging{cursor:grabbing;box-shadow:0 10px 30px #00000073, 0 0 0 2px var(--accent-ring)}.sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .16s var(--ease);background:#04030a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sheet{border-radius:var(--r-panel);background:var(--panel-sheet);-webkit-backdrop-filter:blur(40px)saturate(160%);backdrop-filter:blur(40px)saturate(160%);border:1px solid var(--border-strong);width:520px;max-width:100%;max-height:100%;box-shadow:var(--shadow-panel);animation:pop-in .2s var(--ease);outline:none;flex-direction:column;display:flex;overflow:hidden}.sheet--full{background:var(--panel);width:720px;height:min(88dvh,940px)}.sheet__bar{background:var(--chip,transparent);flex:none;height:4px}.sheet__head{flex:none;align-items:flex-start;gap:14px;padding:24px 26px 0;display:flex}.sheet__title{letter-spacing:-.02em;min-width:0;color:var(--ink);flex:1;font-size:22px;font-weight:700}.sheet__body{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:18px 26px 26px;overflow:auto}@media (max-width:939px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet,.sheet--full{border-radius:var(--r-panel) var(--r-panel) 0 0;width:100%;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0}.sheet__head{padding:20px 20px 0}.sheet__body{padding:16px 20px 22px}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{transform:translateY(12px)scale(.985)}}.settings__section{border-top:1px solid var(--border-mid);padding:18px 0}.settings__section:first-child{border-top:0;padding-top:0}.settings__h{margin:0 0 10px}.settings__note{color:#ffffff75;margin:8px 0 0;font-size:13px}.bg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bg-thumb{aspect-ratio:4/3;background:var(--fill-2) center / cover no-repeat;border:1.5px solid var(--border-mid);color:var(--ink-2);border-radius:14px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.bg-thumb.is-active{border-color:#8fd9ffbf;box-shadow:0 0 0 1px #8fd9ff4d}.bg-thumb--sky{background-color:#05060d;background-image:radial-gradient(60% 60% at 70% 30%,#543cb499,#0000 70%),radial-gradient(50% 50% at 25% 75%,#286eaa80,#0000 70%)}.bg-thumb__name{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#00000073;width:100%;padding:6px 10px;font-size:12px;overflow:hidden}.bg-thumb__check{background:var(--accent);width:24px;height:24px;color:var(--ink-on);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mode-opt{text-align:left;color:#ffffffb8;border:1.5px solid var(--border-mid);transition:background .12s var(--ease), border-color .12s var(--ease);background:#ffffff0a;border-radius:20px;padding:16px 18px;display:block}.mode-opt:disabled{opacity:.45;cursor:default}.mode-opt.is-active{color:#fff;background:#8fd9ff24;border-color:#8fd9ffbf}.mode-opt__title{letter-spacing:-.01em;font-size:16px;font-weight:700;display:block}.mode-opt__sub{color:#ffffff8f;margin-top:4px;font-size:13px;display:block}.settings__widgets{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.settings__widget{border:1px solid var(--border-soft);border-radius:var(--r-inner);background:var(--fill-1);padding:8px 12px}.settings__widget-row{min-height:var(--touch);align-items:center;gap:12px;display:flex}.settings__widget-name{flex:1;font-weight:600}.settings__reorder{gap:4px;display:inline-flex}.settings__fields{border-top:1px solid var(--border-soft);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:6px;padding:10px 0 6px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
