@custom-variant dark (&:is(.dark *));:root{--font-size:16px;--background:#f5f3ef;--foreground:#1c1c1e;--card:hsla(0,0%,100%,.85);--card-foreground:#1c1c1e;--popover:hsla(0,0%,100%,.95);--popover-foreground:#1c1c1e;--primary:#34c759;--primary-foreground:#fff;--secondary:#f2f2f7;--secondary-foreground:#1c1c1e;--muted:#e5e5ea;--muted-foreground:#8e8e93;--accent:#ffd60a;--accent-foreground:#1c1c1e;--destructive:#ff3b30;--destructive-foreground:#fff;--success:#34c759;--warning:#ff9500;--info:#007aff;--calm:#5ac8fa;--border:rgba(60,60,67,.12);--input:transparent;--input-background:hsla(240,3%,49%,.12);--switch-background:#e5e5ea;--font-weight-medium:500;--font-weight-normal:400;--ring:#34c759;--chart-1:#34c759;--chart-2:#5ac8fa;--chart-3:#007aff;--chart-4:#ff9500;--chart-5:#af52de;--radius:1.25rem;--sidebar:rgba(242,242,247,.8);--sidebar-foreground:#1c1c1e;--sidebar-primary:#34c759;--sidebar-primary-foreground:#fff;--sidebar-accent:hsla(240,3%,49%,.12);--sidebar-accent-foreground:#1c1c1e;--sidebar-border:rgba(60,60,67,.12);--sidebar-ring:#34c759}.dark{--background:#000;--foreground:#f5f5f7;--card:rgba(28,28,30,.85);--card-foreground:#f5f5f7;--popover:rgba(28,28,30,.95);--popover-foreground:#f5f5f7;--primary:#30d158;--primary-foreground:#000;--secondary:#1c1c1e;--secondary-foreground:#f5f5f7;--muted:#2c2c2e;--muted-foreground:#98989d;--accent:#ffd60a;--accent-foreground:#000;--destructive:#ff453a;--destructive-foreground:#000;--success:#30d158;--warning:#ff9f0a;--info:#0a84ff;--calm:#64d2ff;--border:hsla(0,0%,100%,.12);--input:hsla(0,0%,100%,.12);--input-background:hsla(240,3%,49%,.24);--switch-background:#2c2c2e;--ring:#30d158;--chart-1:#30d158;--chart-2:#64d2ff;--chart-3:#0a84ff;--chart-4:#ff9f0a;--chart-5:#bf5af2;--sidebar:rgba(28,28,30,.8);--sidebar-foreground:#f5f5f7;--sidebar-primary:#30d158;--sidebar-primary-foreground:#000;--sidebar-accent:hsla(240,3%,49%,.24);--sidebar-accent-foreground:#f5f5f7;--sidebar-border:hsla(0,0%,100%,.12);--sidebar-ring:#30d158}@media (prefers-color-scheme:dark){:root:not(.light){--background:#000;--foreground:#f5f5f7;--card:rgba(28,28,30,.85);--card-foreground:#f5f5f7;--popover:rgba(28,28,30,.95);--popover-foreground:#f5f5f7;--primary:#30d158;--primary-foreground:#000;--secondary:#1c1c1e;--secondary-foreground:#f5f5f7;--muted:#2c2c2e;--muted-foreground:#98989d;--accent:#ffd60a;--accent-foreground:#000;--destructive:#ff453a;--destructive-foreground:#000;--success:#30d158;--warning:#ff9f0a;--info:#0a84ff;--calm:#64d2ff;--border:hsla(0,0%,100%,.12);--input:hsla(0,0%,100%,.12);--input-background:hsla(240,3%,49%,.24);--switch-background:#2c2c2e;--ring:#30d158;--chart-1:#30d158;--chart-2:#64d2ff;--chart-3:#0a84ff;--chart-4:#ff9f0a;--chart-5:#bf5af2;--sidebar:rgba(28,28,30,.8);--sidebar-foreground:#f5f5f7;--sidebar-primary:#30d158;--sidebar-primary-foreground:#000;--sidebar-accent:hsla(240,3%,49%,.24);--sidebar-accent-foreground:#f5f5f7;--sidebar-border:hsla(0,0%,100%,.12);--sidebar-ring:#30d158}}@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-border:var(--border);--color-input:var(--input);--color-input-background:var(--input-background);--color-switch-background:var(--switch-background);--color-ring:var(--ring);--color-success:var(--success);--color-warning:var(--warning);--color-info:var(--info);--color-calm:var(--calm);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px)}@layer base{body{background-color:var(--background,Canvas);color:var(--foreground,CanvasText);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root:not(.light){color-scheme:dark}}}.glass-card{background:var(--card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.glass-strong{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-card{background:hsla(0,0%,100%,.95)}.dark .glass-card{background:rgba(28,28,30,.95)}}:where(a,button,input,textarea,select,[role=button],.card,.glass-card){transition-property:background-color,border-color,color,fill,stroke,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:var(--background);--card:var(--card);--border:var(--border);--text:var(--foreground);--muted:var(--muted-foreground);--accent:var(--foreground);--radius:calc(var(--radius));--stage-reserve-px:240px;--card-scale:1}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}body,html{margin:0;overflow-x:hidden;overscroll-behavior-y:contain}#__next,body,body>div:first-child,html{min-height:100svh}@supports (height:100dvh){#__next,body,body>div:first-child,html{min-height:100dvh}}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:rgba(0,0,0,0)}:where(button,a,[role=button],.no-select){-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}:where(html,body,input,textarea,select,.allow-select){-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.container{max-width:980px;margin:0 auto;padding:16px;padding-bottom:calc(var(--bottom-nav-height, 0px) + 16px)}.fullheight{min-height:100svh;display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px}.row.gap{gap:10px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack-lg{gap:20px}.stack-lg,.stack-md{display:flex;flex-direction:column}.stack-md{gap:12px}.section{padding:16px}.h1{font-size:24px;font-weight:800;letter-spacing:.2px}.title-center{text-align:center;margin-top:4px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.label{font-size:12px;color:var(--muted);margin-bottom:6px;display:block}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);outline:none}.input:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 25%,transparent)}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.btn.ghost{background:transparent}.time-click{cursor:pointer}.file{position:relative;display:flex;align-items:center;gap:10px;border:1px dashed var(--border);border-radius:12px;padding:8px 10px;background:color-mix(in oklab,var(--card) 90%,transparent)}.file.wide{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:12px;padding:10px 12px}.file input{display:none}.file-btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);cursor:pointer;white-space:nowrap}.file-name{color:var(--muted);font-size:13px;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-btn.small{font-size:13px;padding:8px 12px;border-radius:10px}.file-name.small{font-size:12px;line-height:1.2}.avatar{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--card);display:grid;place-items:center;overflow:hidden;flex:0 0 42px}.avatar img{width:100%;height:100%;object-fit:cover}.progress{position:relative;height:12px;border-radius:999px;overflow:hidden;background:color-mix(in oklab,var(--card) 70%,var(--border))}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--success),color-mix(in oklab,var(--success) 70%,var(--primary)))}.progress--rank>i{background:linear-gradient(90deg,var(--info),color-mix(in oklab,var(--info) 70%,var(--calm)))}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;padding:8px 16px calc(10px + env(safe-area-inset-bottom));border-radius:0;background:rgba(10,12,14,.96);border-top:1px solid hsla(0,0%,100%,.06);box-shadow:0 -12px 32px rgba(0,0,0,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .24s ease,opacity .16s ease}.bottom-nav[data-ready="0"]{opacity:0;transform:translateY(100%);pointer-events:none}.bottom-nav__rail{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative}.bottom-nav__highlight{position:absolute;top:4px;bottom:4px;border-radius:999px;background:linear-gradient(140deg,rgba(26,143,107,.78),rgba(26,143,107,.58));border:1px solid rgba(214,245,237,.45);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35),inset 0 -1px 0 rgba(0,0,0,.18),0 10px 24px rgba(26,143,107,.42);backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);pointer-events:none;transform:translateZ(0);transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1);z-index:0;will-change:transform,width}.bottom-nav__highlight:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,hsla(0,0%,100%,.42),hsla(0,0%,100%,.05));opacity:.75;pointer-events:none}.bottom-nav__tab{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-items:center;gap:5px;padding:6px;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.01em;color:hsla(0,0%,100%,.58);border-radius:18px;transition:color .18s ease,background .18s ease,transform .18s ease;position:relative;z-index:1}.bottom-nav__tab:active{transform:scale(.94)}.bottom-nav__tab:focus-visible{outline:2px solid color-mix(in oklab,var(--primary),transparent 65%);outline-offset:2px}.bottom-nav__tab--active{gap:6px;padding:8px 18px;border-radius:28px;background:transparent;color:#fff;position:relative}.bottom-nav__tab--active:focus,.bottom-nav__tab--active:focus-visible{outline:none}.bottom-nav__icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:currentColor;transition:color .18s ease,transform .32s cubic-bezier(.22,1,.36,1),filter .32s cubic-bezier(.22,1,.36,1)}.bottom-nav__icon-svg{width:24px;height:24px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:currentColor;fill:none}.bottom-nav__label{font-size:10px;font-weight:600;letter-spacing:.02em;color:currentColor}.bottom-nav__tab:not(.bottom-nav__tab--active) .bottom-nav__icon{color:hsla(0,0%,100%,.62)}.bottom-nav__tab--active .bottom-nav__icon{color:#fff;transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 8px 12px rgba(16,190,140,.25))}.bottom-nav__tab--active .bottom-nav__label{font-size:12px;font-weight:700;letter-spacing:.04em}.bottom-nav__rail{max-width:520px;margin:0 auto}.header{padding:8px 0 0;display:flex;flex-direction:column;gap:0}.header .bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.header .brand{font-size:22px;font-weight:700;letter-spacing:0;margin:0;line-height:1.15}.header .badge{font-size:12px;font-weight:600;color:var(--muted);padding:4px 10px;border-radius:12px;background:color-mix(in oklab,var(--muted) 16%,transparent)}@supports not (color:color-mix(in oklab,red,blue)){.header .badge{background:hsla(240,2%,57%,.12)}}.header .subtitle{font-size:14px;color:color-mix(in oklab,var(--foreground) 60%,transparent);margin-top:2px;margin-bottom:0;line-height:1.2}.segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:24px;background:color-mix(in oklab,var(--foreground) 8%,transparent);border:1px solid color-mix(in oklab,var(--foreground) 10%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08)}.segmented__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:hsla(0,0%,100%,.86);padding:10px 14px;border-radius:18px;display:grid;place-items:center;line-height:0;cursor:pointer}.segmented__btn--active{background:color-mix(in oklab,var(--success) 55%,var(--calm) 45%);color:#0b0b0b;box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.25)}.swipe-wrap{position:relative}.swipe-card{-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.08);will-change:transform}.swipe-ghost{height:160px}.page-shell{position:relative;display:flex;flex-direction:column;height:calc(100svh - var(--bottom-nav-height, 0px));min-height:calc(100svh - var(--bottom-nav-height, 0px));max-height:calc(100svh - var(--bottom-nav-height, 0px))}@supports (height:100dvh){.page-shell{height:calc(100dvh - var(--bottom-nav-height, 0px));min-height:calc(100dvh - var(--bottom-nav-height, 0px));max-height:calc(100dvh - var(--bottom-nav-height, 0px))}}.page-transition{flex:1 1;display:flex;flex-direction:column;min-height:0;height:100%;will-change:transform,opacity}.page-scroll{flex:1 1;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(var(--bottom-nav-height, 0px) + env(safe-area-inset-bottom) + 16px);-webkit-overflow-scrolling:touch;touch-action:pan-y}.habit-time-wrapper:focus-within{border-color:rgba(53,213,175,.55);box-shadow:0 0 0 2px color-mix(in oklab,rgba(53,213,175,.6) 55%,transparent)}.habit-time-wrapper input[type=time]::-webkit-calendar-picker-indicator,.habit-time-wrapper input[type=time]::-webkit-clear-button{display:none}.habit-time-wrapper input[type=time]::-moz-focus-inner{border:0}body{touch-action:pan-y}.habit-row{padding:12px}.habit-row .name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.ok{background:color-mix(in oklab,var(--success) 12%,transparent);color:var(--success);border-color:color-mix(in oklab,var(--success) 25%,transparent)}.badge.warn{background:color-mix(in oklab,var(--warning) 12%,transparent);color:var(--warning);border-color:color-mix(in oklab,var(--warning) 25%,transparent)}.badge.danger{background:color-mix(in oklab,var(--destructive) 12%,transparent);color:var(--destructive);border-color:color-mix(in oklab,var(--destructive) 25%,transparent)}.meta{gap:10px;margin-top:4px;color:var(--muted);font-size:13px;flex-wrap:wrap}.actions{display:flex;justify-content:flex-end;margin-top:14px}.form-grid{row-gap:16px}.field,.form-grid{display:flex;flex-direction:column}.field{row-gap:8px}.field .file.wide{margin-top:6px}.swipe-item{position:relative;overflow:hidden;border-radius:var(--radius)}.swipe-bg{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:stretch;background:transparent;padding-right:8px}.del-btn{width:128px;height:100%;border:none;cursor:pointer;border-radius:12px;background:var(--destructive);color:var(--destructive-foreground);font-weight:800;font-size:14px}.swipe-track{position:relative;transition:transform .15s ease-out;will-change:transform}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-noswipe]{touch-action:pan-y}.header-center{text-align:center}.header-center .progress{margin:8px auto 2px;max-width:520px}.card-stage{display:grid;place-items:center;align-content:center;height:calc(100svh - var(--stage-reserve-px, 240px));min-height:420px;position:relative;overflow:visible;padding:0 16px}.card-stage.card-stage--swipe{overflow:hidden}@supports (height:100dvh){.card-stage{height:calc(100dvh - var(--stage-reserve-px, 240px))}}@media (max-width:360px){.card-stage{padding:0 10px}}@media (max-height:740px){.swipe-card.big{padding:22px 18px}.btn.circle{width:56px;height:56px}}.card-stage .swipe-ghost{height:0}.card,.swipe-card,.swipe-card.big{width:100%;max-width:560px}.swipe-card.big{border-radius:24px;padding:28px 22px;box-shadow:0 10px 32px rgba(0,0,0,.2)}.card-stage .swipe-card.big{transform:scale(var(--card-scale));transform-origin:center top}.swipe-card.swipe-good{box-shadow:0 0 0 2px color-mix(in oklab,var(--success) 55%,transparent),0 20px 44px color-mix(in oklab,var(--success) 25%,transparent),inset 0 0 120px color-mix(in oklab,var(--success) 8%,transparent)}.swipe-card.swipe-bad{box-shadow:0 0 0 2px color-mix(in oklab,var(--destructive) 55%,transparent),0 20px 44px color-mix(in oklab,var(--destructive) 25%,transparent),inset 0 0 120px color-mix(in oklab,var(--destructive) 8%,transparent)}.swipe-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-weight:900;letter-spacing:.3px;font-size:24px;opacity:0;transition:opacity .12s ease}.swipe-overlay.ok{color:var(--success)}.swipe-overlay.bad{color:var(--destructive)}.swipe-card.swipe-bad .swipe-overlay.bad,.swipe-card.swipe-good .swipe-overlay.ok{opacity:.95}.action-col{display:flex;flex-direction:column;align-items:center;gap:6px}.action-col .label{font-size:12px;color:var(--muted)}.action-col .label.red{color:var(--destructive);font-weight:700}.action-col .label.green{color:var(--success);font-weight:700}.btn.circle{width:64px;height:64px;border-radius:16px;font-size:22px;line-height:1;display:grid;place-items:center}@media (max-width:380px){:root{--card-scale:.90;--stage-reserve-px:120px}.btn.circle{width:52px;height:52px;font-size:18px}.swipe-card.big{padding:20px 16px;border-radius:18px}.container{padding:12px}}@media (max-height:680px){:root{--stage-reserve-px:160px;--card-scale:.92}.btn.circle{width:54px;height:54px;font-size:20px}.swipe-card.big{padding:20px 16px}}@media (max-height:640px){:root{--stage-reserve-px:145px;--card-scale:.88}}@media (max-height:600px){:root{--stage-reserve-px:130px;--card-scale:.84}}@media (max-height:667px){:root{--stage-reserve-px:120px}}@media (min-width:834px) and (min-height:1024px){:root{--card-scale:1.06}.card,.header-center .progress,.swipe-card,.swipe-card.big{max-width:640px}}:root{--bottom-nav-height:72px}body.has-bottom-nav{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.bottom-nav :where(a,button){-webkit-tap-highlight-color:transparent;outline:none}.bottom-nav :where(a,button):focus-visible{outline:2px solid color-mix(in oklab,var(--primary),transparent 65%);outline-offset:3px;border-radius:16px}@media (max-width:380px){:root{--bottom-nav-height:64px}}.app-viewport{min-height:100svh;display:flex;flex-direction:column}.app-main{flex:1 0 auto}:where(a,button){-webkit-tap-highlight-color:rgba(0,0,0,0)}