:root{color:#142116;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f7ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,900px);margin:0 auto;padding:20px}.hero-card,.panel,.quick-grid article,.sync-strip{border:1px solid #14211614;box-shadow:0 20px 60px #14211614}.hero-card{color:#fff;background:radial-gradient(circle at 0 0,#55d66b,#16843f 42%,#0d3f25);border-radius:30px;padding:28px}.hero-topline,.hero-actions,.section-heading,.item-title-row,.quick-grid,.pill,.store-chip,.photo-badge,.sync-strip,.checkbox-label,.card-actions{align-items:center;display:flex}.hero-topline,.section-heading,.item-title-row{justify-content:space-between;gap:12px}.pill,.store-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;border-radius:999px;gap:8px;padding:8px 12px;font-size:.86rem;font-weight:700}.pill.muted{background:#ffffff1a}.hero-card h1{letter-spacing:-.08em;max-width:740px;margin:28px 0 12px;font-size:clamp(2.2rem,9vw,4.6rem);line-height:.95}.hero-card p{color:#ffffffdb;max-width:620px;font-size:1.08rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px}.primary,.secondary{border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-weight:800;display:inline-flex}.primary{color:#0d3f25;background:#fff}.secondary{color:#fff;background:#ffffff24}.quick-grid{gap:12px;margin:16px 0}.quick-grid article{background:#fff;border-radius:22px;flex:1;min-width:0;padding:18px}.quick-grid strong{font-size:1.7rem;display:block}.quick-grid span{color:#60705f;font-size:.9rem}.sync-strip{color:#315432;background:#fff;border-radius:18px;gap:8px;margin:0 0 16px;padding:12px 14px;font-weight:800}.panel{background:#ffffffe6;border-radius:28px;margin-top:16px;padding:22px}.panel.soft{background:#e9f5e5}.eyebrow{color:#16843f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:900}h2,h3{margin:0}.store-chip{color:#16843f;background:#eaf7ec}.item-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.item-form label{color:#315432;gap:6px;font-weight:800;display:grid}.item-form input,.item-form textarea{color:#142116;background:#fbfdf9;border:1px solid #d6e4d1;border-radius:16px;outline:none;width:100%;padding:13px 14px}.item-form textarea{resize:vertical;min-height:88px}.item-form input:focus,.item-form textarea:focus{border-color:#16843f;box-shadow:0 0 0 4px #16843f1a}.item-form .wide,.checkbox-label,.form-submit{grid-column:1/-1}.checkbox-label{grid-template-columns:auto 1fr;gap:10px}.checkbox-label input{width:18px;height:18px}.form-submit{color:#fff;background:#16843f;width:100%}.item-list{gap:12px;margin-top:18px;display:grid}.item-card{background:#fff;border:1px solid #e4ece0;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;display:grid}.item-card.is-done{opacity:.72}.item-card.is-done h3,.item-card.is-done .item-meta{text-decoration:line-through}.check{color:#16843f;background:#fff;border:2px solid #b7ccb5;border-radius:14px;width:38px;height:38px}.item-card.is-done .check{color:#fff;background:#16843f;border-color:#16843f}.item-meta,.item-store,.item-note{margin:6px 0 0}.item-meta{color:#60705f}.item-store{color:#0d3f25;font-weight:800;display:inline-block}.item-note{color:#374537;line-height:1.45}.urgent{color:#8a3000;text-transform:uppercase;background:#fff0df;border-radius:999px;padding:4px 8px;font-size:.74rem;font-weight:900}.card-actions{flex-direction:column;gap:8px}.photo-badge{color:#16843f;background:#eaf7ec;border-radius:18px;flex-direction:column;justify-content:center;gap:4px;min-width:58px;padding:12px 8px;font-size:.74rem;font-weight:800}.delete-button{color:#9b1c1c;background:#fff0f0;border:0;border-radius:16px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.empty-state{color:#60705f;background:#f8fbf6;border-radius:18px;margin:0;padding:18px;font-weight:700}@media (width<=640px){.app-shell{padding:12px}.hero-card,.panel{border-radius:24px;padding:20px}.hero-topline,.section-heading{flex-direction:column;align-items:flex-start}.quick-grid,.item-form{flex-direction:column;grid-template-columns:1fr}.quick-grid article{width:100%}.item-card{grid-template-columns:auto 1fr}.card-actions{flex-direction:row;grid-column:2;align-items:flex-start}.photo-badge{flex-direction:row;width:max-content}}
