:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overscroll-behavior-y:none}h1{font-weight:600}button{cursor:pointer;font-family:inherit}.app{background:#fafafa;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex}.app-header{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1rem 1.25rem .5rem;display:flex}.app-header h1{margin:0;font-size:1.25rem}.edit-toggle{color:#555;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.35rem .75rem;font-size:.8rem}.app-main{padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.tab-bar{padding-bottom:env(safe-area-inset-bottom);-webkit-overflow-scrolling:touch;background:#fff;border-top:1px solid #eee;display:flex;overflow-x:auto}.tab-bar button{color:#888;white-space:nowrap;background:0 0;border:none;flex:1 0 auto;min-width:72px;padding:.75rem .5rem;font-size:.8rem}.tab-bar button.active{color:#1a73e8;font-weight:600}.summary-cards{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.summary-card{background:#fff;border-radius:12px;padding:.9rem;box-shadow:0 1px 3px #00000014}.summary-card-label{color:#888;font-size:.8rem}.summary-card-value{margin:.15rem 0;font-size:1.8rem;font-weight:700}.summary-card-sub{color:#aaa;font-size:.75rem}.total-stock{color:#555;margin:0 0 .5rem;font-size:.9rem}.chart-wrap{background:#fff;border-radius:12px;padding:.75rem .5rem;box-shadow:0 1px 3px #00000014}.add-form{gap:.5rem;margin-bottom:1rem;display:flex}.add-form input{border:1px solid #ddd;border-radius:8px;flex:1;padding:.6rem .75rem;font-size:1rem}.add-form button{color:#fff;background:#1a73e8;border:none;border-radius:8px;padding:.6rem 1rem;font-size:1rem}.item-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.item-row{background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex;box-shadow:0 1px 3px #0000000f}.item-title{flex:1;font-size:.95rem}.status-badge{color:#fff;border:none;border-radius:999px;padding:.3rem .7rem;font-size:.75rem}.status-todo .status-badge{background:#e57373}.status-doing .status-badge{background:#ffb74d}.status-done .status-badge{background:#81c784}.delete-btn{color:#bbb;background:0 0;border:none;font-size:.75rem}.empty,.loading{color:#999;text-align:center;margin-top:2rem}.backup{background:#fff;border-radius:12px;margin-top:1.5rem;padding:1rem;box-shadow:0 1px 3px #00000014}.backup-title{margin:0 0 .5rem;font-size:1rem}.backup-note{color:#888;margin:0 0 .75rem;font-size:.8rem}.backup-buttons{gap:.5rem;display:flex}.backup-btn{color:#fff;background:#1a73e8;border:none;border-radius:8px;flex:1;padding:.6rem .5rem;font-size:.85rem}.backup-btn.secondary{color:#333;background:#f1f3f4}.backup-message{color:#1a73e8;text-align:center;margin:.75rem 0 0;font-size:.8rem}.cat-editor-note{color:#888;margin:0 0 1rem;font-size:.8rem}.cat-editor-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.cat-editor-row{background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 1px 3px #0000000f}.move-buttons{flex-direction:column;gap:2px;display:flex}.move-btn{color:#555;background:#fff;border:1px solid #ddd;border-radius:6px;padding:.1rem .4rem;font-size:.7rem}.move-btn:disabled{opacity:.3}.cat-name-input{border:1px solid #ddd;border-radius:8px;flex:1;min-width:0;padding:.45rem .6rem;font-size:.95rem}.cat-count{color:#aaa;white-space:nowrap;font-size:.75rem}