@charset "UTF-8";:root{--c-bg: #f1f7ee;--c-bg-deep: #dfebd9;--c-surface: #ffffff;--c-border: #c7dcc0;--c-ink: #1b2a20;--c-ink-soft: #4a6152;--c-primary: #2e7d4f;--c-primary-strong: #215c39;--c-primary-soft: #d7ecdd;--c-accent: #8a5a12;--c-accent-soft: #f6e8d2;--c-danger: #a4231f;--c-danger-soft: #fbe9e8;--c-ok: #1f6b3a;--c-warn: #875607;--c-warn-soft: #fbf0dc;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--r-sm: .5rem;--r-md: .875rem;--r-lg: 1.25rem;--r-pill: 999px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--motion-fast: .16s;--motion-base: .32s;--motion-slow: .62s;--ease-out: cubic-bezier(.22, .61, .36, 1);--shadow-sm: 0 1px 2px rgb(31 41 51 / 8%);--shadow-md: 0 6px 18px rgb(31 41 51 / 12%);--touch-target: 3rem}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}app-root{display:block;min-height:100%}h1,h2,h3{margin:0;line-height:1.2;font-weight:700}button{font:inherit;color:inherit}.page{display:flex;flex-direction:column;min-height:100dvh;padding:calc(var(--safe-top) + var(--sp-4)) calc(var(--safe-right) + var(--sp-4)) calc(var(--safe-bottom) + var(--sp-4)) calc(var(--safe-left) + var(--sp-4));gap:var(--sp-4)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-target);padding:var(--sp-3) var(--sp-5);border:2px solid transparent;border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink);font-weight:600;font-size:1.0625rem;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out);touch-action:manipulation}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--c-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--c-primary-strong)}.btn--secondary{background:var(--c-surface);border-color:var(--c-border)}.btn--ghost{background:transparent;border-color:transparent;color:var(--c-ink-soft)}.btn--danger{background:var(--c-surface);border-color:var(--c-danger);color:var(--c-danger)}.btn--block{width:100%}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.text-soft{color:var(--c-ink-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}