@charset "UTF-8";
:root{--paper:#f7f7f0;--surface:#fffefa;--ink:#273e33;--green:#264d3b;--green-light:#e9efe5;--muted:#758074;--line:#e5e7dc;--orange:#bd7454;--peach:#f4e9dc;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Segoe UI',Roboto,Arial,sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;font-size:14px;-webkit-tap-highlight-color:transparent;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:default}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg,a svg{pointer-events:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #b97a48;outline-offset:4px}button,a{-webkit-user-select:none;user-select:none}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:8px;background:white;padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{height:100px;max-width:1280px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-icon{background:var(--green);color:#fafbf4;width:43px;height:47px;border-radius:13px 13px 16px 16px;display:grid;place-items:center}.brand-icon svg{width:27px;height:27px;stroke-width:1.4}.brand strong{display:block;font-size:14px;font-weight:650;letter-spacing:-.25px}.brand-arrow{padding:0 5px;color:var(--orange);font-size:17px}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.header-actions{display:flex;align-items:center;gap:12px}.status-pill{font-size:11px;color:#547151;background:#edf1e7;border:1px solid #e0e8d9;border-radius:30px;padding:9px 12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#8e977d}.status-pill.ready .status-dot{background:#628056}.status-pill.unavailable{background:#f9ebda;color:#8a613c;border-color:#efdbc4}.status-pill.offline{background:var(--green);color:white}.icon-button{display:inline-grid;place-items:center;min-width:40px;min-height:40px;padding:10px;background:none;border:0;border-radius:10px}.icon-button:hover{background:#edf0e7}.help-button{color:#788371}.button{min-height:46px;border-radius:9px;padding:12px 17px;display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid transparent;font-weight:550;font-size:12px;text-decoration:none;line-height:1.4;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.button-green{background:var(--green);color:#fffef7}.button-green:hover{background:#345e48}.button-outline{background:transparent;border-color:#d8ddce}.button-outline:hover{background:#eef0e7}.install-top{min-height:39px;font-size:11px;padding:9px 13px}.install-top svg{width:15px;height:15px}.text-button{border:0;background:none;font-weight:500;font-size:11px;padding:7px 0;display:inline-flex;gap:7px;align-items:center;line-height:1.5;text-decoration:none}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.text-button svg{width:15px;height:15px}.full-width{width:100%}.workspace{max-width:1120px;margin:0 auto;padding:0 24px 24px}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 8px 35px;gap:20px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;margin:0 0 15px;color:#768269;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--orange)}h1{font-family:var(--serif);font-weight:400;letter-spacing:-1.8px;font-size:49px;line-height:1.08;margin:0}h1 em{font-weight:400;color:#648064}.mobile-break{display:none}.intro-description{font-size:12px;color:var(--muted);margin:16px 0 0;line-height:1.6}.intro-art{width:258px;display:flex;flex-direction:column;align-items:center;transform:rotate(-3deg);margin-right:29px;margin-top:-13px}.intro-art>svg{width:248px;height:146px;stroke:none}.intro-art>span{font-family:var(--serif);font-style:italic;font-size:13px;color:#77876c;margin-top:-7px}.app-grid{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:20px}.card{border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 3px 10px #23372502}.import-card{padding:25px}.section-kicker{font-size:8px;letter-spacing:1.4px;font-weight:650;color:#83907b;display:flex;align-items:center;gap:8px;line-height:1.6}.step-number{font-size:9px;width:22px;height:22px;display:inline-grid;place-items:center;border:1px solid #d9dfcf;border-radius:50%;letter-spacing:0;color:#6e8064;font-weight:500}.step-number.soft{background:#f3efe5;border-color:#f3efe5;color:#b79571;font-size:15px}h2{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.65px;line-height:1.2;margin:16px 0 10px}.card-description{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 18px}textarea{background:#fbfbf6;border:1px solid #dfe4d7;border-radius:10px;padding:15px;color:var(--ink);line-height:1.95;resize:vertical;display:block;width:100%;min-height:150px;font-size:12px}textarea::placeholder{color:#9caa95;opacity:1}.import-card textarea{min-height:175px;background-color:#f8faf3;background-image:linear-gradient(transparent 95%,#e6ecdf 95%);background-size:100% 24px;background-position:0 19px;border-style:dashed;border-color:#ccd6c0}.import-hint{display:flex;align-items:center;gap:5px;font-size:9px;color:#87917e;margin:11px 0 20px}.import-hint svg{width:13px;height:13px}.trailing{margin-left:auto;width:16px;height:16px}.example-button{font-size:10px;color:#8e957f;display:flex;justify-content:center;width:100%;margin-top:9px}.example-button span{font-size:14px}.habits-card{padding:23px 25px}.title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.title-row h2{font-size:23px;margin:15px 0 10px}.title-row .text-button{color:#788b6d;font-size:10px}.habits-card .card-description{font-size:10px;margin-bottom:14px}.habit-chips{display:flex;gap:7px;flex-wrap:wrap}.habit-chip{display:flex;align-items:center;gap:7px;padding:9px 10px;min-height:39px;border:1px solid #e1e4d9;border-radius:7px;background:#fcfcf7;font-size:11px}.habit-chip>svg{width:14px;height:14px;color:#a0ab8f}.habit-chip .chip-plus{width:12px;height:12px;color:#8d9b7d;margin-left:3px}.habit-chip:hover{background:#eaf0e4;border-color:#a2b295}.habit-wrap{display:flex;gap:1px;align-items:center;max-width:100%}.habit-wrap .danger{min-width:32px;min-height:40px;padding:6px}.habit-wrap .danger svg{width:15px;height:15px}.add-habit{color:#77896a;font-size:10px;margin-top:12px}.add-habit svg{width:13px;height:13px}.tiny-note{color:#989f8e;font-size:9px;line-height:1.6;margin:8px 0 0}.local-note{display:flex;align-items:center;justify-content:center;gap:10px;padding:3px 15px 6px;color:#86967e}.local-note>svg{width:23px;height:23px;stroke-width:1.3}.local-note p{font-size:9px;line-height:1.8;margin:0}.local-note strong{font-weight:500;color:#7b8972}
.shopping-card{padding:26px 28px 0;overflow:hidden}.shopping-heading{display:flex;justify-content:space-between;align-items:center}.shopping-heading h2{font-size:29px;margin:14px 0 18px;display:flex;align-items:center;gap:11px}.count-badge{font-family:var(--sans);font-size:11px;border:1px solid #e2e7d8;background:#f0f3e9;min-width:25px;height:25px;padding:0 6px;display:inline-grid;place-items:center;border-radius:50%;letter-spacing:0;color:#728267}.add-product{border:1px solid #d8dece;background:#fafbf5;min-width:35px;min-height:35px;padding:8px;margin-top:7px}.add-product svg{width:16px;height:16px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8f1e7;color:#9b7753;font-size:9px;border-radius:6px;padding:5px 10px;margin-bottom:17px}.demo-banner button{font-size:9px}.list-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs button{border:0;border-radius:6px;background:none;min-height:33px;padding:9px 12px;color:#8b9481;font-size:10px;white-space:nowrap}.filter-tabs button.active{background:#eaf0e3;color:#526b49;font-weight:600}.filter-tabs button>span{font-size:9px;margin-left:4px;opacity:.7}.three-dots{letter-spacing:2px;font-size:11px;color:#87927b}.progress-line{display:flex;justify-content:space-between;font-size:9px;color:#8a967e;margin:0 0 8px}.progress-track{background:#edf0e4;height:4px;border-radius:4px;overflow:hidden}.progress-track>div{height:100%;background:#87a078;width:0;transition:width .3s;border-radius:4px}.product-list{padding:21px 0 4px;min-height:340px}.category-section+.category-section{margin-top:16px}.category-title{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:#8a957c;font-size:9px;letter-spacing:1.2px;font-weight:500;text-transform:uppercase}.category-title svg{width:13px;height:13px;stroke-width:1.5}.category-title:after{content:'';height:1px;flex:1;background:#eef0e7;margin-left:3px}.category-title span{letter-spacing:0;font-size:9px;color:#a5ae98}.product-row{display:flex;align-items:center;min-height:54px;gap:9px;border-bottom:1px solid #f0f1e9}.product-row:last-child{border:0}.check-button{border:0;background:none;min-width:40px;min-height:48px;padding:9px 9px 9px 0;display:flex;align-items:center;justify-content:flex-start}.check-square{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;border:1.4px solid #d3dcc8;background:#fffefb}.check-square svg{width:13px;height:13px;stroke-width:2}.product-row.checked .check-square{background:#8da27c;border-color:#8da27c;color:white}.product-main{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;background:none;border:0;padding:12px 0;min-width:0;text-align:left;min-height:48px}.product-label{font-size:12px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.product-label::first-letter{text-transform:uppercase}.product-row.checked .product-label{text-decoration:line-through;color:#a5ad98}.amount{white-space:nowrap;font-size:10px;color:#8d987e;background:#f3f5eb;border-radius:5px;padding:5px 8px;max-width:42%;overflow:hidden;text-overflow:ellipsis}.product-row.checked .amount{color:#aab19d;background:#f5f6f0}.edit-product{min-width:30px;min-height:40px;padding:8px;color:#aab39c}.edit-product svg{width:13px;height:13px}.review-label{display:block;font-size:9px;color:#a27743;text-decoration:none;font-weight:400}.list-footer-note{display:flex;align-items:center;justify-content:center;font-size:8px;color:#a1ab94;gap:6px;padding:17px 0 20px;flex-wrap:wrap}.list-footer-note svg{width:12px;height:12px}.separator-dot{opacity:.6}.export-area{border-top:1px solid #e7ebde;padding:18px 0 19px}.export-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#8a947f;margin-bottom:11px}.export-caption .text-button{font-size:9px;color:#8a947f;padding:0}.export-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.export-actions .button{padding:12px 8px;font-size:10px;min-height:46px}.export-actions svg{width:15px;height:15px}.button-drive{border-color:#d7decf;background:#fffefa;color:#546747}.button-drive:hover{background:#f2f5eb}.leclerc-mark{background:#dfe6d5;border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center;color:#617352;font-size:12px;font-weight:750;font-style:italic;flex-shrink:0}.drive-note{font-size:8px;color:#a1a78f;text-align:center;margin:12px 0 0;line-height:1.5}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a1aa95;font-size:9px;padding:27px 3px 0}.page-footer .text-button{font-size:9px}.page-footer .text-button svg{width:12px;height:12px}.mobile-nav{display:none}.empty-state{padding:35px 15px 45px;text-align:center}.empty-state>svg{width:55px;height:55px;color:#93a185;stroke-width:.9;margin-bottom:8px}.empty-state h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:12px 0}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8;max-width:250px;margin:0 auto 20px}.empty-state .button{font-size:11px}.alert{padding:14px 18px;background:#fff0dd;color:#946137;border:1px solid #e4cba7;border-radius:10px;margin:0 0 20px;font-size:12px;line-height:1.6}.notice{background:#fbf0df;color:#926b36;padding:12px;border-radius:8px;font-size:12px;line-height:1.6}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:20px;background:#294b39;color:white;box-shadow:0 5px 25px #203a3430;border-radius:12px;padding:15px 19px;font-size:12px;max-width:calc(100% - 32px);width:max-content;line-height:1.5}.toast button{color:#e4dfb8;border:0;background:none;text-decoration:underline;font-weight:600;min-height:30px}
.dialog{border:1px solid #e1e5d8;border-radius:19px;padding:28px;width:calc(100% - 32px);max-width:470px;color:var(--ink);background:var(--surface);box-shadow:0 20px 80px #172e3220;max-height:calc(100dvh - 50px);overflow-y:auto;overscroll-behavior:contain}.dialog::backdrop{background:#253e344f;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.dialog-heading h2{margin:0;font-size:28px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:9px;line-height:1.8}.dialog-heading .icon-button{margin:-7px -9px 0 0;color:#8a987e;flex-shrink:0}.dialog p{line-height:1.8;font-size:12px}.dialog input:not([type=radio]),.dialog select{width:100%;min-height:47px;border:1px solid #dce2d3;background:#fcfcf7;color:var(--ink);border-radius:8px;padding:11px 12px;font-size:14px}.field-label{display:block;font-size:11px;color:#7e8b73;margin:17px 0 8px}.field-label small{font-size:10px;color:#9aa18c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:25px}.dialog-actions .danger{margin-right:auto}.dialog-actions .button{font-size:12px}.danger{color:#ae634e!important}.button-danger{background:#a75b45;color:white}.form-error{color:#aa5144;font-size:11px!important}.dialog details{margin-top:18px;color:#87937a;font-size:11px;line-height:1.8}.dialog details li{overflow-wrap:anywhere}.dialog summary{cursor:pointer}.wide-dialog{max-width:560px}.preview-items{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:38dvh;overflow-y:auto}.preview-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #edf0e6;font-size:12px}.preview-row:last-child{border:0}.preview-name{overflow-wrap:anywhere}.preview-name::first-letter{text-transform:uppercase}.preview-row .amount{flex-shrink:0}.import-mode,.copy-mode{border:0;padding:0;margin:20px 0 0}.import-mode legend,.copy-mode legend{font-size:11px;font-weight:600;margin-bottom:10px}.import-mode label,.copy-mode label{display:flex;gap:9px;align-items:center;min-height:38px;font-size:12px}.dialog input[type=radio]{accent-color:var(--green);width:16px;height:16px}.small-dialog{max-width:410px}.option-action{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:16px 0;text-align:left;font-size:12px}.copy-mode{margin-bottom:20px}.option-action svg{width:16px;height:16px}.help-dialog{max-width:590px}.help-status{display:flex;align-items:center;gap:12px;background:#edf2e6;border-radius:10px;padding:16px;margin-bottom:14px;font-size:12px}.help-status>svg{width:26px;height:26px;color:#81976f}.help-status strong{font-weight:550}.help-status p{font-size:10px;margin:3px 0 0;color:#7e8c72}.install-steps{padding-left:23px;font-size:12px;color:#7b8871;line-height:1.8;margin:22px 0}.install-steps li{padding-left:5px;margin:12px 0}.install-steps strong{font-weight:600;color:#4a6040}.verify-box{background:#f7f2e8;border:1px solid #eae2d1;border-radius:10px;padding:17px;margin:22px 0}.dialog h3{font-size:13px;font-weight:550;margin:0 0 10px}.verify-box p{font-size:11px;margin:5px 0;color:#8d8069}.verify-box .text-button{font-size:11px;margin-top:8px;color:#7d775d}.help-copy{font-size:11px!important;color:#86917c}.help-links{border-top:1px solid var(--line);margin-top:23px;padding-top:16px;display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;align-items:center}.help-links a{font-size:10px;display:flex;align-items:center;gap:5px;text-underline-offset:4px}.help-links svg{width:13px;height:13px}.help-links button{font-size:10px}.dialog #copy-text{font-size:14px;margin:18px 0}
@media(min-width:1450px){.site-header{height:108px}.intro{padding-top:48px;padding-bottom:42px}.workspace{max-width:1150px}.app-grid{grid-template-columns:350px 1fr;gap:28px}.shopping-card{padding:29px 32px 0}.product-row{min-height:57px}.import-card{padding:28px}.habits-card{padding:26px 28px}.intro-art{margin-right:45px}h1{font-size:54px}}
@media(max-width:1000px){.site-header{padding:0 25px;height:88px}.workspace{padding:0 22px 22px}.app-grid{grid-template-columns:300px 1fr;gap:18px}.shopping-card{padding:23px 21px 0}.import-card{padding:23px 21px}.habits-card{padding:23px 21px}.shopping-heading h2{font-size:26px}.intro{padding-top:33px}.intro-art{margin-right:6px}.page-footer>span:last-child{display:none}.export-actions{grid-template-columns:1fr}.export-actions .button{font-size:12px}.export-caption>span{font-size:9px}.status-pill{font-size:10px}.brand strong{font-size:12px}.brand small{font-size:10px}.header-actions{gap:6px}.install-top{display:none}}
@media(max-width:720px){:root{font-size:15px}.site-header{height:79px;padding:0 19px;gap:8px;background:var(--paper)}.brand{gap:9px}.brand-icon{width:34px;height:38px;border-radius:10px 10px 12px 12px}.brand-icon svg{width:22px;height:22px}.brand strong{font-size:10px;letter-spacing:-.15px}.brand small{font-size:8px;margin-top:4px}.brand-arrow{padding:0 2px;font-size:12px}.header-actions{gap:0}.help-button{min-width:40px;min-height:44px;padding:10px}.help-button svg{width:19px;height:19px}.status-pill{padding:7px 8px;font-size:8px;gap:5px}.status-dot{width:5px;height:5px}.workspace{padding:0 16px 106px}.intro{padding:29px 5px 27px;gap:4px;align-items:center}.eyebrow{font-size:7px;letter-spacing:1.05px;gap:5px;margin-bottom:13px}.eyebrow>span{width:4px;height:4px}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.13}.mobile-break{display:block}.intro-description{font-size:10px;margin-top:12px;max-width:203px;line-height:1.7}.intro-art{width:120px;flex-shrink:0;margin:0 -1px 0 0;transform:rotate(-4deg)}.intro-art>svg{width:129px;height:105px}.intro-art>span{font-size:8px;white-space:nowrap;margin-top:-9px}.app-grid{display:block}.sidebar{display:none}.shopping-card{padding:23px 19px 0;border-radius:14px;box-shadow:none}.shopping-heading h2{font-size:26px;gap:9px;margin-top:14px;margin-bottom:18px}.section-kicker{font-size:7px;letter-spacing:1.25px}.step-number{width:21px;height:21px;font-size:8px}.count-badge{font-size:10px;width:24px;height:24px}.add-product{min-width:40px;min-height:42px;margin-top:5px}.add-product svg{width:18px;height:18px}.demo-banner{font-size:8px;padding:5px 9px;gap:6px;margin-bottom:16px}.demo-banner button{font-size:8px;white-space:nowrap;min-height:32px}.list-tools{margin-bottom:15px;gap:0}.filter-tabs{gap:3px}.filter-tabs button{min-height:39px;padding:10px 12px;font-size:10px}.filter-tabs button>span{font-size:9px;margin-left:3px}.list-tools>.icon-button{min-width:32px;padding:6px}.progress-line{font-size:9px}.progress-track{height:4px}.product-list{padding-top:25px;min-height:310px}.category-title{font-size:9px}.product-row{gap:5px;min-height:60px}.check-button{min-width:32px;min-height:52px;padding-right:5px}.check-square{width:21px;height:21px;border-radius:6px}.product-label{font-size:13px;line-height:1.6}.product-main{min-height:54px;padding:12px 0;gap:10px}.amount{font-size:10px;padding:6px 7px}.edit-product{padding:6px;min-width:28px;min-height:48px}.edit-product svg{width:14px;height:14px}.category-section+.category-section{margin-top:20px}.list-footer-note{font-size:7px;gap:5px;padding-top:20px}.export-area{padding:15px 0 19px}.export-caption{font-size:9px;gap:4px}.export-caption>span{font-size:9px}.export-caption .text-button{font-size:8px;min-height:28px}.export-actions{grid-template-columns:1fr 1.25fr;gap:8px}.export-actions .button{font-size:9px;min-height:47px;padding:12px 5px;gap:7px}.export-actions svg{width:14px;height:14px}.export-actions .leclerc-mark{width:17px;height:17px;font-size:10px}.drive-note{font-size:7px;margin-top:12px}.page-footer{display:block;text-align:center;padding-top:22px;font-size:8px}.page-footer>span{display:block}.page-footer .text-button{font-size:9px;margin-top:7px;min-height:40px}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:5px;padding:7px 15px max(10px, env(safe-area-inset-bottom));background:#fffefaf5;border-top:1px solid #dfe5d6;backdrop-filter:blur(15px)}.mobile-nav>button{border:0;border-radius:10px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#9aa58d;position:relative;min-height:54px;flex:1;font-size:9px}.mobile-nav>button>svg{width:20px;height:20px}.mobile-nav>button.active{color:var(--green);background:#f0f4e9}.nav-count{position:absolute;top:5px;left:calc(50% + 9px);font-size:7px;background:var(--green);color:white;border-radius:10px;padding:1px 4px}.toast{bottom:93px;max-width:calc(100% - 26px);font-size:11px;padding:11px 15px;gap:13px;border-radius:10px}.dialog{padding:23px 20px;max-height:calc(100dvh - 35px);border-radius:16px}.dialog-heading h2{font-size:25px}.dialog-heading{margin-bottom:17px}.dialog-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:11px;padding:12px}.dialog input:not([type=radio]),.dialog select,.dialog textarea{font-size:16px;min-height:48px}.dialog p{font-size:12px}.help-dialog .help-copy{font-size:11px!important}.dialog #copy-text{font-size:14px}.install-steps{font-size:12px}.install-steps li{margin-bottom:18px}.verify-box p{font-size:11px}.help-links a,.help-links button{min-height:44px}.form-row{gap:10px}.field-label{font-size:11px}.preview-items{max-height:33dvh}.preview-row{font-size:13px}.import-mode label,.copy-mode label{min-height:44px}.option-action{min-height:54px}.dialog-actions .icon-button{min-height:44px;min-width:40px}body[data-view=import] .sidebar,body[data-view=habits] .sidebar{display:flex}body[data-view=import] #habits-panel,body[data-view=import] #shopping-panel,body[data-view=habits] #import-panel,body[data-view=habits] #shopping-panel{display:none}body[data-view=import] .import-card,body[data-view=habits] .habits-card{padding:26px 23px}body[data-view=import] .import-card textarea{min-height:240px;font-size:15px;line-height:2;background-size:100% 30px;background-position:0 19px}body[data-view=import] .card-description,body[data-view=habits] .card-description{font-size:12px}.import-hint{font-size:10px;margin-top:13px;margin-bottom:23px}.import-card>.button{min-height:50px;font-size:13px}.example-button{font-size:11px;min-height:44px}.habits-card .habit-chip{min-height:48px;padding:13px;font-size:13px}.habits-card .habit-chips{gap:10px}.habits-card .add-habit{min-height:48px;font-size:12px;margin-top:19px}.habits-card .tiny-note{font-size:10px}.title-row .text-button{min-height:44px;font-size:12px}.local-note{padding:14px 0}.local-note p{font-size:10px}.empty-state{padding-top:30px}.empty-state p{font-size:12px}.empty-state .button{min-height:47px}.full-width{min-height:48px}}
@media(max-width:370px){.site-header{padding:0 12px}.brand strong{font-size:9px}.brand small{font-size:7px}.status-pill{padding:6px;font-size:7px}.workspace{padding-left:12px;padding-right:12px}.intro-art{width:94px}.intro-art>svg{width:106px}.intro-art>span{font-size:7px}h1{font-size:33px}.shopping-card{padding-left:15px;padding-right:15px}.filter-tabs button{padding:9px 8px;font-size:9px}.export-actions{grid-template-columns:1fr}.export-actions .button{font-size:12px}.demo-banner{flex-wrap:wrap}.shopping-heading h2{font-size:24px}.intro .eyebrow{font-size:6px}.intro-description{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}