:root,:root[data-season=autumn]{--bg: #11140f;--s1: #1a1f17;--s2: #252c21;--tx: #ece8dc;--mu: #a4a690;--fa: #666c59;--ln: #2b3427;--ac: #d9a441;--acs: #33291a;--gr: #8fb58a;--grs: #1d2a1c;--sl: #cf7a4d}:root[data-season=winter]{--bg: #0e1316;--s1: #151c20;--s2: #1e272c;--tx: #e6edf0;--mu: #9aa9b0;--fa: #5d6b72;--ln: #263137;--ac: #a8cbe0;--acs: #1c2a33;--gr: #86b39a;--grs: #182922;--sl: #d99a8a}:root[data-season=spring]{--bg: #0f1510;--s1: #162017;--s2: #1f2b20;--tx: #e8f0e6;--mu: #9fb29e;--fa: #5f7160;--ln: #273427;--ac: #a3d487;--acs: #1f331c;--gr: #e3a6b8;--grs: #3a2630;--sl: #e39a7a}:root[data-season=summer]{--bg: #12140e;--s1: #1b1e15;--s2: #262b1e;--tx: #efeddf;--mu: #aeb095;--fa: #6c6f58;--ln: #2d3222;--ac: #e6c35c;--acs: #373019;--gr: #6fb7a8;--grs: #183029;--sl: #e08a5a}:root{color-scheme:dark;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tap: 48px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--tx);font:16px/1.45 var(--sans);-webkit-tap-highlight-color:transparent}h1{font:500 1.6rem/1.2 var(--serif);margin:0;text-wrap:balance}p{margin:0}.muted{color:var(--mu)}.error{color:var(--sl)}button{font:inherit;color:inherit;background:var(--s1);border:0;border-radius:12px;min-height:var(--tap);padding:0 18px;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--ac);outline-offset:2px}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--ac);color:var(--bg);font-weight:600;width:100%}button.quiet{background:transparent;color:var(--mu);min-height:40px;padding:0 8px}.center{height:100%;max-width:420px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.stack{gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.9rem;color:var(--mu)}.field input{font:inherit;color:var(--tx);background:var(--s1);border:1px solid var(--ln);border-radius:12px;min-height:var(--tap);padding:0 14px}.shell{height:100%;display:flex;flex-direction:column}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 8px}.banner{margin:0 16px;padding:10px 12px;border-radius:12px;background:var(--acs);color:var(--ac);font-size:.9rem}.content{flex:1;min-height:0;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:10px}.hello{font:500 1.25rem/1.3 var(--serif)}.tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--ln);background:var(--s1);padding-bottom:env(safe-area-inset-bottom)}.tabs button{background:transparent;border-radius:0;color:var(--fa);font-size:.8rem;min-height:56px;padding:0 4px}.tabs button.on{color:var(--ac)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}