:root{--color-neutral-100: #f9f4ed;--color-neutral-200: #eee7db;--color-neutral-300: #dcd3c4;--color-neutral-400: #c0b6a5;--color-neutral-500: #a19786;--color-neutral-600: #82796a;--color-neutral-700: #645c50;--color-neutral-800: #474238;--color-neutral-900: #2e2b25;--font-heading: "Fraunces", Georgia, "Times New Roman", serif;--font-heading-weight: 600;--font-body: "Figtree", system-ui, sans-serif;--space-1: 4.4px;--space-2: 8.8px;--space-3: 13.2px;--space-4: 17.6px;--space-6: 26.4px;--space-8: 35.2px;--radius-sm: 10px;--radius-md: 20px;--radius-lg: 28px;--muted-strength: 55%;--color-muted: color-mix(in srgb, var(--color-text) var(--muted-strength), transparent);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--color-text) 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, var(--color-text) 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, var(--color-text) 22%, transparent)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;transition:background-color .25s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}.text-muted{color:var(--color-muted)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.washed{filter:saturate(.6) contrast(.85) brightness(1.1) opacity(.94)}button{font:inherit;color:inherit;border:none;background:none;margin:0;padding:0;cursor:pointer;text-align:inherit}:root,:root[data-theme=forest]{--color-bg: #f6f3ec;--color-surface: #fffdf7;--color-text: #1f2a1e;--color-accent: #33512f;--color-accent-2: #4a8a54;--color-warn: #e07a5c;--color-divider: color-mix(in srgb, #1f2a1e 16%, transparent);--color-accent-100: #f5f7f5;--color-accent-200: #e3ebe2;--color-accent-300: #c9dbc7;--color-accent-400: #a3c69f;--color-accent-500: #7eb077;--color-accent-600: #629b5a;--color-accent-700: #4d7847;--color-accent-800: #395735;--color-accent-900: #263824;--color-accent-2-100: #f5f8f5;--color-accent-2-200: #e2ece3;--color-accent-2-300: #c5ddc9;--color-accent-2-400: #9cc9a3;--color-accent-2-500: #74b47e;--color-accent-2-600: #559f61;--color-accent-2-700: #447b4d;--color-accent-2-800: #335939;--color-accent-2-900: #233926;--color-warn-100: #f9f4f3;--color-warn-200: #f2e0db;--color-warn-300: #ecc3b7;--color-warn-400: #e6977f;--color-warn-500: #dd6c4b;--color-warn-600: #ce4d27;--color-warn-700: #9d3e22;--color-warn-800: #712f1b;--color-warn-900: #482014}:root[data-theme=cream]{--color-bg: #f6efe2;--color-surface: #f3ecdf;--color-text: #2c2722;--color-accent: #e07a5c;--color-accent-2: #3f7d4e;--color-warn: #e07a5c;--color-divider: color-mix(in srgb, #2c2722 16%, transparent);--color-accent-100: #f9f4f3;--color-accent-200: #f2e0db;--color-accent-300: #ecc3b7;--color-accent-400: #e6977f;--color-accent-500: #dd6c4b;--color-accent-600: #ce4d27;--color-accent-700: #9d3e22;--color-accent-800: #712f1b;--color-accent-900: #482014;--color-accent-2-100: #f4f8f5;--color-accent-2-200: #e1ece4;--color-accent-2-300: #c4deca;--color-accent-2-400: #9acba6;--color-accent-2-500: #71b782;--color-accent-2-600: #52a366;--color-accent-2-700: #427e50;--color-accent-2-800: #315b3b;--color-accent-2-900: #213a27;--color-warn-100: #f9f4f3;--color-warn-200: #f2e0db;--color-warn-300: #ecc3b7;--color-warn-400: #e6977f;--color-warn-500: #dd6c4b;--color-warn-600: #ce4d27;--color-warn-700: #9d3e22;--color-warn-800: #712f1b;--color-warn-900: #482014}:root[data-theme=slate]{--color-bg: #f5f7f9;--color-surface: #eef2f6;--color-text: #18222b;--color-accent: #4a6580;--color-accent-2: #6f9a5f;--color-warn: #d1795a;--color-divider: color-mix(in srgb, #18222b 16%, transparent);--color-accent-100: #f5f6f7;--color-accent-200: #e2e7eb;--color-accent-300: #c7d1dc;--color-accent-400: #9eb2c7;--color-accent-500: #7794b1;--color-accent-600: #5a7a9b;--color-accent-700: #476078;--color-accent-800: #354657;--color-accent-900: #242e38;--color-accent-2-100: #f6f7f5;--color-accent-2-200: #e5ebe3;--color-accent-2-300: #cddac8;--color-accent-2-400: #aac4a1;--color-accent-2-500: #88ad7b;--color-accent-2-600: #6d975d;--color-accent-2-700: #56754a;--color-accent-2-800: #3f5537;--color-accent-2-900: #2a3725;--color-warn-100: #f9f5f3;--color-warn-200: #f0e2dd;--color-warn-300: #e7c7bb;--color-warn-400: #dd9e88;--color-warn-500: #d07757;--color-warn-600: #bf5935;--color-warn-700: #93472c;--color-warn-800: #6a3523;--color-warn-900: #432419}:root[data-theme=organic]{--color-bg: #f5ead8;--color-surface: #ebddc5;--color-text: #201e1d;--color-accent: #c67139;--color-accent-2: #7a8a5e;--color-warn: #c67139;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-accent-100: #f9f6f3;--color-accent-200: #f0e5dd;--color-accent-300: #e7cdbc;--color-accent-400: #dcaa89;--color-accent-500: #cf8859;--color-accent-600: #be6c37;--color-accent-700: #92552d;--color-accent-800: #693f23;--color-accent-900: #432a19;--color-accent-2-100: #f6f7f5;--color-accent-2-200: #e8eae4;--color-accent-2-300: #d3d8ca;--color-accent-2-400: #b6c1a4;--color-accent-2-500: #99a880;--color-accent-2-600: #819263;--color-accent-2-700: #64714e;--color-accent-2-800: #49523a;--color-accent-2-900: #303527;--color-warn-100: #f9f6f3;--color-warn-200: #f0e5dd;--color-warn-300: #e7cdbc;--color-warn-400: #dcaa89;--color-warn-500: #cf8859;--color-warn-600: #be6c37;--color-warn-700: #92552d;--color-warn-800: #693f23;--color-warn-900: #432a19}:root[data-theme=dark]{--color-bg: #0e0f11;--color-surface: #1c1d20;--color-text: #f3f4f2;--color-accent: #57a866;--color-accent-2: #6bbf78;--color-warn: #e88a6d;--color-divider: color-mix(in srgb, #f3f4f2 18%, transparent);--color-accent-100: #263629;--color-accent-200: #37563c;--color-accent-300: #46794f;--color-accent-400: #54a162;--color-accent-500: #72b67e;--color-accent-600: #9acba3;--color-accent-700: #c3dfc8;--color-accent-800: #e0eee2;--color-accent-900: #f4f8f5;--color-accent-2-100: #243827;--color-accent-2-200: #335a39;--color-accent-2-300: #3f8049;--color-accent-2-400: #4baa5a;--color-accent-2-500: #69be77;--color-accent-2-600: #94d19e;--color-accent-2-700: #c0e2c5;--color-accent-2-800: #deefe1;--color-accent-2-900: #f3f9f4;--color-warn-100: #40241c;--color-warn-200: #6a3322;--color-warn-300: #9b4024;--color-warn-400: #d24c23;--color-warn-500: #e26b46;--color-warn-600: #ea957b;--color-warn-700: #f1c0b1;--color-warn-800: #f7ded7;--color-warn-900: #fbf3f1;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 3px 10px rgba(0,0,0,.55);--shadow-lg: 0 12px 32px rgba(0,0,0,.6)}#root{height:100dvh}.app-frame{position:relative;width:100%;zoom:var(--ui-scale, 1);max-width:min(calc(100vw / var(--ui-scale, 1)),calc(440px / var(--ui-scale, 1)));height:calc(100dvh / var(--ui-scale, 1));margin:0 auto;background:var(--color-bg);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 480px){body{background:var(--color-neutral-300)}.app-frame{height:min(920px,calc(100dvh / var(--ui-scale, 1)));margin-block:max(0px,calc((100dvh / var(--ui-scale, 1) - 920px) / 2));border-radius:28px;box-shadow:var(--shadow-lg)}}.screen{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:12px}.screen--flush{padding-bottom:0}.screen-pad{padding:max(28px,env(safe-area-inset-top)) 20px 18px}.screen-head{position:sticky;top:0;z-index:15;background:var(--color-bg);padding:max(28px,env(safe-area-inset-top)) 20px 13px;border-bottom:1px solid var(--color-divider)}.screen-body{padding:16px 20px 18px}.tabbar{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:2px;padding:9px 8px calc(12px + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-divider);z-index:20}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;letter-spacing:.02em;color:color-mix(in srgb,var(--color-text) 45%,transparent);text-decoration:none}.tab--on{color:var(--color-accent-700)}.tab-shutter{flex:none;width:60px;height:60px;margin-top:-24px;border-radius:999px;background:var(--color-accent);color:var(--color-bg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:3px solid var(--color-surface)}.tab-shutter:active{background:var(--color-accent-600)}.pill-btn{display:flex;align-items:center;justify-content:center;width:100%;height:54px;border-radius:999px;background:var(--color-accent);color:var(--color-bg);font-family:var(--font-heading);font-size:17px;text-decoration:none;box-shadow:var(--shadow-sm)}.pill-btn:active{background:var(--color-accent-600)}.pill-btn--ghost{background:none;box-shadow:none;height:48px;color:var(--color-accent-700);font-family:var(--font-body);font-size:14.5px;font-weight:600}.kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 52%,transparent)}.icon-btn{width:38px;height:38px;border-radius:999px;border:1px solid var(--color-divider);display:flex;align-items:center;justify-content:center;color:inherit;background:var(--color-bg)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes sweep{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}