:root{--color-bg:#f2f2f7;--color-bg-elevated:#fff;--color-text:#1c1c1e;--color-text-secondary:#6b6b70;--color-border:#e2e2e6;--color-accent:#3478f6;--color-accent-contrast:#fff;--color-positive:#2f7de1;--color-negative:#d97a1f;--color-success:#2fa84f;--color-danger:#e0483e;--shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000f;--radius-md:12px;--radius-lg:18px;--tab-bar-height:58px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:#000;--color-bg-elevated:#1c1c1e;--color-text:#f2f2f7;--color-text-secondary:#9b9ba1;--color-border:#38383a;--color-accent:#5e9bff;--color-accent-contrast:#041225;--color-positive:#5e9bff;--color-negative:#f0a355;--color-success:#49c96a;--color-danger:#ff6b60;--shadow-card:0 1px 3px #00000080, 0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#000;--color-bg-elevated:#1c1c1e;--color-text:#f2f2f7;--color-text-secondary:#9b9ba1;--color-border:#38383a;--color-accent:#5e9bff;--color-accent-contrast:#041225;--color-positive:#5e9bff;--color-negative:#f0a355;--color-success:#49c96a;--color-danger:#ff6b60;--shadow-card:0 1px 3px #00000080, 0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--color-bg:#f2f2f7;--color-bg-elevated:#fff;--color-text:#1c1c1e;--color-text-secondary:#6b6b70;--color-border:#e2e2e6;--color-accent:#3478f6;--color-accent-contrast:#fff;--color-positive:#2f7de1;--color-negative:#d97a1f;--color-success:#2fa84f;--color-danger:#e0483e;--shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif}#root{min-height:100dvh}button,input,textarea{font-family:inherit}.app-shell{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.app-page{min-height:0;padding:16px 16px calc(var(--tab-bar-height) + 24px);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.install-hint{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;gap:8px;margin:12px 16px 0;padding:12px 14px;display:flex}.install-hint-body{flex:1;min-width:0}.install-hint-title{margin:0 0 4px;font-size:14px;font-weight:700}.install-hint-text{color:var(--color-text-secondary);overflow-wrap:break-word;margin:0;font-size:13px;line-height:1.5}.install-hint-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 6px;font-size:20px;line-height:1}.app-page--hidden{display:none}.page-title{letter-spacing:-.02em;margin:4px 0 16px;font-size:22px;font-weight:700}.card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.section{margin-bottom:20px}.section-label{color:var(--color-text-secondary);margin:0 0 8px 4px;font-size:13px;font-weight:600}.tab-bar{width:100%;max-width:480px;height:var(--tab-bar-height);padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:20;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 2px 4px;font-size:11px;display:flex}.tab-bar-button svg{width:24px;height:24px}.tab-bar-button.active{color:var(--color-accent)}.field{margin-bottom:20px}.field-label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.amount-input{text-align:center;background:var(--color-bg);border-radius:var(--radius-md);width:100%;color:var(--color-text);border:none;min-width:0;padding:16px 12px;font-size:36px;font-weight:700}.amount-input:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.text-input{border:1px solid var(--color-border);background:var(--color-bg-elevated);border-radius:var(--radius-md);width:100%;color:var(--color-text);min-width:0;padding:12px 14px;font-size:16px}.text-input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.segmented{background:var(--color-bg);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.segmented-option{border-radius:calc(var(--radius-md) - 3px);min-width:0;color:var(--color-text-secondary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:9px 6px;font-size:14px;font-weight:600;overflow:hidden}.segmented-option.active{background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-card)}.share-readout{word-break:break-word;margin-bottom:10px;font-size:14px;font-weight:600}.share-slider{width:100%;accent-color:var(--color-accent);margin-bottom:10px}.share-inputs{gap:12px;display:flex}.share-input-field{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.share-input-label{color:var(--color-text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.share-number{text-align:right;flex:1;min-width:0}.share-number:disabled{opacity:.5}.share-input-unit{color:var(--color-text-secondary);font-size:13px}.date-toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:inline-flex}.primary-button{background:var(--color-accent);width:100%;color:var(--color-accent-contrast);border-radius:var(--radius-md);cursor:pointer;border:none;min-height:52px;padding:15px;font-size:17px;font-weight:700;display:block}.primary-button:disabled{opacity:.4;cursor:not-allowed}.secondary-button{border:1px solid var(--color-border);background:var(--color-bg-elevated);width:100%;color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;padding:12px;font-size:15px;font-weight:600;display:block}.text-button{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:14px;font-weight:600}.text-button.danger{color:var(--color-danger)}.toast-overlay{pointer-events:none;z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.toast-card{background:var(--color-success);color:#fff;border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:8px;padding:22px 34px;animation:.28s ease-out toast-pop;display:flex;box-shadow:0 12px 28px #00000047}.toast-card svg{width:34px;height:34px}.toast-card span{font-size:16px;font-weight:700}@keyframes toast-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.settlement-card{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;display:flex}.settlement-direction{color:var(--color-text-secondary);font-size:14px}.settlement-amount{letter-spacing:-.02em;word-break:break-all;font-size:34px;font-weight:700}.settlement-amount.positive{color:var(--color-positive)}.settlement-amount.negative{color:var(--color-negative)}.settlement-amount.settled{color:var(--color-success)}.settlement-sub{color:var(--color-text-secondary);font-size:13px}.settlement-breakdown{justify-content:center;gap:28px;width:100%;margin-top:10px;display:flex}.settlement-breakdown-item{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.settlement-breakdown-label{color:var(--color-text-secondary);white-space:nowrap;font-size:11px}.settlement-breakdown-value{word-break:break-word;font-size:14px;font-weight:600}.settlement-settled-icon{width:32px;height:32px;color:var(--color-success)}.history-settled-icon{width:18px;height:18px;color:var(--color-success);flex-shrink:0}.month-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.month-header-left{align-items:center;gap:6px;min-width:0;display:flex}.back-button{color:var(--color-accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;display:flex}.back-button svg{width:22px;height:22px}.month-title{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;overflow:hidden}.add-button{background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.add-button svg{width:20px;height:20px}.settle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.settled-badge{color:var(--color-success);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.settled-badge svg{width:16px;height:16px}.expense-list{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0;padding:0;list-style:none;overflow:hidden}.expense-row{text-align:left;border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.expense-row:last-child{border-bottom:none}.expense-row-main{flex:1;min-width:0}.expense-row-memo{overflow-wrap:anywhere;font-size:15px;font-weight:500}.expense-row-meta{color:var(--color-text-secondary);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.expense-row-amount{white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:700}.empty-state{text-align:center;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty-state-title{color:var(--color-text);font-size:16px;font-weight:700}.empty-state-desc{font-size:13px}.history-month-row{text-align:left;border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.history-month-row:last-child{border-bottom:none}.history-month-main{min-width:0}.history-month-title{font-size:15px;font-weight:700}.history-month-sub{color:var(--color-text-secondary);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.chart-wrap{margin-bottom:20px}.chart-title{color:var(--color-text-secondary);margin:0 0 8px 4px;font-size:13px;font-weight:600}.chart-scale-hint{text-align:right;color:var(--color-text-secondary);margin-top:4px;font-size:11px}.settings-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{flex-shrink:0;font-size:15px;font-weight:500}.settings-section-footer{color:var(--color-text-secondary);margin:8px 4px 0;font-size:12px;line-height:1.5}.about-text{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.modal-overlay{z-index:40;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--color-bg);width:100%;max-width:480px;max-height:90dvh;padding:20px 16px calc(env(safe-area-inset-bottom) + 24px);border-radius:20px 20px 0 0;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-size:17px;font-weight:700}.ad-slot{min-height:0}@media (width>=480px){.app-shell{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}