:root,html:not(.dark){--surface: #f8f9fa;--surface-dim: #d9dadb;--surface-bright: #f8f9fa;--surface-container-lowest: #ffffff;--surface-container-low: #f3f4f5;--surface-container: #ffffff;--surface-container-high: #e7e8e9;--surface-container-highest: #e1e3e4;--on-surface: #191c1d;--on-surface-variant: #525841;--inverse-surface: #2e3132;--inverse-on-surface: #f0f1f2;--outline: #747a60;--outline-variant: #e2e8f0;--border-color: #e2e8f0;--primary: #4d6300;--on-primary: #ffffff;--primary-container: #ccff00;--on-primary-container: #2b3900;--primary-fixed: #506600;--primary-fixed-dim: #abd600;--secondary: #00686f;--on-secondary: #ffffff;--secondary-container: #e2e2e5;--on-secondary-container: #1e293b;--secondary-fixed: #00686f;--tertiary: #5b5f64;--on-tertiary: #ffffff;--tertiary-container: #eaedf3;--on-tertiary-container: #475569;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--background: #f8f9fa;--on-background: #191c1d;--surface-variant: #edeeef;--accent-glow: rgba(80, 102, 0, .12);--card-shadow: 0px 4px 12px rgba(0, 0, 0, .05);--brand-muted-tile: #252930;--brand-muted-tile-border: #323742;--brand-outline-fill: #9ba18a2a}html.dark{--surface: #111316;--surface-dim: #111316;--surface-bright: #37393d;--surface-container-lowest: #0c0e11;--surface-container-low: #1a1c1f;--surface-container: #1e2023;--surface-container-high: #282a2d;--surface-container-highest: #333538;--on-surface: #e2e2e6;--on-surface-variant: #c4c9ac;--inverse-surface: #e2e2e6;--inverse-on-surface: #2f3034;--outline: #8e9379;--outline-variant: #444933;--border-color: rgba(255, 255, 255, .1);--primary: #ffffff;--on-primary: #283500;--primary-container: #c3f400;--on-primary-container: #2b3900;--primary-fixed: #c3f400;--primary-fixed-dim: #abd600;--secondary: #d3fbff;--on-secondary: #00363a;--secondary-container: #00eefc;--on-secondary-container: #00363a;--secondary-fixed: #7df4ff;--tertiary: #ffffff;--on-tertiary: #411478;--tertiary-container: #eddcff;--on-tertiary-container: #7850b0;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--background: #111316;--on-background: #e2e2e6;--surface-variant: #333538;--accent-glow: rgba(195, 244, 0, .15);--card-shadow: 0px 4px 20px rgba(0, 0, 0, .3);--brand-muted-tile: rgba(195, 244, 0, .15);--brand-muted-tile-border: transparent;--brand-outline-fill: transparent}:root{--font-display: "Archivo Narrow", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--safe-bottom: env(safe-area-inset-bottom, 16px);--touch-target-min: 48px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background-color:var(--background);color:var(--on-background);font-family:var(--font-body);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;transition:background-color .25s ease,color .25s ease}body{display:flex;flex-direction:column;overflow-x:hidden;min-height:100dvh}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:26px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.app-container{display:flex;flex-direction:column;min-height:100vh;padding-bottom:calc(84px + var(--safe-bottom));max-width:768px;margin:0 auto;width:100%}.page-content{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background-color:var(--background);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-logo{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:var(--on-background);line-height:1}.brand-svg-icon{width:26px;height:26px;display:inline-block;vertical-align:middle;flex-shrink:0;color:var(--on-background);filter:drop-shadow(0 0 6px rgba(195,244,0,.45));transition:filter .2s ease,transform .2s ease}.brand-logo:hover .brand-svg-icon{transform:scale(1.06);filter:drop-shadow(0 0 10px rgba(195,244,0,.75))}.brand-name{font-family:var(--font-display);font-size:1.65rem;font-weight:700;letter-spacing:0em;color:var(--on-background);line-height:1;display:inline-block}.header-actions{display:flex;align-items:center;gap:.5rem}.icon-btn{width:48px;height:48px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background-color:var(--surface-container-high);color:var(--on-surface)}.icon-btn:active{transform:scale(.94)}.hero-greeting{font-family:var(--font-body);font-size:28px;font-weight:700;line-height:34px;color:var(--on-background);letter-spacing:-.01em;margin-top:.5rem;margin-bottom:.5rem}.hero-subtext{font-family:var(--font-body);font-size:28px;font-weight:700;line-height:34px;color:var(--on-surface-variant);opacity:.6}.stats-display{font-family:var(--font-display);font-size:3.25rem;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--on-background)}.headline-lg{font-family:var(--font-display);font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.headline-md{font-family:var(--font-display);font-size:1.65rem;font-weight:600;letter-spacing:-.01em}.label-mono{font-family:var(--font-mono);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}.text-muted{color:var(--on-surface-variant);font-size:.95rem}.text-primary-accent{color:var(--primary-fixed)}.text-cyan-accent{color:var(--secondary-fixed)}.bento-card{background-color:var(--surface-container);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.35rem;box-shadow:var(--card-shadow);transition:transform .2s ease,border-color .2s ease}.bento-glow{box-shadow:inset 0 0 20px var(--accent-glow)}.bento-card-active{border-color:var(--primary-container);box-shadow:0 0 16px var(--accent-glow)}.btn-kinetic{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.85rem 1.35rem;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:1.125rem;font-weight:600;border:none;cursor:pointer;transition:all .15s ease-in-out;width:100%;text-align:center;text-decoration:none}.btn-kinetic-primary{background-color:var(--primary-container);color:var(--on-primary-container);box-shadow:0 4px 20px var(--accent-glow)}.btn-kinetic-primary:active{transform:scale(.98);opacity:.9}.btn-kinetic-secondary{background-color:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--border-color)}.btn-kinetic-secondary:active{background-color:var(--surface-container-highest);transform:scale(.98)}.btn-kinetic-danger{background-color:var(--error-container);color:var(--on-error-container)}.btn-kinetic-danger:active{opacity:.85}.btn-sm{min-height:42px;padding:.4rem .85rem;font-size:.95rem;border-radius:var(--radius-md);width:auto}.input-kinetic{width:100%;min-height:52px;padding:.85rem 1.1rem;font-size:1.25rem;font-weight:600;font-family:var(--font-mono);background-color:var(--surface-container-low);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--on-surface);outline:none;transition:border-color .15s ease}.input-kinetic:focus{border-color:var(--primary-container);box-shadow:0 0 0 2px var(--accent-glow)}.stepper-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(80px,1.3fr) repeat(2,minmax(0,1fr));gap:.45rem;width:100%;align-items:center}.stepper-btn{width:100%;height:52px;min-height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-family:var(--font-mono);font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.stepper-btn-minus{background-color:#ef44441f;color:var(--error);border:1px solid rgba(239,68,68,.25)}.stepper-btn-minus:active{background-color:#ef444440;transform:scale(.95)}.stepper-btn-plus{background-color:#c3f40026;color:var(--primary-fixed);border:1px solid rgba(195,244,0,.3)}.stepper-btn-plus:active{background-color:var(--primary-container);color:var(--on-primary-container);transform:scale(.95)}.chip-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .75rem;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:var(--surface-container-high);color:var(--on-surface-variant);border:1px solid var(--border-color);cursor:pointer;transition:all .15s ease}.chip-pill-active{background-color:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary-container)}.chip-pill-cyan{background-color:#00eefc26;color:var(--secondary-fixed);border-color:#00eefc4d}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.bottom-sheet{background-color:var(--surface-container);color:var(--on-surface);width:100%;max-width:768px;max-height:85vh;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:1px solid var(--border-color);padding:1.35rem 1.35rem calc(1.35rem + var(--safe-bottom));display:flex;flex-direction:column;gap:1.15rem;box-shadow:0 -10px 30px #00000080;animation:slideUp .25s cubic-bezier(.16,1,.3,1);overflow-y:auto}.sheet-handle{width:40px;height:4px;background-color:var(--outline);border-radius:2px;align-self:center;margin-bottom:.25rem;opacity:.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:10px}