:root{font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;color:#f3f7ff;background:radial-gradient(circle at 12% 18%,rgba(55,130,255,.28),transparent 26%),radial-gradient(circle at 88% 12%,rgba(44,214,196,.18),transparent 22%),radial-gradient(circle at 50% 100%,rgba(108,76,255,.16),transparent 28%),linear-gradient(180deg,#07111f,#0b1526 48%,#0d182b);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-top: #07111f;--bg-bottom: #0d182b;--surface: rgba(13, 24, 43, .78);--surface-strong: rgba(10, 18, 34, .92);--surface-soft: rgba(18, 31, 54, .72);--surface-elevated: rgba(21, 36, 61, .94);--border: rgba(153, 191, 255, .16);--border-strong: rgba(129, 182, 255, .28);--text-primary: #f3f7ff;--text-secondary: #a8b7cf;--text-muted: #7e90ab;--accent: #6fd3ff;--accent-strong: #4b7cff;--accent-teal: #2dd4bf;--positive: #4de2a8;--warning: #ff9a5c;--danger: #ff7b72;--shadow-lg: 0 28px 70px rgba(1, 8, 20, .48);--shadow-md: 0 18px 42px rgba(1, 8, 20, .36)}*{box-sizing:border-box}body{margin:0;min-width:320px;max-width:100%;overflow-x:hidden;color:var(--text-primary);background:radial-gradient(circle at top,rgba(84,144,255,.14),transparent 32%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh;max-width:100%;overflow-x:hidden}.app-shell{width:min(1200px,calc(100% - 32px));max-width:100%;margin:0 auto;padding:32px 0 56px;overflow-x:hidden}.legal-shell{width:min(860px,calc(100% - 32px));max-width:100%;min-height:100vh;margin:0 auto;padding:32px 0 56px}.legal-card{padding:32px;border-radius:28px;border:1px solid var(--border);background:linear-gradient(145deg,#101e34eb,#0a1323f0);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.legal-back-link{display:inline-flex;align-items:center;margin-bottom:20px;color:var(--accent);font-weight:700;text-decoration:none}.legal-back-link:hover{color:#9ddcff}.legal-updated{margin:12px 0 0;color:var(--text-secondary)}.legal-content{margin-top:24px;color:var(--text-secondary)}.legal-content h2{margin:28px 0 10px;color:var(--text-primary);font-size:1.1rem}.legal-content p{margin:0 0 14px}.legal-content a{color:var(--accent)}.hero,.panel,.metric-card,.warning-banner,.success-banner{border:1px solid var(--border);box-shadow:var(--shadow-lg)}.hero>*,.content-grid>*,.summary-grid>*,.calendar-summary-grid>*,.calendar-detail-grid>*,.cause-grid>*,.cause-columns>*{min-width:0}.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;padding:28px;border-radius:28px;background:linear-gradient(145deg,#101e34eb,#0a1323f0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:end;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-30% auto auto -10%;width:260px;height:260px;background:radial-gradient(circle,rgba(94,167,255,.26) 0%,transparent 68%);pointer-events:none}.hero:after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(45,212,191,.16) 0%,transparent 70%);pointer-events:none}.hero h1,.panel h2{margin:0}.hero-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hero-copy{margin:12px 0 0;max-width:56ch;color:var(--text-secondary)}.eyebrow{margin:0 0 8px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.accent-neutral{color:#82b8ff}.accent-income{color:var(--positive)}.accent-expense{color:var(--warning)}.language-switcher{display:grid;gap:8px;min-width:150px;max-width:100%;font-weight:600;color:var(--text-secondary)}.language-switcher select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#08111fe6;color:var(--text-primary);font:inherit;box-shadow:inset 0 1px #ffffff08}.hero-language-switcher{display:none}.hero-highlight{padding:20px;border-radius:20px;background:linear-gradient(180deg,#081222f5,#0e1c33f0);color:var(--text-primary);display:grid;gap:8px;border:1px solid rgba(122,176,255,.18);box-shadow:inset 0 1px #ffffff0a,0 20px 45px #0108146b}.hero-highlight p,.hero-highlight strong,.hero-highlight span{margin:0}.hero-highlight strong{font-size:1.8rem}.balance-editor{padding:20px;border-radius:20px;background:linear-gradient(180deg,#081222f5,#0e1c33f0);color:var(--text-primary);border:1px solid rgba(122,176,255,.18);box-shadow:inset 0 1px #ffffff0a,0 18px 40px #01081466}.balance-editor-panel{margin-top:0}.balance-editor label,.entry-form label,.recurring-form label,.field-group{display:grid;gap:8px;font-weight:600}.balance-editor input,.entry-form input,.recurring-form input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#060d19e0;color:var(--text-primary);box-shadow:inset 0 1px #ffffff08}.field-hint{color:var(--text-muted);font-size:.88rem;font-weight:500}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.desktop-tabbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mobile-tabbar{display:none}.tab-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid rgba(125,173,248,.14);border-radius:999px;background:#0e192cb8;color:var(--text-secondary);font-weight:700;box-shadow:inset 0 1px #ffffff08,0 14px 34px #01081433}.tab-button-active{background:linear-gradient(135deg,#3b7bffe6,#27cfbcb8);color:#f9fcff;border-color:#8ac6ff4d;box-shadow:0 12px 32px #2665e557,inset 0 1px #ffffff24}.tab-label{white-space:nowrap}.tab-content{padding-bottom:8px}.calendar-header{gap:16px}.calendar-nav{display:flex;align-items:center;gap:10px}.calendar-month-label{min-width:170px;text-align:center}.calendar-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.calendar-grid{min-width:760px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-weekday{padding:8px 10px;font-size:.9rem;font-weight:700;color:var(--text-secondary);text-align:center}.calendar-day{min-height:136px;min-width:0;padding:10px;border-radius:18px;border:1px solid rgba(135,177,238,.12);background:#0c182ae0;text-align:left;color:var(--text-primary);box-shadow:inset 0 1px #ffffff08}.calendar-day-muted{opacity:.7}.calendar-day-outside{background:#08101dcc}.calendar-day-selected{border-color:#6bc2ff99;box-shadow:inset 0 0 0 1px #439dff2e,0 0 0 1px #439dff2e}.calendar-day-today{border-color:#579aff61}.calendar-day-negative{background:linear-gradient(180deg,#3a151bf0,#211019f5)}.calendar-day-lowest{background:linear-gradient(180deg,#0c3130f0,#0a1b23f5)}.calendar-day-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px;font-weight:700}.calendar-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.calendar-badge{display:inline-flex;padding:2px 6px;border-radius:999px;font-size:.68rem;font-weight:700}.calendar-badge.today{background:#4886ff33;color:#8ec8ff}.calendar-badge.lowest{background:#1f856838;color:#71f0be}.calendar-badge.negative{background:#a4363633;color:#ffb38d}.calendar-badge.caution-line{background:#ffad4c2e;color:#ffd08c}.calendar-badge.danger-line{background:#ff656533;color:#ffb0b0}.calendar-badge.recurring-day{background:#6fd3ff2e;color:#a8e6ff}.calendar-dot-row{display:none}.calendar-dot{width:6px;height:6px;border-radius:999px}.calendar-dot-income{background:var(--positive)}.calendar-dot-expense{background:var(--warning)}.calendar-dot-recurring{background:#8ec8ff}.calendar-metrics{display:grid;gap:4px;font-size:.8rem}.calendar-income{color:var(--positive)}.calendar-expense{color:var(--warning)}.calendar-balance{color:var(--text-primary);font-size:.92rem}.calendar-balance-compact{display:none}.calendar-empty{color:var(--text-muted);font-size:.82rem}.calendar-detail{margin-top:20px}.calendar-mobile-sheet-wrap{display:none}.calendar-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.calendar-day-note{margin-bottom:16px}.calendar-alert-note{margin-bottom:12px}.calendar-detail-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.calendar-detail-head h3{margin:0;font-size:1rem}.calendar-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cause-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cause-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.cause-block{padding:18px 20px;border-radius:22px;background:#0e192cb8;border:1px solid var(--border);box-shadow:inset 0 1px #ffffff08}.cause-block h3{margin:0 0 12px;font-size:1rem}.cause-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cause-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(23,32,51,.08)}.cause-list li:last-child{padding-bottom:0;border-bottom:0}.cause-list span{color:var(--text-secondary)}.muted-text{margin:0;color:var(--text-muted)}.metric-card{padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,#111f35f0,#0b1525eb);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,rgba(123,186,255,.24),transparent 70%)}.metric-card p{margin:0 0 8px;color:var(--text-secondary);font-size:.95rem}.metric-card strong{font-size:1.2rem;letter-spacing:-.02em}.warning-banner,.success-banner{margin-top:18px;padding:16px 18px;border-radius:18px;background:#0a1222eb}.warning-banner{color:#ffc5a0;border-color:#ff8a5147;box-shadow:0 18px 40px #4a190847}.success-banner{color:#86efc1;border-color:#29ad7d38;box-shadow:0 18px 40px #083b283d}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.recurring-copy,.recurring-limit-copy{margin-bottom:18px}.panel{margin-top:20px;padding:24px;border-radius:28px;background:linear-gradient(180deg,#0f1b2fe6,#0a1222eb);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-intro-panel .muted-text,.settings-copy{margin-top:0}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr)}.settings-card-stack{display:grid;gap:14px;margin-top:16px}.alert-card-stack{display:grid;gap:14px}.important-dates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-card,.teaser-card{display:grid;gap:10px;padding:18px 20px;border-radius:22px;border:1px solid var(--border);background:#0e192cc2;box-shadow:inset 0 1px #ffffff08}.plan-setting-card{gap:14px}.plan-compare-grid,.plan-locked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-card{align-content:start}.plan-card.pro{border-color:#6fd3ff3d;background:linear-gradient(180deg,#13233beb,#0d182bdb)}.plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.plan-price-stack{display:grid;gap:10px}.plan-price-stack div{display:grid;gap:4px}.plan-price-stack span{color:var(--text-secondary);font-size:.88rem}.plan-price-stack strong{font-size:1.12rem}.setting-card p,.teaser-card p{margin:0}.setting-card label{display:grid;gap:8px;font-weight:600}.setting-card input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#060d19e0;color:var(--text-primary);box-shadow:inset 0 1px #ffffff08}.settings-language{min-width:0}.reset-button{justify-self:start}.simulation-panel{display:grid;gap:16px}.simulation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.simulation-metric-value{display:block;margin-top:10px;color:var(--text-primary);font-size:1.05rem;font-weight:700}.simulation-difference-card strong{color:#9fd7ff}.alert-card.caution strong{color:#ffd08c}.alert-card.danger strong{color:#ffb0b0}.alert-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.status-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#5083ff29;color:#9fd7ff;font-size:.78rem;font-weight:700}.status-pill-highlight{background:#ff8c5c29;color:#ffc19f}.simulation-status-pill{text-align:center}.simulation-status-safe{background:#1f85682e;color:#86efc1}.simulation-status-caution{background:#ff9a5c29;color:#ffc19f}.simulation-status-danger{background:#a4363638;color:#ffb7a8}.entry-form,.recurring-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.form-actions{display:flex;align-items:end;gap:10px}.item-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.inline-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.2}.recurring-badge{background:#4f82ff2e;color:#9fd7ff;border:1px solid rgba(131,180,255,.16)}.pro-badge{background:#ff8c5c29;color:#ffc19f;border:1px solid rgba(255,174,142,.14)}.primary-button,.ghost-button,.table-button{padding:11px 14px;border-radius:12px;border:0;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}.primary-button{background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent-teal) 100%);color:#f9fcff;box-shadow:0 16px 36px #2a6fe752}.ghost-button,.table-button{background:#14243de0;color:var(--text-primary);border:1px solid rgba(129,182,255,.12);box-shadow:inset 0 1px #ffffff08,0 12px 28px #01081433}.table-button.danger{background:#5c191ee0;color:#ffb2ae}.primary-button:hover,.ghost-button:hover,.table-button:hover,.tab-button:hover,.calendar-day:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:0 20px 40px #2a6fe766}.primary-button:disabled,.ghost-button:disabled,.table-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:560px}th,td{padding:14px 10px;border-bottom:1px solid rgba(139,173,224,.08);text-align:left;vertical-align:middle}th{color:var(--text-secondary);font-size:.92rem}.empty-row{text-align:center;color:var(--text-muted)}.actions-cell{display:flex;gap:8px}.negative-row td:last-child{color:#ffb08d;font-weight:700}.today-badge,.milestone-badge{display:inline-flex;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.today-badge{background:#4886ff2e;color:#8ec8ff}.milestone-badge{background:#1f85682e;color:#7df0c0}@media (max-width: 960px){.hero,.content-grid,.summary-grid,.calendar-summary-grid,.calendar-detail-grid,.cause-grid,.cause-columns,.entry-form,.recurring-form,.simulation-grid,.alert-settings-grid,.important-dates-grid,.plan-compare-grid,.plan-locked-grid{grid-template-columns:1fr}.form-actions{align-items:stretch}.actions-cell{flex-wrap:wrap}.cause-list li{align-items:flex-start;flex-direction:column}.hero-topline{flex-direction:column}.calendar-header,.calendar-detail-head{align-items:flex-start;flex-direction:column}.calendar-nav{width:100%;justify-content:space-between}.language-switcher{min-width:0;width:100%}.hero-language-switcher{display:grid}.panel-header{align-items:flex-start}}@media (max-width: 640px){.app-shell{width:calc(100% - 16px);max-width:100%;padding-top:20px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.hero,.panel{padding:16px;border-radius:22px}.metric-card{border-radius:18px}.summary-grid,.calendar-summary-grid,.cause-grid,.cause-columns,.content-grid,.entry-form,.recurring-form,.settings-card-stack{gap:12px}.desktop-tabbar{display:none}.mobile-tabbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(117,164,234,.16);border-radius:22px;background:#07101eeb;box-shadow:0 24px 54px #01081475;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tab-button{min-height:52px;padding:8px 6px;border-radius:16px;font-size:.78rem}.tab-label{white-space:normal;line-height:1.15;text-align:center}.calendar-nav{gap:8px}.calendar-month-label{min-width:0;flex:1}.calendar-scroll{overflow-x:visible}.calendar-grid{min-width:0;width:100%;gap:4px}.calendar-weekday{padding:4px 0;font-size:.7rem}.calendar-day{min-height:58px;padding:6px 4px;border-radius:14px}.calendar-day-top{gap:2px;margin-bottom:3px;font-size:.82rem;align-items:flex-start}.calendar-badges{gap:2px;justify-content:flex-end}.calendar-badge{padding:1px 4px;font-size:.52rem;letter-spacing:0}.calendar-badge.lowest,.calendar-badge.negative,.calendar-badge.today,.calendar-badge.recurring-day{display:none}.calendar-dot-row{display:flex;align-items:center;gap:4px;min-height:8px}.calendar-metrics,.calendar-balance-full{display:none}.calendar-balance-compact{display:block;font-size:.72rem;line-height:1.1}.calendar-empty,.calendar-detail{display:none}.calendar-mobile-sheet-wrap{display:block}.calendar-mobile-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;background:#0408109e;padding:0}.calendar-mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;max-height:min(78vh,720px);overflow-y:auto;padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;border:1px solid rgba(117,164,234,.16);background:linear-gradient(180deg,#0f1b2ffa,#08101efa);box-shadow:0 -18px 44px #01081485}.calendar-mobile-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.calendar-mobile-sheet-head h3{margin:0;font-size:1.05rem}.calendar-summary-grid-mobile{grid-template-columns:1fr;gap:10px}.calendar-detail-grid-mobile{grid-template-columns:1fr;gap:14px}table{min-width:520px}.hero-highlight strong{font-size:1.5rem}.legal-shell{width:calc(100% - 16px);padding-top:20px;padding-bottom:32px}.legal-card{padding:20px 16px;border-radius:22px}}