@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--obsidian-1000:#06111B;--obsidian-950:#0B1018;--obsidian-900:#101A24;--obsidian-800:#17232F;--obsidian-700:#22313E;--obsidian-600:#33454F;--ember-900:#2D0C0A;--ember-800:#7A0A05;--ember-700:#AC0A07;--ember-600:#BF0C04;--ember-500:#C4260D;--flame-600:#D2310D;--flame-500:#E1400D;--flame-400:#D64B16;--flame-300:#EF6B2A;--amber-500:#F9C773;--amber-400:#FBE297;--amber-300:#E4CD91;--ash-50:#FBF8C2;--ash-100:#F6F3E7;--ash-200:#EBEDD4;--ash-300:#EFE2AA;--ash-400:#C3C7BE;--ash-500:#8E958F;--ash-600:#5E6668;--forge-green-500:#4E9A6B;--forge-green-900:#12291D;--steel-500:#4F86B8;--steel-900:#122333}:root{--font-display:"Archivo","Archivo Expanded",system-ui,sans-serif;--font-body:"IBM Plex Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-display-1:clamp(3rem,7vw,5.5rem);--text-display-2:clamp(2.25rem,4.5vw,3.5rem);--text-display-3:1.875rem;--text-h1:2.25rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-h4:1.125rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.8125rem;--text-micro:.6875rem;--leading-display:.94;--leading-heading:1.15;--leading-body:1.6;--leading-tight:1.3;--tracking-display:-.03em;--tracking-heading:-.015em;--tracking-body:0;--tracking-eyebrow:.16em;--tracking-mono:.02em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800}:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--section-y:clamp(64px,10vw,128px);--gutter:clamp(20px,5vw,48px);--measure:64ch;--container:1180px;--container-narrow:720px}:root{--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-pill:999px;--border-hairline:1px;--border-thick:2px}:root{--shadow-sm:0 1px 2px rgba(3,8,13,.5);--shadow-md:0 4px 12px -2px rgba(3,8,13,.6);--shadow-lg:0 16px 40px -12px rgba(3,8,13,.7);--shadow-inset-top:inset 0 1px 0 rgba(251,248,194,.08);--glow-sm:0 0 0 1px rgba(225,64,13,.35);--glow-md:0 4px 24px -6px rgba(225,64,13,.45);--glow-lg:0 8px 48px -8px rgba(225,64,13,.55);--ring-focus:0 0 0 2px var(--obsidian-1000),0 0 0 4px var(--flame-500);--gradient-forge:radial-gradient(120% 90% at 50% 118%,rgba(225,64,13,.42) 0%,rgba(172,10,7,.18) 38%,rgba(6,17,27,0) 72%);--gradient-ember-bar:linear-gradient(90deg,var(--ember-700) 0%,var(--flame-500) 52%,var(--amber-500) 100%);--gradient-scrim:linear-gradient(180deg,rgba(6,17,27,0) 0%,rgba(6,17,27,.92) 78%)}:root{--ease-out:cubic-bezier(.2,.8,.3,1);--ease-in-out:cubic-bezier(.5,0,.3,1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.4s;--duration-ambient:6s;--transition-control:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}:root{--bg-canvas:var(--obsidian-1000);--bg-raised:var(--obsidian-900);--bg-sunken:var(--obsidian-950);--surface-card:var(--obsidian-900);--surface-card-hover:var(--obsidian-800);--surface-inset:rgba(6,17,27,.6);--surface-overlay:rgba(6,17,27,.82);--text-heading:var(--ash-100);--text-body-color:var(--ash-400);--text-muted:var(--ash-500);--text-inverse:var(--obsidian-1000);--text-accent:var(--amber-500);--text-link:var(--flame-300);--text-link-hover:var(--amber-500);--border-subtle:rgba(235,237,212,.1);--border-strong:rgba(235,237,212,.2);--border-accent:var(--flame-500);--accent:var(--flame-500);--accent-hover:var(--flame-300);--accent-press:var(--ember-700);--accent-on:var(--ash-50);--accent-soft:rgba(225,64,13,.14);--status-success:var(--forge-green-500);--status-success-bg:var(--forge-green-900);--status-info:var(--steel-500);--status-info-bg:var(--steel-900);--status-warning:var(--amber-500);--status-warning-bg:rgba(249,199,115,.14);--status-danger:var(--ember-600);--status-danger-bg:rgba(191,12,4,.16);--control-height-sm:32px;--control-height-md:40px;--control-height-lg:48px}[data-theme=light]{--bg-canvas:var(--ash-100);--bg-raised:#FFFFFF;--bg-sunken:var(--ash-200);--surface-card:#FFFFFF;--surface-card-hover:var(--ash-100);--surface-inset:rgba(6,17,27,.04);--surface-overlay:rgba(246,243,231,.85);--text-heading:var(--obsidian-1000);--text-body-color:var(--obsidian-700);--text-muted:var(--ash-600);--text-inverse:var(--ash-50);--text-accent:var(--ember-700);--text-link:var(--ember-700);--text-link-hover:var(--flame-500);--border-subtle:rgba(6,17,27,.1);--border-strong:rgba(6,17,27,.22);--ring-focus:0 0 0 2px #FFFFFF,0 0 0 4px var(--flame-500)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-canvas);color:var(--text-body-color);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:var(--weight-bold);margin:0}a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--text-link-hover)}code,kbd,pre,samp{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}::selection{background:var(--flame-500);color:var(--ash-50)}:focus-visible{outline:none;box-shadow:var(--ring-focus)}.pf-eyebrow{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent)}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-body-sm);line-height:1;border:var(--border-hairline) solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;white-space:nowrap;transition:var(--transition-control),transform var(--duration-fast) var(--ease-out)}.pf-btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.pf-btn:active{transform:translateY(1px)}.pf-btn[disabled],.pf-btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;transform:none}.pf-btn--sm{height:var(--control-height-sm);padding:0 var(--space-3)}.pf-btn--md{height:var(--control-height-md);padding:0 var(--space-5)}.pf-btn--lg{height:var(--control-height-lg);padding:0 var(--space-6);font-size:var(--text-body)}.pf-btn--primary{background:var(--accent);color:var(--accent-on);box-shadow:var(--glow-md),var(--shadow-inset-top)}.pf-btn--primary:hover{background:var(--accent-hover);box-shadow:var(--glow-lg),var(--shadow-inset-top)}.pf-btn--primary:active{background:var(--accent-press);box-shadow:var(--glow-sm)}.pf-btn--secondary{background:transparent;color:var(--text-heading);border-color:var(--border-strong)}.pf-btn--secondary:hover{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-soft)}.pf-btn--ghost{background:transparent;color:var(--text-body-color)}.pf-btn--ghost:hover{color:var(--text-heading);background:var(--surface-card-hover)}.pf-btn--danger{background:var(--status-danger);color:var(--ash-50)}.pf-btn--danger:hover{background:var(--ember-500)}.pf-btn--block{width:100%}.pf-iconbtn{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);border:var(--border-hairline) solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-control)}.pf-iconbtn:hover{color:var(--text-heading);background:var(--surface-card-hover)}.pf-iconbtn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.pf-iconbtn[disabled]{opacity:.42;cursor:not-allowed}.pf-iconbtn--sm{width:var(--control-height-sm);height:var(--control-height-sm)}.pf-iconbtn--md{width:var(--control-height-md);height:var(--control-height-md)}.pf-iconbtn--outline{border-color:var(--border-subtle)}.pf-iconbtn--outline:hover{border-color:var(--accent)}.pf-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;padding:3px var(--space-2);border-radius:var(--radius-xs);border:var(--border-hairline) solid transparent}.pf-badge--flame{background:var(--accent-soft);color:var(--text-accent);border-color:#e1400d59}.pf-badge--neutral{background:var(--surface-inset);color:var(--text-muted);border-color:var(--border-subtle)}.pf-badge--success{background:var(--status-success-bg);color:var(--status-success)}.pf-badge--info{background:var(--status-info-bg);color:var(--status-info)}.pf-badge--warning{background:var(--status-warning-bg);color:var(--status-warning)}.pf-badge--danger{background:var(--status-danger-bg);color:var(--ember-600)}.pf-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--text-body-color);background:var(--surface-inset);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3)}.pf-tag__x{display:inline-flex;background:none;border:0;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.pf-tag__x:hover{color:var(--accent)}.pf-card{position:relative;background:var(--surface-card);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.pf-card--interactive{cursor:pointer}.pf-card--interactive:hover{border-color:#e1400d73;background:var(--surface-card-hover);box-shadow:var(--shadow-lg),var(--glow-md)}.pf-card--ember:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--gradient-ember-bar)}.pf-card__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--text-heading);letter-spacing:var(--tracking-heading);margin:0}.pf-card__body{font-size:var(--text-body-sm);color:var(--text-body-color);margin:var(--space-2) 0 0}.pf-field{display:flex;flex-direction:column;gap:var(--space-2)}.pf-label{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.pf-hint{font-size:var(--text-caption);color:var(--text-muted)}.pf-error{font-size:var(--text-caption);color:var(--ember-600)}.pf-input{width:100%;height:var(--control-height-md);background:var(--surface-inset);color:var(--text-heading);font-family:var(--font-body);font-size:var(--text-body-sm);border:var(--border-hairline) solid var(--border-strong);border-radius:var(--radius-sm);padding:0 var(--space-3);transition:var(--transition-control)}textarea.pf-input{height:auto;min-height:96px;padding:var(--space-3);line-height:var(--leading-body);resize:vertical}.pf-input::placeholder{color:var(--text-muted)}.pf-input:hover{border-color:var(--ash-600)}.pf-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pf-input[disabled]{opacity:.45;cursor:not-allowed}.pf-input--invalid{border-color:var(--status-danger)}.pf-input--mono{font-family:var(--font-mono)}.pf-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-8)}.pf-check{display:inline-flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--text-body-sm);color:var(--text-body-color)}.pf-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;background:var(--surface-inset);border:var(--border-hairline) solid var(--border-strong);cursor:pointer;transition:var(--transition-control)}.pf-check--box input{border-radius:var(--radius-xs)}.pf-check--radio input{border-radius:var(--radius-pill)}.pf-check input:hover{border-color:var(--accent)}.pf-check input:checked{background:var(--accent);border-color:var(--accent);box-shadow:var(--glow-sm)}.pf-check--box input:checked{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FBF8C2' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 8.5l3 3 6-7'/></svg>");background-size:14px;background-position:center;background-repeat:no-repeat}.pf-check--radio input:checked{box-shadow:inset 0 0 0 3px var(--obsidian-1000),var(--glow-sm)}.pf-check input:focus-visible{outline:none;box-shadow:var(--ring-focus)}.pf-check input[disabled]{opacity:.4;cursor:not-allowed}.pf-switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-body-sm);color:var(--text-body-color)}.pf-switch__track{position:relative;flex:0 0 auto;width:40px;height:22px;border-radius:var(--radius-pill);background:var(--obsidian-700);border:var(--border-hairline) solid var(--border-strong);transition:var(--transition-control)}.pf-switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--ash-400);transition:transform var(--duration-base) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.pf-switch input{position:absolute;opacity:0;width:0;height:0}.pf-switch input:checked+.pf-switch__track{background:var(--accent);border-color:var(--accent);box-shadow:var(--glow-sm)}.pf-switch input:checked+.pf-switch__track:after{transform:translate(18px);background:var(--ash-50)}.pf-switch input:focus-visible+.pf-switch__track{box-shadow:var(--ring-focus)}.pf-switch--disabled{opacity:.45;cursor:not-allowed}.pf-alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border-left:var(--border-thick) solid var(--accent);background:var(--surface-card);font-size:var(--text-body-sm);color:var(--text-body-color)}.pf-alert__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-body-sm);color:var(--text-heading);margin:0 0 2px}.pf-alert--success{border-left-color:var(--status-success);background:var(--status-success-bg)}.pf-alert--info{border-left-color:var(--status-info);background:var(--status-info-bg)}.pf-alert--warning{border-left-color:var(--status-warning);background:var(--status-warning-bg)}.pf-alert--danger{border-left-color:var(--status-danger);background:var(--status-danger-bg)}.pf-toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--obsidian-800);border:var(--border-hairline) solid var(--border-strong);box-shadow:var(--shadow-lg);font-size:var(--text-body-sm);color:var(--text-heading)}.pf-toast__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:var(--glow-sm);flex:0 0 auto}.pf-spinner{display:inline-block;border-radius:var(--radius-pill);border:2px solid var(--border-strong);border-top-color:var(--accent);animation:pf-spin .7s linear infinite}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf-tooltip{position:relative;display:inline-flex}.pf-tooltip__bubble{position:absolute;z-index:20;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);background:var(--obsidian-800);border:var(--border-hairline) solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-heading);font-size:var(--text-caption);white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.pf-tooltip:hover .pf-tooltip__bubble,.pf-tooltip:focus-within .pf-tooltip__bubble{opacity:1}.pf-dialog__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--space-6);background:var(--surface-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pf-dialog{width:100%;max-width:440px;background:var(--obsidian-900);border:var(--border-hairline) solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.pf-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) 0}.pf-dialog__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--weight-bold);color:var(--text-heading);margin:0}.pf-dialog__body{padding:var(--space-3) var(--space-5) var(--space-5);font-size:var(--text-body-sm);color:var(--text-body-color)}.pf-dialog__foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:var(--border-hairline) solid var(--border-subtle);background:var(--bg-sunken)}.pf-tabs{display:flex;gap:var(--space-6);border-bottom:var(--border-hairline) solid var(--border-subtle)}.pf-tab{position:relative;background:none;border:0;padding:0 0 var(--space-3);font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-muted);cursor:pointer;transition:var(--transition-control)}.pf-tab:hover{color:var(--text-heading)}.pf-tab:focus-visible{outline:none;box-shadow:var(--ring-focus)}.pf-tab--active{color:var(--text-heading)}.pf-tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gradient-ember-bar)}.pf-crumbs{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-muted)}.pf-crumbs__sep{color:var(--ash-600)}.pf-crumbs a{color:var(--text-muted)}.pf-crumbs a:hover{color:var(--accent-hover)}.pf-crumbs__current{color:var(--text-heading)}.pf-code{background:var(--bg-sunken);border:var(--border-hairline) solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;font-family:var(--font-mono);font-size:var(--text-caption)}.pf-code__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:var(--border-hairline) solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.pf-code__pre{margin:0;padding:var(--space-4);overflow:auto;color:var(--ash-200);line-height:1.7}.pf-term{background:var(--obsidian-1000);border:var(--border-hairline) solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;font-family:var(--font-mono);font-size:var(--text-caption)}.pf-term__bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--obsidian-900);border-bottom:var(--border-hairline) solid var(--border-subtle)}.pf-term__dot{width:9px;height:9px;border-radius:var(--radius-pill);background:var(--obsidian-600)}.pf-term__title{margin-left:var(--space-2);color:var(--text-muted);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.pf-term__body{padding:var(--space-4);line-height:1.75;color:var(--ash-300);white-space:pre-wrap}.pf-term__prompt{color:var(--flame-500)}.pf-term__out{color:var(--ash-500)}.app-shell{max-width:var(--container-narrow);margin-inline:auto;padding:var(--space-6) var(--space-4) var(--space-12);display:flex;flex-direction:column;gap:var(--space-5)}.add-habit-form{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.add-habit-form label{flex-basis:100%}.add-habit-form input{flex:1 1 0%;min-width:0}.add-habit-form__error{flex-basis:100%;margin:0}.filter-control{display:flex}.filter-control button.is-selected{color:var(--text-heading)}.streak-hint{margin:0}.habit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.habit-card{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.habit-card__name{flex:1 1 auto;font-weight:var(--weight-medium);color:var(--text-heading)}.habit-card__streak{display:flex;flex-direction:column;align-items:center;line-height:1.1;min-width:3.5rem}.habit-card__streak-value{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-black);color:var(--text-accent)}.habit-card__done-btn{min-width:7.5rem}.habit-card__done-btn.is-done{opacity:1;background:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success);box-shadow:none;cursor:default}.empty-state{color:var(--text-muted);line-height:var(--leading-body)}.app-footer{margin-top:auto;padding-top:var(--space-4);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow)}@media (max-width: 480px){.habit-card{gap:var(--space-2);justify-content:space-between}.habit-card__name{flex-basis:100%}.habit-card__streak{min-width:3rem}.habit-card__done-btn,.habit-card__archive-btn{padding:0 var(--space-3)}.habit-card__done-btn{min-width:6.5rem}}@media (min-width: 768px){.app-shell{padding-top:var(--space-10)}.add-habit-form label{flex-basis:auto}}