:root{--paper-0:#fcfbf7;--paper-1:#f6f2e9;--paper-2:#efeadd;--paper-3:#e6dfce;--paper-4:#d8cfb8;--ink-900:#1b241d;--ink-700:#2f3a31;--ink-500:#56625a;--ink-400:#79847b;--ink-300:#9ba59c;--green-900:#16271b;--green-800:#1f3a26;--green-700:#2c5234;--green-600:#3b6843;--green-500:#4b7a50;--green-400:#6fa06a;--green-300:#98c28e;--green-200:#c2dcb6;--green-100:#e0edd7;--green-050:#eff5e9;--lime-600:#9fb02f;--lime-500:#b7c63c;--lime-400:#cbd75d;--lime-300:#dee793;--lime-100:#f0f3cf;--gold-700:#b07e24;--gold-600:#d0a03a;--gold-500:#f5c356;--gold-400:#f8d379;--gold-300:#fae1aa;--gold-200:#fbe9c1;--gold-100:#fdf4de;--teal-500:#3e7c77;--teal-100:#dcebe9;--amber-500:#d8943b;--amber-100:#f6e6cb;--rust-500:#b5503a;--rust-100:#f1d9d2;--bg-canvas:var(--paper-1);--bg-canvas-deep:var(--paper-2);--surface-card:var(--paper-0);--surface-raised:#fff;--surface-sunken:var(--paper-2);--surface-inverse:var(--green-900);--text-primary:var(--ink-900);--text-secondary:var(--ink-500);--text-muted:var(--ink-400);--text-disabled:var(--ink-300);--text-on-accent:var(--paper-0);--text-on-dark:#eaf0e4;--text-link:var(--green-700);--border-subtle:var(--paper-3);--border-default:var(--paper-4);--border-strong:var(--ink-300);--border-focus:var(--green-500);--accent:var(--green-500);--accent-hover:var(--green-600);--accent-press:var(--green-700);--accent-soft:var(--green-050);--accent-on-soft:var(--green-700);--accent-bright:var(--lime-500);--accent-gold:var(--gold-500);--status-active:var(--gold-500);--status-active-bg:var(--gold-100);--status-ready:var(--green-500);--status-ready-bg:var(--green-050);--status-rest:var(--teal-500);--status-rest-bg:var(--teal-100);--status-watch:var(--amber-500);--status-watch-bg:var(--amber-100);--status-spoil:var(--rust-500);--status-spoil-bg:var(--rust-100);--success:var(--green-500);--warning:var(--amber-500);--danger:var(--rust-500);--info:var(--teal-500);--cat-lactica:#3a7a22;--cat-acetica:#c9621a;--cat-alcoholica:#8a5bb0;--cat-fungica:#b0843a;--cat-lactica-soft:color-mix(in srgb, var(--cat-lactica) 11%, var(--paper-0));--cat-acetica-soft:color-mix(in srgb, var(--cat-acetica) 11%, var(--paper-0));--cat-alcoholica-soft:color-mix(in srgb, var(--cat-alcoholica) 11%, var(--paper-0));--cat-fungica-soft:color-mix(in srgb, var(--cat-fungica) 11%, var(--paper-0));--mood-1:var(--rust-500);--mood-2:var(--amber-500);--mood-3:var(--ink-400);--mood-4:var(--green-500);--mood-5:var(--lime-600);--font-display:"Comfortaa", system-ui, sans-serif;--font-sans:"Raleway", system-ui, -apple-system, sans-serif;--font-data:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:700;--text-display-xl:3.25rem;--text-display:2.5rem;--text-h1:1.875rem;--text-h2:1.5rem;--text-h3:1.1875rem;--text-h4:1.0625rem;--text-body-lg:1.0625rem;--text-body:.9375rem;--text-data-lg:1.75rem;--text-data:.875rem;--lh-tight:1.12;--lh-snug:1.28;--lh-normal:1.5;--lh-relaxed:1.62;--ls-tight:-.01em;--ls-snug:0;--ls-normal:0;--ls-wide:.04em;--ls-label:.1em;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-pill:999px;--radius-circle:50%;--shadow-xs:0 1px 1px #1b241d08;--shadow-sm:0 1px 2px #1b241d0a;--shadow-md:0 2px 8px #1b241d0d;--shadow-lg:0 8px 20px #1b241d12;--shadow-xl:0 16px 36px #1b241d1a;--shadow-inset:inset 0 1px 2px #1b241d0a;--ring-accent:0 0 0 3px #4b7a5038;--ring-danger:0 0 0 3px #b5503a38;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.45, .05, .55, .95);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}:root{--font-brand:Comfortaa, system-ui, sans-serif;--font-ui:Raleway, system-ui, -apple-system, sans-serif;--page-bg:#f6f2e9;--topbar-h:52px;--bottomnav-h:64px}body{color:#1b241d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#f6f2e9;font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:.875rem;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#1b241d;letter-spacing:-.01em;font-family:Comfortaa,system-ui,sans-serif;font-weight:500;line-height:1.2}h1{font-size:1.375rem}h2{font-size:1.125rem}h3{font-size:1rem}h4{font-size:.875rem}.title-brand{font-family:Comfortaa,system-ui,sans-serif;font-weight:500}.title-page{color:#1b241d;font-family:Comfortaa,system-ui,sans-serif;font-size:1.125rem;font-weight:500}.fm-preview{background:#edeae4;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;min-height:100vh;padding:40px 24px;display:flex}.fm-preview-label{text-transform:uppercase;letter-spacing:.08em;color:#888;text-align:center;background:0 0;margin-bottom:10px;padding:0;font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:.6875rem;font-weight:500}.fm-frame{background:var(--bg-canvas);border:7px solid #1b241d;border-radius:40px;flex-direction:column;width:390px;height:820px;max-height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000002e}.fm-frame .fm-notch{background:#1b241d;border-radius:0 0 16px 16px;flex-shrink:0;width:110px;height:26px;margin:0 auto}.fm-app-root{background:var(--bg-canvas);height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;position:relative;overflow:hidden}.fm-screen{-webkit-overflow-scrolling:touch;background:var(--bg-canvas);flex:auto;min-height:0;position:relative;overflow-y:auto}@media (width<=460px){.fm-preview{background:var(--bg-canvas);gap:0;min-height:0;padding:0;display:block}.fm-preview-label{display:none}.fm-frame{width:100%;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0}.fm-notch{display:none}}.fm-hero{background:#2c5234;border-radius:30px;margin:4px 12px 0;padding:16px;position:relative;overflow:hidden}.fm-hero:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-45px;right:-20px}.fm-hero.fm-hero-orange{background:#c9621a}.fm-hero-badge{color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:999px;padding:3px 10px;font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:.6875rem;font-weight:500;position:absolute;top:12px;right:12px}.fm-hero-eyebrow{color:#fff9;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-family:Raleway,system-ui,-apple-system,sans-serif;font-size:.6875rem;font-weight:500}.fm-hero-name{color:#fff;margin-bottom:2px;font-family:Comfortaa,system-ui,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.2}.fm-screen{background:var(--bg-canvas);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.fm-screen--dark{background:var(--green-900);flex-direction:column;display:flex}.fm-screen--dark h1,.fm-screen--dark h2,.fm-screen--dark h3,.fm-screen--dark h4,.fm-screen--dark h5,.fm-screen--dark h6{color:var(--text-on-dark)}.fm-pad{padding:0 16px 24px}.fm-stack{flex-direction:column;gap:16px;display:flex}.fm-row{align-items:center;gap:12px;display:flex}.fm-cards{flex-direction:column;gap:12px;display:flex}@media (width>=600px){.fm-pad{max-width:680px;margin-left:auto;margin-right:auto}.fm-cards{grid-template-columns:1fr 1fr;align-items:start;display:grid}}.fm-sectitle{font:600 14px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.fm-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.fm-card--flush{padding:0;overflow:hidden}.fm-card--tap{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.fm-card--tap:active{transform:translateY(1px)}.fm-card--dark{background:var(--green-800);color:var(--text-on-dark);border:none}.fm-eyebrow{font:600 10px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--green-600);margin-bottom:7px}.fm-title{font-family:var(--font-display);color:var(--text-primary);font-weight:700}.fm-h2{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.fm-muted{color:var(--text-muted);font-family:var(--font-sans)}.fm-data{font-family:var(--font-data);font-variant-numeric:tabular-nums}.fm-ring{width:var(--sz,52px);height:var(--sz,52px);background:conic-gradient(var(--tone,var(--gold-500)) calc(var(--pct,0) * 1%), var(--paper-3) 0);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.fm-ring:before{content:"";inset:var(--thick,5px);background:var(--surface-card);border-radius:50%;position:absolute}.fm-ring>*{font:700 13px/1 var(--font-data);color:var(--text-primary);position:relative}.fm-pill{font:600 11px/1 var(--font-sans);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.fm-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.fm-pill--active{color:var(--gold-700);background:var(--gold-100)}.fm-pill--ready{color:var(--green-700);background:var(--green-050)}.fm-pill--resting{color:var(--teal-500);background:var(--teal-100)}.fm-pill--watch{color:var(--amber-500);background:var(--amber-100)}.fm-pill--spoiled,.fm-pill--failed{color:var(--rust-500);background:var(--rust-100)}.fm-pill--paused{color:var(--ink-500);background:var(--paper-2)}.fm-pill--completed{color:var(--teal-500);background:var(--teal-100)}.fm-badge{font:600 11px/1 var(--font-sans);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;display:inline-flex}.fm-badge--green{color:var(--green-700);background:var(--green-050)}.fm-badge--gold{color:var(--gold-700);background:var(--gold-100)}.fm-badge--neutral{color:var(--ink-500);background:var(--paper-2)}.fm-btn{cursor:pointer;border-radius:var(--radius-md);font:600 15px/1 var(--font-sans);transition:background var(--dur-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 18px;text-decoration:none;display:inline-flex}.fm-btn:disabled{opacity:.5;cursor:not-allowed}.fm-btn--block{width:100%}.fm-btn--gold{background:var(--gold-500);color:var(--green-900)}.fm-btn--gold:active{background:var(--gold-600)}.fm-btn--green{background:var(--green-500);color:#fff}.fm-btn--green:active{background:var(--green-600)}.fm-btn--soft{background:var(--surface-card);color:var(--text-primary);border:1.5px solid var(--border-default)}.fm-btn--soft:active{background:var(--paper-2)}.fm-btn--ghost{color:var(--green-700);background:0 0}.fm-chip{border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);min-height:44px;color:var(--text-primary);font:500 15px/1.25 var(--font-sans);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 14px;display:inline-flex}.fm-chip:active{background:var(--paper-2)}.fm-glyph{color:var(--green-600);background:var(--green-050);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fm-listrow{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:12px;padding:13px 14px;display:flex}.fm-input{box-sizing:border-box;border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);width:100%;font:400 16px/1.2 var(--font-sans);color:var(--text-primary);padding:12px 14px}.fm-input:focus{border-color:var(--green-500);box-shadow:var(--ring-accent);outline:none}.fm-label{font:600 13px/1 var(--font-sans);color:var(--text-secondary);margin-bottom:6px;display:block}.fm-skel{background:var(--paper-2);border-radius:var(--radius-md);animation:1.3s ease-in-out infinite fm-pulse}@keyframes fm-pulse{0%,to{opacity:1}50%{opacity:.55}}.fm-empty{text-align:center;color:var(--text-muted);font-family:var(--font-sans);padding:28px 12px}@media (prefers-reduced-motion:reduce){.fm-skel{animation:none}}.fm-seg{background:var(--paper-2);border-radius:999px;gap:4px;padding:4px;display:flex}.fm-seg button{cursor:pointer;font:600 13px/1 var(--font-sans);color:var(--text-muted);background:0 0;border:none;border-radius:999px;flex:1;padding:8px 0}.fm-seg button.on{background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}