*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #06C755;--primary-dark: #05a848;--bg: #f5f5f5;--bg-card: #ffffff;--bg-card-hover: #f0f0f0;--text: #1a1a1a;--text-muted: #888;--text-dim: #bbb;--border: #e8e8e8;--danger: #ff4d4f}body{font-family:LINE Seed JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.container{max-width:480px;margin:0 auto;padding:12px 12px 20px}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}.text-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer}.month-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:10px}.month-label{font-size:.95rem;font-weight:700;min-width:110px;text-align:center}.month-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.month-btn:disabled{opacity:.3;cursor:default}.settings-icon-btn{margin-left:auto;height:36px;padding:0 12px;gap:4px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:600}.settings-icon-btn:active{background:var(--bg-card-hover)}.onboarding-banner{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:14px;padding:16px;margin-bottom:12px}.onboarding-title{font-size:.95rem;font-weight:700;color:#065f46;margin-bottom:6px}.onboarding-desc{font-size:.75rem;color:#047857;line-height:1.5;margin-bottom:12px}.onboarding-steps{display:flex;flex-direction:column;gap:8px}.onboarding-step{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#065f46;font-weight:500}.onboarding-num{width:22px;height:22px;border-radius:50%;background:#06c755;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card{background:linear-gradient(135deg,var(--primary) 0%,#04b44e 100%);border-radius:12px;padding:14px 16px;margin-bottom:12px;position:relative;overflow:hidden}.summary-card:after{display:none}.summary-row{display:flex;justify-content:space-between;align-items:flex-end}.summary-label{font-size:.75rem;color:#ffffffd9;margin-bottom:2px}.summary-amount{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.5px}.summary-budget .summary-amount{font-size:1.2rem;text-align:right}.summary-amount.over-budget{color:#ff6b6b}.budget-bar{margin-top:10px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.budget-bar-fill{height:100%;background:#fffc;border-radius:3px;transition:width .3s ease}.budget-bar-fill.over-budget{background:#ff6b6b}.summary-amount span{font-size:1rem;font-weight:400}.section{margin-bottom:14px}.section-divider{border:none;border-top:1px solid var(--border);margin:16px 0}.reset-btn{display:block;width:100%;margin-top:12px;padding:10px;border:none;border-radius:10px;background:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;text-align:center;text-decoration:underline}.reset-btn:active{color:var(--danger)}.section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.chart-card{background:var(--bg-card);border-radius:12px;padding:6px 2px;border:1px solid var(--border);overflow:hidden}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.list-count{font-size:.75rem;color:var(--text-muted);font-weight:600}.list-filter-total{color:var(--text);font-weight:700}.filter-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.day-group{margin-bottom:0;padding-bottom:10px;border-bottom:1px solid var(--border)}.day-group:last-child{border-bottom:none}.day-group+.day-group{padding-top:10px}.day-header{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;margin-bottom:4px}.day-date{font-size:.8rem;font-weight:700;color:var(--text)}.day-weekday{font-weight:400;color:var(--text-muted);font-size:.75rem}.day-total{font-size:.8rem;font-weight:700;color:var(--text)}.go-chart-btn{display:block;width:100%;margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--primary);font-size:.85rem;font-weight:600;cursor:pointer;text-align:center}.go-chart-btn:active{background:var(--bg-card-hover)}.expense-list{list-style:none}.expense-item{display:flex;align-items:center;background:var(--bg-card);padding:10px 12px;border-radius:10px;margin-bottom:6px;border:1px solid var(--border);cursor:pointer;transition:background .15s}.expense-item:active{background:var(--bg-card-hover)}.expense-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.expense-info{flex:1;min-width:0}.expense-desc{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-date{font-size:.7rem;color:var(--text-muted);margin-top:1px}.expense-amount{font-weight:700;font-size:.9rem;white-space:nowrap;margin-left:8px}.content-area{transition:opacity .15s ease}.content-area.content-loading{opacity:.4;pointer-events:none}.empty-state{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:.85rem}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:20px 20px 0 0;padding:20px;width:100%;max-width:480px;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:40px;height:4px;background:var(--text-dim);border-radius:2px;margin:0 auto 16px}.modal-title{font-size:1rem;font-weight:700;margin-bottom:16px}.form-group{margin-bottom:12px}.form-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.form-input{width:100%;max-width:100%;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:16px;outline:none;transition:border-color .15s;-webkit-appearance:none}.form-input:focus{border-color:var(--primary)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.btn-row{display:flex;gap:8px;margin-top:16px}.btn{flex:1;padding:12px;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--border);color:var(--text)}.btn-danger{background:#ff4d4f1a;color:var(--danger)}.tabs-wrapper{position:relative;margin-bottom:12px}.demo-tooltip{position:absolute;bottom:calc(100% + 6px);right:0;width:50%;display:flex;justify-content:center;pointer-events:none}.demo-tooltip-bubble{position:relative;background:#334155;color:#fff;font-size:.7rem;font-weight:700;padding:5px 12px;border-radius:8px;white-space:nowrap;animation:demoBounce 1.5s ease-in-out infinite}.demo-tooltip-arrow{position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#334155}@keyframes demoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tabs{display:flex;gap:4px;background:var(--bg-card);border-radius:10px;padding:3px;border:1px solid var(--border)}.tab{flex:1;padding:8px;text-align:center;font-size:.8rem;font-weight:600;color:var(--text-muted);border:none;background:none;border-radius:8px;cursor:pointer;transition:all .15s}.tab.active{background:var(--primary);color:#fff}.pie-row{display:flex;align-items:flex-start;gap:8px;padding:6px 8px}.pie-chart-col{flex:0 0 45%;min-width:0}.pie-legend-col{flex:1;min-width:0;overflow-y:auto;max-height:200px;padding-right:10px}.pie-legend-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border)}.pie-legend-item:last-child{border-bottom:none}.pie-legend-left{display:flex;align-items:center;gap:6px;min-width:0}.pie-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pie-legend-label{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-legend-value{font-weight:600;font-size:.75rem;white-space:nowrap;flex-shrink:0;margin-left:4px}.page-title{font-size:1.1rem;font-weight:700;margin-bottom:24px;display:flex;align-items:center;position:relative;justify-content:center}.page-title .back-btn{position:absolute;left:0}.back-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem}.budget-row{display:flex;align-items:center;gap:8px}.budget-row .form-input{flex:1}.budget-row .btn{flex:0;padding:10px 16px;white-space:nowrap;min-width:56px;text-align:center;display:flex;align-items:center;justify-content:center}.budget-prefix{font-size:1rem;font-weight:600;color:var(--text-muted);margin-left:12px}.category-list-sortable{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}.category-item-sortable{display:flex;align-items:center;background:var(--bg-card);padding:10px;border-radius:10px;border:1px solid var(--border)}.category-item-sortable .cat-drag{color:var(--text-dim);font-size:.85rem;margin-right:6px;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;touch-action:none;font-family:sans-serif;width:18px;height:20px;display:flex;align-items:center;justify-content:center}.category-item-sortable .cat-icon{margin-right:6px;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.category-item-sortable .cat-name{flex:1;font-weight:500;font-size:.85rem;height:20px;display:flex;align-items:center;position:relative;top:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-item-sortable .cat-delete{width:20px;height:20px;border-radius:50%;border:none;background:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s;font-size:.75rem;flex-shrink:0}.category-item-sortable .cat-delete:active{color:var(--danger)}.add-category-row{display:flex;gap:8px;margin-top:10px}.icon-select-btn-compact{display:flex;align-items:center;gap:4px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.7rem;cursor:pointer;flex-shrink:0}.add-category-row .form-input{flex:1}.add-category-row .btn{flex:0;padding:10px 16px;white-space:nowrap}.limit-error{margin-top:8px;padding:10px 12px;background:#ff4d4f14;border:1px solid rgba(255,77,79,.2);border-radius:8px;color:var(--danger);font-size:.75rem;line-height:1.5}.section-title-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.category-count{font-size:.75rem;font-weight:600;color:var(--text-dim)}.upgrade-banner-premium{margin-top:12px;padding:18px 16px;border-radius:14px;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);text-align:center}.upgrade-premium-text{font-size:.8rem;color:#ffffffb3;margin-bottom:12px}.upgrade-banner-premium .btn-premium{font-size:.85rem;padding:12px 20px}.icon-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;padding:8px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border)}.icon-picker-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1px solid var(--border);border-radius:8px;background:var(--bg);cursor:pointer;color:var(--text-muted)}.icon-picker-item span{font-size:.6rem}.icon-picker-item.selected{border:2px solid var(--primary);color:var(--primary);background:#06c7550d}.skeleton-item{pointer-events:none;gap:10px}.skeleton-block{display:block;background:var(--border);border-radius:4px;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.8}}.premium-hero{text-align:center;padding:22px 20px;background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;margin-bottom:20px;position:relative;overflow:hidden}.premium-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(217,119,6,.2) 0%,transparent 70%);border-radius:50%}.premium-hero:after{content:"";position:absolute;bottom:-30px;left:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(217,119,6,.12) 0%,transparent 70%);border-radius:50%}.premium-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#d97706,#f59e0b);border-radius:20px;font-size:.65rem;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase}.premium-hero-title{font-size:1.2rem;font-weight:800;margin-top:10px;color:#fff;letter-spacing:-.3px}.premium-hero-sub{font-size:.8rem;color:#fff9;margin-top:6px}.premium-price{margin-top:10px;display:flex;align-items:baseline;justify-content:center;gap:4px}.premium-price-amount{font-size:1.7rem;font-weight:800;color:#f59e0b}.premium-price-unit{font-size:.8rem;color:#ffffff80}.feature-list{display:flex;flex-direction:column;gap:10px}.feature-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);transition:box-shadow .15s}.feature-card:active{box-shadow:0 0 0 2px #d9770626}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-body{flex:1;min-width:0}.feature-title{font-size:.9rem;font-weight:700;margin-bottom:4px}.feature-desc{font-size:.75rem;color:var(--text-muted);line-height:1.5}.plan-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border);font-size:.8rem}.plan-table th{padding:10px 8px;font-weight:600;font-size:.75rem;color:var(--text-muted);text-align:center;border-bottom:1px solid var(--border)}.plan-table th.plan-premium-col{color:#d97706}.plan-table td{padding:10px 8px;border-bottom:1px solid var(--border)}.plan-table tr:last-child td{border-bottom:none}.plan-feature{font-weight:500}.plan-cell{text-align:center;font-weight:600}.plan-premium-col{background:#d977060a}.plan-dash{color:var(--text-dim)}.premium-cta{text-align:center;padding:20px 0}.btn-premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.95rem;font-weight:700;padding:16px 32px;border-radius:14px;border:none;cursor:pointer;width:100%;box-shadow:0 4px 16px #d977064d;letter-spacing:.5px}.btn-premium:active{opacity:.85}.premium-cta-note{font-size:.7rem;color:var(--text-dim);margin-top:8px}.blog{font-family:LINE Seed JP,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a1a;min-height:100vh;background:#fafafa}.blog-header{padding:16px 20px;border-bottom:1px solid #eee;background:#fff}.blog-home-link{font-size:1rem;font-weight:700;color:#06c755;text-decoration:none}.blog-container{max-width:640px;margin:0 auto;padding:24px 20px 48px}.blog-page-title{font-size:1.4rem;font-weight:800;text-align:center;margin-bottom:4px}.blog-page-sub{font-size:.8rem;color:#888;text-align:center;margin-bottom:28px}.blog-list{display:flex;flex-direction:column;gap:20px}.blog-card{display:block;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #eee;text-decoration:none;color:inherit;transition:box-shadow .15s}.blog-card:active{box-shadow:0 2px 12px #00000014}.blog-card-image{width:100%;height:180px;object-fit:cover}.blog-card-body{padding:16px}.blog-card-title{font-size:1rem;font-weight:700;line-height:1.5;margin-bottom:8px}.blog-card-excerpt{font-size:.8rem;color:#666;line-height:1.7;margin-bottom:10px}.blog-card-meta{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#aaa}.blog-breadcrumb{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#aaa;margin-bottom:16px;flex-wrap:wrap}.blog-breadcrumb a{color:#06c755;text-decoration:none}.blog-breadcrumb span{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.blog-back{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:#06c755;text-decoration:none;font-weight:600;margin-bottom:20px}.blog-hero-image{width:100%;height:220px;object-fit:cover;border-radius:14px;margin-bottom:20px}.blog-title{font-size:1.3rem;font-weight:800;line-height:1.5;margin-bottom:8px}.blog-date{font-size:.75rem;color:#aaa;display:block;margin-bottom:24px}.blog-content{font-size:.9rem;line-height:1.9;color:#333}.blog-content h2{font-size:1.1rem;font-weight:700;margin-top:32px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #06C755}.blog-content h3{font-size:.95rem;font-weight:700;margin-top:24px;margin-bottom:8px}.blog-content p{margin-bottom:16px}.blog-content ul,.blog-content ol{margin-bottom:16px;padding-left:20px}.blog-content li{margin-bottom:8px;line-height:1.7}.blog-content strong{color:#06c755;font-weight:700}.blog-cta{margin-top:40px;padding:24px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;text-align:center}.blog-cta p{font-size:.9rem;font-weight:700;margin-bottom:12px}.blog-related{margin-top:32px}.blog-related-title{font-size:.9rem;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.blog-related-link{display:block;padding:12px 0;font-size:.85rem;color:#06c755;text-decoration:none;font-weight:600;border-bottom:1px solid #f5f5f5}.blog-related-link:last-child{border-bottom:none}