:root{color:#1d1d1f;background:#f5f5f7;--app-bg: #f5f5f7;--surface: rgba(255, 255, 255, .86);--surface-strong: #ffffff;--surface-soft: #fbfbfd;--text: #1d1d1f;--muted: #6e6e73;--muted-strong: #515154;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .12);--accent: #0071e3;--accent-pressed: #0066cc;--accent-soft: rgba(0, 113, 227, .1);--success: #248a5a;--danger: #d7433d;--danger-soft: #fff2f1;--shadow-soft: 0 18px 42px rgba(0, 0, 0, .08);--shadow-lift: 0 24px 70px rgba(0, 0, 0, .14);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Segoe UI,ui-sans-serif,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg,#ffffff 0,var(--app-bg) 280px),var(--app-bg)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,460px);min-height:100vh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 18px calc(96px + env(safe-area-inset-bottom));position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 2px 20px}.app-header p{margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:600;line-height:1.25}.app-header h1{margin:0;color:var(--text);font-size:34px;font-weight:800;line-height:1.03;letter-spacing:0}.privacy-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted-strong);background:#ffffffb8;box-shadow:0 8px 22px #0000000d;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.content-area{min-height:60vh}.screen-stack{display:grid;gap:16px}.screen-stack>section,.entry-form{animation:surface-in .18s ease-out both}.page-title{padding:2px 2px 0}.page-title h1{margin:0;color:var(--text);font-size:34px;font-weight:800;line-height:1.03;letter-spacing:0}.summary-panel,.entry-form,.records-list,.tool-panel,.exchange-calculator,.exchange-history-panel,.currency-picker,.rate-list,.category-panel,.advice-panel,.settings-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.summary-panel,.records-list,.tool-panel,.exchange-calculator,.exchange-history-panel,.currency-picker,.rate-list,.category-panel,.advice-panel,.settings-panel{padding:18px}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text)}.section-title svg{color:var(--accent)}.section-title h2{margin:0;font-size:18px;font-weight:760;line-height:1.2;letter-spacing:0}.summary-grid{display:grid;gap:10px}.summary-card{display:grid;gap:5px;min-height:112px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong);box-shadow:0 10px 24px #0000000a}.summary-card span{color:var(--muted);font-size:13px;font-weight:700}.summary-card strong{font-size:clamp(18px,6vw,23px);font-weight:780;line-height:1.2;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.summary-card small,.record-main small,.muted{color:var(--muted);font-size:13px;line-height:1.45}.entry-form{display:grid;gap:13px;padding:16px}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:8px;background:#e8e8ed}.segmented-control button{min-height:44px;border:0;border-radius:6px;color:var(--muted-strong);background:transparent;font-size:15px;font-weight:760}.segmented-control button.active{color:var(--text);background:var(--surface-strong);box-shadow:0 3px 10px #00000014}.form-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.field{display:grid;gap:6px;min-width:0}.field span{color:var(--muted-strong);font-size:13px;font-weight:760}.field-hint{margin:-4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.field input,.field select,.inline-select{width:100%;min-width:0;min-height:46px;border:1px solid var(--border-strong);border-radius:8px;color:var(--text);background:var(--surface-soft);padding:0 12px;outline:none;text-overflow:ellipsis}.field input[type=date]{display:block;height:46px;max-width:100%;min-inline-size:0;font-size:16px;font-weight:650;line-height:46px;padding-top:0;padding-bottom:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input[type=date]::-webkit-date-and-time-value{min-height:44px;line-height:44px;text-align:left}.field input:focus,.field select:focus,.inline-select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e324}.primary-button,.secondary-button,.danger-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:0;border-radius:8px;font-weight:760}.primary-button,.secondary-button,.danger-button{width:100%;font-size:16px}.primary-button{color:#fff;background:var(--accent);box-shadow:0 10px 22px #0071e338}.secondary-button{border:1px solid var(--border);color:var(--text);background:var(--surface-strong)}.danger-button{color:#fff;background:var(--danger)}.small-button{min-height:36px;margin-top:8px;padding:0 12px;border:1px solid var(--border);color:var(--text);background:var(--surface-strong);font-size:13px}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.small-button:disabled{cursor:not-allowed;opacity:.62}.primary-button,.secondary-button,.danger-button,.small-button,.currency-line,.currency-option>button:first-child,.edit-rate-button,.tab-bar button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.primary-button:active,.secondary-button:active,.danger-button:active,.small-button:active,.currency-line:active,.currency-option>button:first-child:active,.edit-rate-button:active,.section-toggle:active,.piggy-create-toggle:active,.tab-bar button:active{transform:translateY(1px) scale(.99)}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 10px}.settings-panel{display:grid;gap:12px}.records-list,.records-list-body{display:grid;gap:10px}.section-toggle{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:62px;width:100%;border:0;border-radius:8px;color:var(--text);background:var(--surface-strong);padding:10px;text-align:left}.section-toggle-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--accent);background:var(--accent-soft)}.section-toggle span:not(.section-toggle-icon){display:grid;gap:3px;min-width:0}.section-toggle strong{font-size:16px;font-weight:780}.section-toggle small,.section-toggle em{color:var(--muted);font-size:13px;font-style:normal}.settings-section-body{display:grid;gap:12px;padding-top:2px}.record-row{display:grid;grid-template-columns:42px 1fr 38px;gap:10px;align-items:start;padding:13px 0;border-top:1px solid var(--border)}.record-row:first-of-type{border-top:0}.record-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:#fff;font-size:20px;font-weight:800}.record-icon.expense{background:var(--danger)}.record-icon.income{background:var(--success)}.record-main{min-width:0}.record-topline{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.record-topline strong,.record-topline span{font-size:16px;font-weight:760;line-height:1.25}.record-topline strong{min-width:0}.record-topline span{flex:0 1 auto;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.record-topline span.expense{color:var(--danger)}.record-topline span.income{color:var(--success)}.record-main p{margin:4px 0 3px;color:var(--muted-strong);font-size:14px;line-height:1.35;word-break:break-word}.inline-select{min-height:36px;margin-top:8px;padding:0 10px;font-size:13px}.checkbox-row,.toggle-row{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px;line-height:1.4}.checkbox-row input,.toggle-row input{width:20px;min-width:20px;height:20px;accent-color:var(--accent)}.toggle-row{justify-content:space-between;min-height:54px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.toggle-row span{display:grid;gap:3px}.toggle-row strong{color:var(--text);font-size:15px}.toggle-row small{color:var(--muted);font-size:12px}.privacy-note{padding:12px;border:1px solid var(--border);border-radius:8px;color:var(--muted-strong);background:var(--surface-soft);font-size:13px;line-height:1.5}.hidden-file-input{display:none}.secret-field{display:grid;grid-template-columns:1fr 68px;gap:8px}.secret-field input{min-width:0}.secret-toggle{min-height:46px;border:1px solid var(--border);border-radius:8px;color:var(--accent);background:var(--surface-strong);font-size:13px;font-weight:760}.success-note{padding:12px;border:1px solid rgba(36,138,90,.22);border-radius:8px;color:#176f48;background:#f0faf5;font-size:14px;line-height:1.45}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:8px;color:var(--danger);background:var(--surface-strong)}.empty-state{display:grid;place-items:center;gap:7px;min-height:160px;padding:20px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);text-align:center}.empty-state strong{color:var(--text);font-size:16px}.empty-state p{margin:0;max-width:250px;font-size:13px;line-height:1.45}.notice{margin-bottom:12px;padding:12px;border:1px solid rgba(215,67,61,.18);border-radius:8px;color:#a5302b;background:var(--danger-soft);font-size:14px;line-height:1.45}.exchange-calculator{display:grid;gap:12px}.currency-line{display:grid;grid-template-columns:46px minmax(0,.7fr) minmax(118px,1.3fr);gap:10px;align-items:center;width:100%;min-height:86px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface-strong);padding:12px;text-align:left}.currency-line:focus-visible,.currency-option>button:first-child:focus-visible,.edit-rate-button:focus-visible{border-color:var(--accent);outline:0;box-shadow:0 0 0 4px #0071e324}.currency-badge{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:var(--surface-soft);font-size:25px;line-height:1}.currency-line span:not(.currency-badge),.currency-option span:not(.currency-badge){display:grid;gap:4px;min-width:0}.currency-line strong,.currency-option strong{color:var(--text);font-size:17px;line-height:1.2}.currency-line small,.currency-option small{color:var(--muted);font-size:12px;line-height:1.3;word-break:break-word}.currency-line em{min-width:0;color:var(--text);font-size:clamp(22px,8vw,32px);font-style:normal;font-weight:750;line-height:1.1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.exchange-meta{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface-soft);font-size:13px;line-height:1.45}.exchange-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exchange-actions .small-button{margin-top:0}.danger-soft{color:#a5302b;background:var(--danger-soft)}.exchange-calculator .notice,.exchange-calculator .success-note{margin-bottom:0}.exchange-history-panel{display:grid;gap:10px}.exchange-history-list{display:grid;gap:8px}.exchange-history-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;min-height:58px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong)}.exchange-history-item span{display:grid;gap:3px;min-width:0}.exchange-history-item span:last-child{text-align:right}.exchange-history-item strong{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.exchange-history-item small{color:var(--muted);font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.number-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--border)}.number-pad button{display:grid;place-items:center;min-height:58px;border:0;color:var(--text);background:var(--surface-strong);font-size:25px;font-weight:760;transition:background-color .12s ease,transform .12s ease}.number-pad button:active{transform:scale(.98);background:var(--accent-soft)}.currency-picker{position:fixed;right:max(16px,calc((100vw - 460px)/2 + 16px));bottom:calc(82px + env(safe-area-inset-bottom));left:max(16px,calc((100vw - 460px)/2 + 16px));z-index:18;display:grid;gap:12px;max-height:min(58vh,520px);overflow:auto;border-color:var(--border);background:#ffffffe6;box-shadow:var(--shadow-lift);animation:picker-rise .19s ease-out both;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.picker-header{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px}.picker-header h2{margin:0;color:var(--text);font-size:18px;line-height:1.2;text-align:center}.search-field{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;color:var(--muted);background:var(--surface-soft)}.search-field input{width:100%;min-width:0;border:0;outline:none;color:var(--text);background:transparent}.currency-list{display:grid;gap:8px}.currency-option{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center;min-width:0}.currency-option>button:first-child{display:grid;grid-template-columns:42px minmax(0,1fr) 48px;gap:10px;align-items:center;min-width:0;min-height:58px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface-strong);padding:8px 10px;text-align:left}.currency-option em{color:var(--muted);font-style:normal;font-weight:760;text-align:right}.edit-rate-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--border);border-radius:8px;color:var(--accent);background:var(--surface-strong)}.rate-editor{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 68px;gap:8px}.rate-editor input{min-width:0;min-height:42px;border:1px solid var(--border-strong);border-radius:8px;color:var(--text);background:var(--surface-soft);padding:0 12px;outline:none}.rate-editor button{min-height:42px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-weight:760}@keyframes surface-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes picker-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rate-list,.category-panel,.advice-panel,.analysis-panel,.piggy-panel,.piggy-create-panel,.piggy-create-form{display:grid;gap:10px}.analysis-panel,.piggy-panel,.piggy-create-panel{padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.analysis-grid,.piggy-list{display:grid;gap:10px}.inline-panel{padding:0;border:0;background:transparent;box-shadow:none}.compact-title{margin-bottom:4px}.analysis-entry,.piggy-create-toggle{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:62px;border:0;border-radius:8px;color:var(--text);background:var(--surface-strong);padding:10px;text-align:left}.analysis-entry-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--accent);background:var(--accent-soft)}.analysis-entry span:not(.analysis-entry-icon){display:grid;gap:3px;min-width:0}.piggy-create-toggle span:not(.analysis-entry-icon){display:grid;gap:3px;min-width:0}.analysis-entry strong,.piggy-create-toggle strong{font-size:16px;font-weight:780}.analysis-entry small,.analysis-entry em,.piggy-create-toggle small,.piggy-create-toggle em{color:var(--muted);font-size:13px;font-style:normal}.piggy-create-form{padding-top:10px;border-top:1px solid var(--border)}.rate-row,.category-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong)}.rate-row span,.category-row span{color:var(--muted-strong);font-weight:760}.rate-row strong,.category-row strong{color:var(--text);max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.advice{margin:0;padding:13px 14px;border-left:4px solid var(--accent);border-radius:8px;color:var(--text);background:var(--surface-strong);font-size:14px;line-height:1.55}.piggy-card{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong)}.piggy-card-head,.piggy-amounts,.piggy-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.piggy-card-head>div{display:grid;gap:3px;min-width:0}.piggy-card-head strong,.piggy-amounts span{color:var(--text);font-weight:780}.piggy-card-head small,.piggy-amounts em,.piggy-meta{color:var(--muted);font-size:13px;font-style:normal}.piggy-amounts span,.piggy-amounts em,.piggy-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:#e8e8ed}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.piggy-contribution{display:grid;gap:10px;padding-top:10px;border-top:1px solid var(--border)}.toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));z-index:20;width:min(calc(100% - 32px),420px);transform:translate(-50%);padding:12px 14px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#ffffffeb;box-shadow:var(--shadow-lift);font-size:14px;line-height:1.4;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tab-bar{position:fixed;right:0;bottom:0;left:0;z-index:15;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,460px);margin:0 auto;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#ffffffd1;box-shadow:0 -12px 36px #0000000f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.tab-bar.four-tabs{grid-template-columns:repeat(4,1fr)}.tab-bar button{display:grid;place-items:center;gap:3px;min-height:52px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:12px;font-weight:760}.tab-bar button.active{color:var(--accent);background:var(--accent-soft)}@media(min-width:620px){body{display:grid;min-height:100vh;place-items:start center}.app-shell{min-height:calc(100vh - 36px);margin-top:18px;margin-bottom:18px;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--app-bg);box-shadow:0 28px 72px #00000024}.tab-bar{left:50%;transform:translate(-50%);border-right:1px solid var(--border);border-left:1px solid var(--border);border-bottom-right-radius:24px;border-bottom-left-radius:24px}}