:root{--bg:#f5f0e6;--bg-card:#faf6ee;--bg-soft:#efe8d8;--accent:#6b1f2e;--accent-soft:#6b1f2e14;--gold:#b8935a;--gold-soft:#b8935a33;--text:#2a1f1a;--text-soft:#7a6a5c;--border:#b8935a40;--shadow:0 4px 20px #6b1f2e0f;--shadow-hover:0 8px 28px #6b1f2e1f;--radius:14px;--radius-lg:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);width:100%;overflow-x:hidden}body{background:radial-gradient(circle at 15% 0%, #b8935a1a 0%, transparent 40%), radial-gradient(circle at 85% 100%, #6b1f2e0f 0%, transparent 45%), linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app{max-width:900px;padding:32px 24px 80px;padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom));padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right));margin:0 auto}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:28px;padding-bottom:20px;display:flex;position:relative}.app-header:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:100px;height:1px;position:absolute;bottom:-1px;left:0}.app-header h1{color:var(--accent);letter-spacing:.01em;font-family:Playfair Display,serif;font-size:36px;font-weight:700}.month-nav{align-items:center;gap:10px;display:flex}.month-btn{border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--accent);cursor:pointer;touch-action:manipulation;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:16px;transition:all .2s;display:flex}.month-btn:active{background:var(--accent);color:var(--bg-card);border-color:var(--accent);transform:scale(.95)}.month-label{color:var(--text);text-align:center;min-width:130px;font-family:Playfair Display,serif;font-size:18px;font-weight:600}.main{flex-direction:column;gap:20px;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.card h2{color:var(--accent);margin-bottom:16px;font-family:Playfair Display,serif;font-size:20px;font-weight:600}.error-box{border-radius:var(--radius);color:#c62828;background:#ffebee;border:1px solid #ef9a9a;margin-bottom:20px;padding:14px 18px;font-size:14px}.quick-input-field{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--text);outline:none;padding:16px 20px;font-family:inherit;font-size:16px;transition:all .2s}.quick-input-field:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 4px var(--accent-soft)}.parsed-preview{border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);margin-top:14px;padding:16px 18px;animation:.25s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.parsed-preview.confidence-high{border-color:var(--gold);background:#b8935a0d}.parsed-preview.confidence-medium{border-color:var(--border)}.parsed-preview.confidence-low{background:#f57c000a;border-color:#f57c00}.parsed-info{align-items:center;gap:14px;margin-bottom:12px;display:flex}.parsed-emoji{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;display:flex}.parsed-category{color:var(--accent);font-size:15px;font-weight:600}.parsed-desc{color:var(--text-soft);font-size:13px}.parsed-amount{color:var(--accent);margin-left:auto;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.parsed-hint{color:var(--text-soft);background:var(--bg-card);border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:13px}.parsed-actions{flex-wrap:wrap;gap:10px;display:flex}.override-categories{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.override-chip{border:2px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:20px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.override-chip:active{transform:scale(.96)}.override-chip.active{background:var(--accent);color:var(--bg-card);border-color:var(--accent);font-weight:600}.override-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #8a2a3d 100%);color:var(--bg-card);cursor:pointer;letter-spacing:.02em;touch-action:manipulation;border:none;border-radius:10px;min-height:46px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 14px #6b1f2e40}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text-soft);border:1px solid var(--border);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:10px;min-height:46px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:active{background:var(--bg);color:var(--accent)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{background:var(--bg);min-height:42px;color:var(--text);cursor:pointer;touch-action:manipulation;border:2px solid #0000;border-radius:24px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.chip:active{background:var(--bg-soft);transform:scale(.96)}.chip-active{color:var(--accent);font-weight:600}.chip-emoji{font-size:16px}.chip-form{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding-top:16px;animation:.25s slideDown;display:flex}.chip-form input{border:2px solid var(--border);background:var(--bg);min-width:140px;color:var(--text);border-radius:10px;outline:none;flex:1;padding:13px 16px;font-family:inherit;font-size:16px;transition:all .2s}.chip-form input:focus{border-color:var(--accent);background:var(--bg-card)}.stats-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:18px 14px;transition:all .2s}.stat-primary{background:linear-gradient(135deg, var(--accent) 0%, #8a2a3d 100%);border:none}.stat-primary .stat-value,.stat-primary .stat-label{color:var(--bg-card)}.stat-value{color:var(--accent);margin-bottom:4px;font-family:Playfair Display,serif;font-size:22px;font-weight:700;line-height:1.1}.stat-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:500}.chart-wrap{width:100%;height:240px;position:relative}.by-category-list{flex-direction:column;gap:12px;display:flex}.by-cat-row{grid-template-columns:160px 1fr 100px;align-items:center;gap:12px;font-size:14px;display:grid}.by-cat-name{align-items:center;gap:8px;font-weight:500;display:flex}.by-cat-bar{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.by-cat-fill{border-radius:4px;height:100%;transition:width .4s}.by-cat-amount{text-align:right;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.expense-list{flex-direction:column;gap:8px;display:flex}.expense-item{border-radius:var(--radius);background:var(--bg);border:1px solid #0000;align-items:center;gap:14px;padding:12px 14px;transition:all .2s;display:flex}.expense-emoji{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.expense-info{flex:1;min-width:0}.expense-desc{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.expense-meta{color:var(--text-soft);margin-top:2px;font-size:12px}.expense-amount{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;font-family:Playfair Display,serif;font-size:17px;font-weight:700}.expense-delete{width:36px;height:36px;color:var(--text-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.expense-delete:active{color:#c62828;background:#c628281a}.empty-state{text-align:center;color:var(--text-soft);padding:40px 20px}.empty-state p{margin-bottom:6px;font-size:15px}.empty-hint{opacity:.7;font-size:13px}@media (width<=780px){.stats-row{grid-template-columns:repeat(2,1fr)}.by-cat-row{grid-template-columns:130px 1fr 90px;font-size:13px}.app-header{flex-direction:column;align-items:flex-start}.month-nav{justify-content:space-between;width:100%}.month-label{flex:1}}@media (width<=480px){.app{padding:18px 14px 70px;padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(70px + env(safe-area-inset-bottom));padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}.app-header{margin-bottom:20px;padding-bottom:16px}.app-header h1{font-size:26px}.app-header:after{width:70px}.month-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;justify-content:space-between;width:100%;padding:10px 14px}.month-btn{width:38px;height:38px;font-size:15px}.month-label{flex:1;min-width:auto;font-size:16px}.card{border-radius:16px;padding:18px 16px}.card h2{margin-bottom:14px;font-size:17px}.quick-input-field{border-radius:12px;padding:15px 16px;font-size:16px}.parsed-preview{padding:14px}.parsed-info{flex-wrap:wrap;gap:10px}.parsed-emoji{width:46px;height:46px;font-size:24px}.parsed-category{font-size:14px}.parsed-desc{font-size:12px}.parsed-amount{text-align:right;border-top:1px solid var(--border);width:100%;margin-left:0;padding-top:6px;font-size:22px}.parsed-actions{flex-direction:column}.parsed-actions button{width:100%;min-height:48px}.override-chip{padding:9px 12px;font-size:12px}.override-actions{flex-direction:column}.override-actions button{width:100%;min-height:48px}.chips{gap:8px;margin-bottom:14px}.chip{flex:calc(50% - 4px);justify-content:center;min-height:44px;padding:11px 14px;font-size:13px}.chip-emoji{font-size:16px}.chip-form{flex-direction:column;gap:8px}.chip-form input{width:100%;min-width:auto;padding:14px 16px}.chip-form button{width:100%;min-height:48px}.stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{border-radius:12px;padding:16px 10px}.stat-value{font-size:20px}.stat-label{letter-spacing:.06em;font-size:10px}.chart-wrap{height:220px}.by-cat-row{border-bottom:1px solid var(--border);grid-template-columns:1fr;gap:6px;padding:10px 0}.by-cat-row:last-child{border-bottom:none}.by-cat-name{justify-content:space-between;font-size:14px}.by-cat-bar{height:6px}.by-cat-amount{text-align:left;font-family:Playfair Display,serif;font-size:15px}.expense-item{border-radius:12px;gap:12px;padding:12px}.expense-emoji{border-radius:10px;width:42px;height:42px;font-size:20px}.expense-desc{font-size:14px}.expense-meta{font-size:11px}.expense-amount{font-size:16px}.expense-delete{width:34px;height:34px;font-size:13px}.btn-primary,.btn-secondary{min-height:48px;padding:13px 20px;font-size:14px}}@media (width<=375px){.app{padding:14px 12px 60px;padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(60px + env(safe-area-inset-bottom))}.app-header h1{font-size:22px}.month-label{font-size:14px}.month-btn{width:34px;height:34px}.card{padding:14px 12px}.card h2{font-size:16px}.quick-input-field{padding:13px 14px;font-size:15px}.override-chip{padding:8px 10px;font-size:11px}.chip{padding:10px;font-size:12px}.chip-emoji{font-size:14px}.stat-value{font-size:18px}.stat-label{font-size:9px}.chart-wrap{height:200px}.expense-emoji{width:38px;height:38px;font-size:18px}.expense-desc{font-size:13px}.expense-amount{font-size:15px}}