:root{--color-bg:#0b0d14;--color-card:#11141d;--color-text:#f2f2f5;--color-muted:#8b8d9a;--color-theme:#e30f25;--color-border:#ffffff1a}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}button,input,textarea{color:inherit;font-family:inherit;font-size:16px}.app-shell{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app-header{padding:max(env(safe-area-inset-top), 16px) 20px 20px;background:linear-gradient(135deg, var(--color-theme), color-mix(in srgb, var(--color-theme) 55%, black));color:#fff}.app-header__sub{opacity:.85;margin:0 0 4px;font-size:13px}.app-header__title{margin:0;font-size:20px;font-weight:700}.page{flex:1;padding:16px 16px 32px;overflow-y:auto}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;margin-bottom:16px;padding:16px}.budget-card{background:var(--color-theme);color:#fff;border-radius:16px;margin-bottom:16px;padding:20px}.budget-card__badge{background:#fff3;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:12px;display:inline-block}.budget-card__amount{margin:0 0 4px;font-size:32px;font-weight:700}.budget-card__note{opacity:.9;margin:0;font-size:13px}.section-title{color:var(--color-muted);margin:0 0 8px;font-size:14px}.summary-row{justify-content:space-between;padding:6px 0;display:flex}.summary-row--total{color:var(--color-theme);border-top:1px solid var(--color-border);margin-top:4px;padding-top:10px;font-weight:700}.upcoming-list{margin:0;padding:0;list-style:none}.upcoming-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:6px 0;display:flex}.upcoming-list li:last-child{border-bottom:none}.empty-note{color:var(--color-muted);font-size:14px}.segment{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.segment__info{border:1px solid var(--color-border);color:var(--color-muted);background:0 0;border-radius:999px;flex:none;width:32px;height:32px;margin-left:auto}.chip-group{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);border-radius:999px;min-height:44px;padding:8px 14px;font-size:14px}.chip--selected{background:var(--color-theme);border-color:var(--color-theme);color:#fff}.field{margin-bottom:16px}.field label{color:var(--color-muted);margin-bottom:6px;font-size:13px;display:block}.field input[type=date],.field input[type=text]{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;width:100%;min-height:44px;padding:12px}.amount-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;align-items:center;padding:0 12px;display:flex}.amount-input span{color:var(--color-muted);margin-right:4px}.amount-input input{background:0 0;border:none;flex:1;width:100%;min-height:44px;padding:12px 0}.save-button{background:var(--color-theme);color:#fff;border:none;border-radius:12px;width:100%;min-height:48px;font-size:16px;font-weight:700}.save-button:disabled{background:var(--color-muted);opacity:.5}.toast{background:var(--color-card);border:1px solid var(--color-theme);color:var(--color-text);z-index:20;border-radius:999px;padding:10px 20px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.tab-bar{background:var(--color-card);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.tab-bar__item{color:var(--color-muted);background:0 0;border:none;flex:1;min-height:48px;padding:10px 0 8px;font-size:11px}.tab-bar__item--active{color:var(--color-theme);font-weight:700}.placeholder{color:var(--color-muted)}.delete-button{border:1px solid var(--color-border);width:100%;min-height:48px;color:var(--color-text);background:0 0;border-radius:12px;margin-top:12px;font-size:16px;font-weight:700}.sheet-backdrop{z-index:30;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--color-card);width:100%;max-height:85vh;padding:16px 16px max(env(safe-area-inset-bottom), 16px);border-radius:20px 20px 0 0;overflow-y:auto}.sheet__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet__title{margin:0;font-size:16px}.sheet__close{border:1px solid var(--color-border);color:var(--color-muted);background:0 0;border-radius:999px;min-height:36px;padding:6px 14px}.calendar-nav{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.calendar-nav__button{border:1px solid var(--color-border);color:var(--color-text);background:0 0;border-radius:999px;width:44px;height:44px;font-size:16px}.calendar-nav__label{text-align:center;min-width:120px;font-size:16px;font-weight:700}.calendar-grid{margin-bottom:16px}.calendar-grid__row{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.calendar-grid__head{text-align:center;color:var(--color-muted);padding:4px 0;font-size:12px}.calendar-cell{background:var(--color-card);border:1px solid var(--color-border);min-height:44px;color:var(--color-text);border-radius:10px;font-size:14px;position:relative}.calendar-cell:disabled{background:0 0;border-color:#0000}.calendar-cell--today{border-color:var(--color-theme);color:var(--color-theme);font-weight:700}.calendar-cell[data-has-entry=true]:after{content:"";background:var(--color-theme);border-radius:999px;width:5px;height:5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.day-list{margin:0;padding:0;list-style:none}.day-list__item{border-bottom:1px solid var(--color-border);padding:8px 0}.day-list__item:last-child{border-bottom:none}.day-list__row{width:100%;min-height:44px;color:var(--color-text);text-align:left;background:0 0;border:none;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.day-list__item--recurring{min-height:44px;color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.day-list__type{color:var(--color-muted);font-size:12px}.day-list__badge{background:var(--color-border);color:var(--color-muted);border-radius:999px;padding:2px 10px;font-size:12px}.day-list__amount{margin-left:auto;font-weight:700}.day-list__memo,.day-list__payment{color:var(--color-muted);width:100%;font-size:12px}.calendar-summary .summary-row--total{color:var(--color-theme)}.info-item{margin-bottom:16px}.info-item:last-child{margin-bottom:0}.info-item__title{margin:0 0 4px;font-size:15px}.info-item__body{color:var(--color-muted);margin:0;font-size:13px}.stats-ratio{margin-top:8px}.stats-ratio__label{color:var(--color-muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.stats-ratio__bar{background:var(--color-border);border-radius:999px;height:8px;overflow:hidden}.stats-ratio__bar-fill{background:var(--color-theme);border-radius:999px;height:100%}.breakdown-list{margin:0;padding:0;list-style:none}.breakdown-list__item{padding:8px 0}.breakdown-list__label{align-items:baseline;gap:8px;margin-bottom:4px;font-size:14px;display:flex}.breakdown-list__label span:first-child{flex:1}.breakdown-list__bar{background:var(--color-border);border-radius:999px;height:8px;overflow:hidden}.breakdown-list__bar-fill{border-radius:999px;height:100%}.breakdown-list__bar-fill--oshi{background:var(--color-theme)}.breakdown-list__bar-fill--living{background:var(--color-muted)}.trend-chart{flex-direction:column;gap:8px;display:flex}.trend-chart__svg{width:100%;height:auto}.trend-chart__gridline{stroke:var(--color-border);stroke-width:1px}.trend-chart__tick,.trend-chart__month-label{fill:var(--color-muted);font-size:9px}.trend-chart__bar-group{cursor:pointer}.trend-chart__bar--oshi{fill:var(--color-theme)}.trend-chart__bar--living{fill:var(--color-muted)}.trend-chart__highlight{fill:var(--color-border)}.trend-chart__legend{color:var(--color-muted);gap:16px;font-size:12px;display:flex}.trend-chart__legend-item{align-items:center;gap:6px;display:flex}.trend-chart__legend-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.trend-chart__legend-swatch--oshi{background:var(--color-theme)}.trend-chart__legend-swatch--living{background:var(--color-muted)}.trend-chart__tooltip{background:var(--color-bg);border:1px solid var(--color-theme);border-radius:10px;padding:10px 12px;font-size:13px}.trend-chart__tooltip-title{margin:0 0 4px;font-weight:700}.trend-chart__tooltip p{margin:0}.trend-chart__tooltip p+p{margin-top:2px}.oshi-card__header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.oshi-card__avatar{background:var(--color-theme);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.oshi-card__name{margin:0;font-size:16px;font-weight:700}.oshi-card__start{color:var(--color-muted);margin:0;font-size:12px}.oshi-card__this-month{color:var(--color-theme);font-weight:700}.settings-list{margin:0 0 12px;padding:0;list-style:none}.settings-list__item{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.settings-list__item:last-child{border-bottom:none}.settings-list__label{flex:1;min-width:80px}.settings-list__sub{color:var(--color-muted);font-size:12px}.settings-list__amount{font-weight:700}.settings-list__edit,.settings-list__delete{border:1px solid var(--color-border);min-height:36px;color:var(--color-text);background:0 0;border-radius:999px;padding:4px 12px;font-size:13px}.settings-list__delete{color:var(--color-theme);border-color:var(--color-theme)}.settings-add-button{border:1px dashed var(--color-border);width:100%;min-height:44px;color:var(--color-text);background:0 0;border-radius:12px;margin-top:4px;font-size:14px}.form-error{color:#f87171;margin:0 0 12px;font-size:13px}.payment-group{margin-bottom:12px}.payment-group__row{align-items:center;gap:8px;display:flex}.payment-group__name{flex:1;font-weight:700}.payment-group__children{margin:8px 0 0;padding:0 0 0 16px;list-style:none}.payment-group__child{align-items:center;gap:8px;padding:6px 0;display:flex}.payment-group__child span{flex:1}.field select{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;width:100%;min-height:44px;padding:12px}.theme-swatch-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.theme-swatch{border:none;border-radius:999px;width:40px;height:40px}.theme-swatch--selected{box-shadow:0 0 0 3px #fff}.theme-custom__row{align-items:center;gap:12px;display:flex}.theme-custom__hex{color:var(--color-muted);font-size:14px}.banner{background:color-mix(in srgb, var(--color-theme) 20%, var(--color-card));border:1px solid var(--color-theme);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.banner__text{flex:1;min-width:160px;font-size:13px}.banner__action{background:var(--color-theme);color:#fff;border:none;border-radius:999px;flex:none;min-height:36px;padding:6px 16px;font-size:13px;font-weight:700}.backup-textarea{background:var(--color-card);border:1px solid var(--color-border);resize:vertical;border-radius:10px;width:100%;min-height:160px;margin-bottom:12px;padding:12px;font-family:monospace;font-size:12px}