:root{--bg: #F7F4EE;--surface: #FFFFFF;--ink: #2A2E35;--ink-sub: #8B8E96;--ink-mute: #C1C4CA;--hairline: #E6E4DE;--hairline-strong: #D2CFC9;--accent: #6FBAB1;--accent-soft: #C7E5E1;--accent-deep: #4E938A;--alert: #D18E76;--alert-soft: rgba(209, 142, 118, .1);--key-bg: #EEEBE5;--key-bg-active: #DED9D0;--health: #86C1A5;--mind: #8AB6CA;--knowledge: #B7CB80;--family: #E5CB85;--social: #E0B090;--economy: #C99BB0;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--tap: 44px;--font-num: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-jp: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--tabbar-h: 56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-jp);font-weight:400;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;overflow:hidden;touch-action:manipulation}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em}.app{display:flex;flex-direction:column;height:100dvh;max-width:430px;margin:0 auto;background:var(--bg);position:relative}.app__main{flex:1;overflow-y:auto;overscroll-behavior-y:contain;padding:calc(var(--safe-top) + 12px) 20px calc(var(--tabbar-h) + var(--safe-bottom) + 24px);-webkit-overflow-scrolling:touch}.screen{display:flex;flex-direction:column;gap:14px}.screen__title{font-size:22px;font-weight:700;margin:4px 0 0;letter-spacing:-.01em}.screen__note{color:var(--ink-sub);font-size:13px;margin:0;line-height:1.5}.screen__error{color:var(--alert);font-size:13px;margin:0;padding:10px 14px;background:var(--alert-soft);border-radius:var(--radius-sm)}.life-clock{color:var(--ink-sub);font-size:12px;letter-spacing:.04em;text-transform:none;margin:0;padding:2px 0 8px;display:flex;align-items:baseline;gap:6px}.life-clock .num{color:var(--ink);font-size:16px}.life-clock__hint{color:var(--ink-mute)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:16px 18px 18px;transition:transform 60ms ease-out}.card--hero{padding:20px 22px 22px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1414140a}.card__label{color:var(--ink-sub);font-size:12px;letter-spacing:.02em;margin:0 0 8px}.card__num{font-family:var(--font-num);font-weight:700;font-size:28px;margin:0;letter-spacing:-.02em;line-height:1.1}.card--hero .card__num{font-size:44px;letter-spacing:-.03em}.card__num.is-alert{color:var(--alert)}.card__sub{color:var(--ink-sub);font-size:13px;margin:10px 0 0;display:flex;gap:12px;flex-wrap:wrap}.card__sub .num{color:var(--ink);font-size:14px}.card__body{color:var(--ink);font-size:14px;margin:0;line-height:1.5}.card__body--mute{color:var(--ink-sub)}.tabbar{position:fixed;inset:auto 0 0 0;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#ffffffd9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--hairline);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:10;max-width:430px;margin:0 auto}.tabbar__item{display:flex;align-items:center;justify-content:center;height:100%;min-height:var(--tap);color:var(--ink-mute);font-size:11px;font-weight:500;text-decoration:none;transition:color .12s ease-out}.tabbar__item.active{color:var(--accent-deep);font-weight:700}.tabbar__item:active{color:var(--ink-sub)}.tabbar__fab{justify-self:center;align-self:center;width:54px;height:54px;border-radius:50%;background:var(--accent);color:var(--surface);border:none;font-size:26px;font-weight:300;line-height:1;box-shadow:0 2px 12px #4e938a40;transition:transform 80ms ease-out,background .1s ease-out;margin-top:-14px}.tabbar__fab:active{transform:scale(.94);background:var(--accent-deep)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14141459;animation:sheet-fade .18s ease-out}.sheet__panel{position:relative;width:100%;max-width:430px;background:var(--surface);border-top-left-radius:24px;border-top-right-radius:24px;padding:8px 20px calc(20px + var(--safe-bottom));animation:sheet-slide .26s cubic-bezier(.2,.9,.2,1);max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.sheet__handle{width:40px;height:5px;background:var(--hairline-strong);border-radius:3px;margin:6px auto 10px}.sheet__label{display:block;color:var(--ink-sub);font-size:12px;letter-spacing:.02em;margin:14px 0 8px}.sheet__amount{display:flex;align-items:baseline;justify-content:center;gap:8px;padding:12px 0 8px;min-height:72px}.sheet__yen{font-family:var(--font-num);font-weight:700;color:var(--ink-sub);font-size:28px}.sheet__amount-display{font-family:var(--font-num);font-weight:700;font-size:48px;color:var(--ink);letter-spacing:-.03em;min-height:1em;min-width:40px;line-height:1;font-variant-numeric:tabular-nums}.sheet__amount-display.is-empty{color:var(--ink-mute)}.sheet__cancel{margin-top:16px;width:100%;min-height:48px;background:var(--key-bg);border:none;color:var(--ink);border-radius:14px;padding:12px;font-size:15px;font-weight:500;font-family:var(--font-jp)}.sheet__cancel:active{background:var(--key-bg-active)}.sheet__error{color:var(--alert);font-size:13px;margin:8px 0 0;padding:8px 12px;background:var(--alert-soft);border-radius:var(--radius-sm)}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.keypad__key{min-height:56px;background:var(--key-bg);border:none;border-radius:12px;font-family:var(--font-num);font-weight:600;font-size:24px;color:var(--ink);transition:background 60ms ease-out,transform 60ms ease-out}.keypad__key:active{background:var(--key-bg-active);transform:scale(.96)}.keypad__key--fn{font-family:var(--font-jp);font-size:14px;font-weight:500;color:var(--ink-sub)}.keypad__key--back{font-size:22px;color:var(--ink)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.cat-grid__item{min-height:64px;padding:10px 6px;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;font-size:12px;color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-jp);transition:transform 60ms ease-out,border-color .1s ease-out,background .1s ease-out}.cat-grid__item:active{transform:scale(.96);background:var(--key-bg)}.cat-grid__item.is-disabled{opacity:.35;pointer-events:none}.cat-grid__name{line-height:1.25}.cat-grid__item--health:active{border-color:var(--health)}.cat-grid__item--mind:active{border-color:var(--mind)}.cat-grid__item--knowledge:active{border-color:var(--knowledge)}.cat-grid__item--family:active{border-color:var(--family)}.cat-grid__item--social:active{border-color:var(--social)}.cat-grid__item--economy:active{border-color:var(--economy)}.install-guide{position:fixed;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);left:12px;right:12px;max-width:406px;margin:0 auto;background:var(--ink);color:var(--bg);padding:14px 16px;border-radius:var(--radius-md);z-index:15;font-size:13px;line-height:1.5;box-shadow:0 6px 20px #2a2e3533;display:flex;gap:10px;align-items:flex-start;animation:sheet-slide .3s cubic-bezier(.2,.9,.2,1)}.install-guide__body{flex:1}.install-guide__title{font-weight:700;margin:0 0 4px;font-size:13px}.install-guide__close{background:transparent;color:var(--ink-mute);border:none;font-size:20px;padding:0;line-height:1;align-self:flex-start}