@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f8f9f5;--surface:#fff;--ink:#283d32;--muted:#78827a;--line:#e6eae2;--green:#315f46;--soft:#edf3eb;--amber:#a77733;--warm:#fbf3e5;--shadow:0 8px 32px #20382908;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fba7d;outline-offset:3px}.hidden{display:none!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;padding:36px 23px 20px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;gap:12px;align-items:center;font:800 28px 'Manrope',sans-serif;letter-spacing:-1px}.brand-mark{width:44px;height:44px;display:grid;place-content:center;border-radius:14px;background:var(--green);color:white;font-family:Georgia;font-size:40px;line-height:1;position:relative;padding-bottom:8px}.brand-mark>span{position:absolute;right:6px;top:8px;color:#c9dfac;font-size:24px}.brand-sub{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.4px;margin-top:3px;color:var(--muted)}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--muted);margin:52px 12px 16px}nav{display:grid;gap:8px}nav a{padding:13px 14px;display:flex;align-items:center;gap:12px;border-radius:8px;color:var(--muted);font-weight:500}nav a>span{font-size:21px;width:21px;text-align:center;line-height:1}nav a.active{background:var(--soft);color:var(--green);font-weight:700}nav a:hover{background:var(--soft)}nav small{margin-left:auto;font-size:10px;background:var(--surface);border:1px solid var(--line);padding:1px 6px;border-radius:5px}.sidebar-note{margin-top:auto;padding:28px 15px;color:var(--green)}.leaf{display:block;font-size:30px;margin-bottom:13px}.sidebar-note strong{font-size:13px;line-height:1.7}.sidebar-note p{color:var(--muted);font-size:11px;line-height:1.8;margin-top:8px}.sidebar-bottom{display:flex;gap:7px;align-items:center;border-top:1px solid var(--line);padding-top:19px;font-size:9px;color:var(--muted)}.local-dot{width:5px;height:5px;border-radius:50%;background:#74a871;flex-shrink:0}.icon-btn{background:transparent;color:var(--muted);border-radius:6px;min-width:36px;min-height:36px;font-size:18px;display:inline-grid;place-content:center}.icon-btn:hover{background:var(--soft);color:var(--green)}.sidebar-bottom .icon-btn{margin-left:auto}main{margin-left:250px;flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:var(--surface);color:var(--muted);font-size:12px}.topbar>div{display:flex;gap:18px;align-items:center}.offline-badge{font-size:10px;color:var(--green);background:var(--soft);padding:6px 10px;border-radius:20px}.avatar{display:grid;place-content:center;width:32px;height:32px;border-radius:50%;background:#efe8d9;color:#89714d;font-weight:700;font-size:12px}.content{padding:35px 42px;max-width:1540px;margin:auto}.eyebrow{color:var(--green);font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 9px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}h1{font:800 31px 'Manrope',sans-serif;letter-spacing:-1.1px;margin:0 0 9px}h2{font:700 17px 'Manrope',sans-serif;letter-spacing:-.4px;margin:0}h3{font:700 14px 'Manrope',sans-serif;margin:0}.subtext{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;min-height:40px;padding:10px 16px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s}.btn:hover{background:var(--soft)}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:#244c37}.btn.small{min-height:32px;padding:7px 12px;font-size:11px}.btn.danger{color:#ad4b40}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.week-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:15px}.week-picker{display:flex;align-items:center;gap:12px}.week-picker strong{font-size:14px}.week-picker .icon-btn{border:1px solid var(--line);background:var(--surface);font-size:20px;min-width:30px;min-height:30px}.week-picker span{font-size:11px;color:var(--muted)}.inline-field{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}select,input,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:9px 11px;max-width:100%}select{cursor:pointer}input::placeholder,textarea::placeholder{color:#8b938d}.inline-field select{font-size:11px;padding:7px 10px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;gap:10px;border-bottom:1px solid var(--line)}.panel-header .subtext{font-size:10px;margin-top:4px}.tag{padding:5px 9px;border-radius:5px;font-size:10px;background:var(--soft);color:var(--green);white-space:nowrap}.plan-table{width:100%;border-collapse:collapse;table-layout:fixed}.plan-table th{text-align:left;background:var(--bg);font-size:9px;font-weight:600;color:var(--muted);height:36px;letter-spacing:.6px}.plan-table th:first-child{padding-left:20px}.plan-table th:last-child{text-align:center}.plan-table td{padding:10px 5px;border-top:1px solid var(--line);height:74px}.plan-table tr.day-start td{border-top:1px solid #d8e0d3}.plan-table .day-cell{padding-left:19px;vertical-align:middle}.day-name{font-weight:700;font-size:12px}.day-date{display:block;color:var(--muted);font-size:9px;margin-top:3px}.moment{font-size:10px;color:var(--muted);display:flex;gap:5px;align-items:center}.moment span{font-size:12px;color:var(--amber)}.duration-select{font-size:10px;padding:6px 3px;width:74px;min-height:30px;background:var(--bg);border-color:transparent}.pin{min-width:29px;min-height:32px;font-size:13px;opacity:.5}.pin.is-pinned{opacity:1;color:var(--green);background:var(--soft)}.dish{display:flex;align-items:center;gap:10px;min-width:0}.dish-emoji{flex-shrink:0;font-size:24px;background:var(--bg);width:39px;height:39px;border-radius:10px;display:grid;place-content:center}.dish-info{min-width:0}.dish-name{display:block;font-size:11px;font-weight:700;text-align:left;color:var(--ink);background:none;padding:2px 0;line-height:1.5}.dish-name:hover{color:var(--green);text-decoration:underline}.dish-ingredients{font-size:9px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:3px 0 0;max-width:100%}.leftover{background:color-mix(in srgb,var(--soft) 38%,var(--surface))}.leftover .dish-name{color:var(--muted);font-weight:500}.leftover .dish-emoji{background:transparent;font-size:16px;color:var(--green)}.refresh{font-size:20px;min-width:30px;min-height:34px}.drag-handle{color:#b5bdb3;font-size:16px;cursor:grab;flex-shrink:0}.plan-table tr[draggable=true]{cursor:grab}.plan-table tr.drag-over{outline:2px dashed var(--green);outline-offset:-3px}.plan-table tr.selected{background:var(--soft)}.plan-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 19px;border-top:1px solid var(--line);gap:12px}.plan-footer .subtext{font-size:10px;max-width:350px}.rail{display:grid;gap:18px}.fridge{padding:21px;background:#eef3e9;border:1px solid #e0e9d8;border-radius:12px;color:#2f513a}.fridge h2{font-size:15px;display:flex;gap:9px;align-items:center}.fridge p{color:#74826c;font-size:11px;line-height:1.7;margin:10px 0 15px}.fridge input{width:100%;font-size:11px;background:#ffffffb3;border-color:#dce5d6;min-height:40px}.fridge .btn{width:100%;margin-top:10px;background:transparent;border-color:#c8d8bf;color:#3d6748}.fridge .hint{font-size:9px;margin:10px 0 0}.fridge-results{margin-top:14px;display:grid;gap:8px}.suggestion{background:var(--surface);text-align:left;border-radius:8px;padding:10px;color:var(--ink);font-size:11px;border:1px solid var(--line)}.suggestion span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.rail-card{padding:21px}.rail-card h2{font-size:15px}.rail-card .subtext{margin-top:8px;font-size:11px}.shopping-preview{margin:19px 0;display:grid;gap:12px}.shopping-preview>div{display:flex;align-items:center;gap:8px;font-size:11px}.shopping-preview small{color:var(--muted);margin-left:auto}.rail-card .btn{width:100%}.tip{background:var(--warm);border:1px solid #f0e5d0;border-radius:12px;padding:20px;color:#866638}.tip h3{font-size:12px}.tip p{font-size:11px;line-height:1.8;color:#9a845f;margin:9px 0 0}.week-stats{display:flex;gap:24px;padding:16px 21px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.stat{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.stat strong{color:var(--green);font-size:15px}.notice{padding:12px 15px;background:var(--soft);border:1px solid var(--line);border-radius:8px;font-size:12px;margin-bottom:15px;line-height:1.7}.catalog-toolbar{display:flex;gap:12px;margin-bottom:23px;flex-wrap:wrap}.search{flex:1;min-width:200px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.recipe-card{padding:22px;display:flex;flex-direction:column}.recipe-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.recipe-card .big-emoji{font-size:36px;width:65px;height:65px;background:var(--bg);border-radius:15px;display:grid;place-content:center}.recipe-card h2{font-size:16px;line-height:1.5}.recipe-card .subtext{margin:10px 0 15px;font-size:11px;flex:1}.recipe-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.recipe-meta .tag{font-size:9px}.recipe-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;margin-top:17px}.recipe-card-bottom small{font-size:9px;color:var(--muted)}.recipe-card-bottom .actions{gap:0}.empty{padding:45px;text-align:center;color:var(--muted);line-height:1.8}.shopping-layout{display:grid;grid-template-columns:1fr 290px;gap:24px;align-items:start}.shopping-group{margin-bottom:18px}.shopping-group h2{padding:16px 20px;border-bottom:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between}.shopping-item{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);gap:13px;cursor:pointer}.shopping-item:last-child{border:0}.shopping-item input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.shopping-item strong{display:block;font-weight:500;font-size:13px}.shopping-item small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.shopping-item.done strong{text-decoration:line-through;color:var(--muted)}.progress{height:6px;background:var(--line);border-radius:20px;overflow:hidden;margin:17px 0}.progress div{height:100%;background:var(--green);transition:width .2s}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.settings-card{padding:25px}.settings-card>p{margin:9px 0 22px}.field{display:grid;gap:7px;margin-bottom:16px;font-size:12px}.field span,.field small{font-size:10px;color:var(--muted)}.field input,.field textarea,.field select{width:100%;min-height:40px}.field textarea{resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.premium-card{background:var(--soft)}.premium-label{display:inline-block;font-size:10px;color:var(--green);border:1px solid #bfcfba;padding:5px 10px;border-radius:20px;margin-bottom:12px}.file-input{display:none}.error{color:#b45440;font-size:12px;line-height:1.6;margin:10px 0}footer{text-align:center;color:var(--muted);font-size:10px;margin:8px 0 27px}footer span{padding:0 5px}dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(580px,calc(100% - 30px));background:var(--surface);color:var(--ink);box-shadow:0 25px 90px #0003;max-height:90vh;overflow:auto}dialog::backdrop{background:#1f332962;backdrop-filter:blur(3px)}.modal-header{padding:22px 25px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-header h2{font-size:20px}.modal-body{padding:24px 25px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 25px;border-top:1px solid var(--line)}.wait-content{text-align:center;padding:35px 28px}.wait-content .wait-emoji{font-size:45px;display:block;margin-bottom:20px}.wait-content h2{font-size:22px}.wait-content p{color:var(--muted);line-height:1.8;font-size:12px}.countdown{font:800 40px 'Manrope',sans-serif;color:var(--green);margin:20px auto 5px}.wait-content .actions{justify-content:center;margin-top:23px}#toast{position:fixed;bottom:25px;left:calc(50% + 125px);transform:translateX(-50%) translateY(30px);background:var(--ink);color:var(--surface);padding:13px 20px;border-radius:10px;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:.2s;max-width:min(550px,90vw);box-shadow:0 5px 20px #0002}#toast.show{opacity:1;transform:translateX(-50%)}.choose-list{display:grid;gap:8px;max-height:400px;overflow:auto;margin-top:15px}.choose-row{display:flex;align-items:center;gap:12px;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--ink)}.choose-row>span{font-size:24px}.choose-row strong{font-size:12px;display:block}.choose-row small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.choose-row:hover{border-color:var(--green)}.modal-note{font-size:11px;color:var(--muted);line-height:1.7}.dark{--bg:#19251f;--surface:#223129;--ink:#e4ebdf;--muted:#a1b0a3;--line:#384a3d;--green:#96c49c;--soft:#2d4334;--warm:#3b3427;--amber:#d3b071;color-scheme:dark}.dark .btn.primary{color:#1d3325}.dark .brand-mark{color:#20372a}.dark .fridge{background:#2b402f;border-color:#3d5340;color:#d6e7ca}.dark .fridge p{color:#a5b79c}.dark .fridge input{background:#223129;color:var(--ink);border-color:#43563e}.dark .fridge .btn{color:#b8d4a7;border-color:#52694a}.dark .tip{border-color:#4f4833;color:#d7bd88}.dark .tip p{color:#c6b28e}.dark .plan-table tr.day-start td{border-color:#4d5e4c}.dark .avatar{background:#4c4938;color:#dfd0b0}
@media(min-width:1550px){.content{padding-top:42px}.plan-table td{height:80px}}
@media(max-width:1200px){.sidebar{width:215px;padding:30px 17px}main{margin-left:215px}.content{padding:30px 25px}.topbar{padding:0 25px}.dashboard{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.dish{gap:6px}.dish-emoji{width:31px;height:34px;font-size:21px}.drag-handle{display:none}.plan-table td{padding:8px 3px}.plan-table .day-cell{padding-left:12px}.rail-card,.fridge,.tip{padding:17px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#toast{left:calc(50% + 107px)}}
@media(max-width:1000px){.dashboard{grid-template-columns:1fr}.rail{grid-template-columns:1fr 1fr}.tip{grid-column:1/-1}.sidebar{width:195px}.brand{font-size:25px}.brand-sub{font-size:7px}main{margin-left:195px}.sidebar nav a{padding:12px 8px;font-size:12px}.shopping-layout{grid-template-columns:1fr 240px}.settings-grid{grid-template-columns:1fr}.dish-name{font-size:12px}.dish-ingredients{font-size:10px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:static;width:auto;padding:18px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:26px}.brand-mark{width:36px;height:36px;font-size:33px}.brand-sub{font-size:7px}.sidebar-note,.nav-label{display:none}.sidebar-bottom{position:absolute;right:16px;top:18px;border:0;padding:0}.sidebar-bottom .local-dot,.sidebar-bottom>span{display:none}.sidebar nav{display:flex;justify-content:space-between;margin-top:15px;gap:3px}.sidebar nav a{flex:1;justify-content:center;flex-direction:column;font-size:10px;gap:6px;border-radius:8px 8px 0 0;padding:11px 4px}.sidebar nav a>span{font-size:18px}.sidebar nav small{display:none}main{margin:0}.topbar{height:47px;padding:0 18px;font-size:10px}.topbar .avatar{display:none}.topbar>div{gap:7px}.offline-badge{font-size:8px}.content{padding:24px 15px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:23px}h1{font-size:27px}.page-heading>.actions{width:100%}.page-heading>.actions .btn{flex:1}.week-bar{align-items:flex-start;flex-direction:column;gap:14px}.week-picker{width:100%;gap:8px}.week-picker strong{font-size:12px}.week-picker span{margin-left:auto}.week-stats{gap:14px;padding:13px 14px;flex-wrap:wrap}.stat{font-size:9px}.stat strong{font-size:13px}.panel-header{padding:15px 13px}.panel-header h2{font-size:15px}.panel-header .tag{font-size:8px}.plan-table th:first-child{padding-left:10px}.plan-table td{height:79px;padding:9px 2px}.plan-table .day-cell{padding-left:9px}.day-name{font-size:10px}.day-date{font-size:8px}.moment{font-size:9px;display:block}.moment span{display:block;font-size:10px;margin-bottom:2px}.duration-select{width:54px;font-size:8px;padding:5px 0}.dish{gap:5px}.dish-emoji{width:24px;height:29px;font-size:18px;border-radius:7px}.dish-name{font-size:10px;line-height:1.4}.dish-ingredients{font-size:8px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pin{font-size:10px;min-width:24px;min-height:32px}.refresh{min-width:25px;font-size:19px}.plan-footer{padding:13px 12px;flex-direction:column;align-items:stretch}.plan-footer .subtext{max-width:none}.rail{grid-template-columns:1fr}.tip{grid-column:auto}.recipe-grid{grid-template-columns:1fr}.catalog-toolbar{gap:8px}.catalog-toolbar select{flex:1;font-size:11px}.shopping-layout{grid-template-columns:1fr}.shopping-summary{grid-row:1}.settings-card{padding:20px}.field-grid{gap:0 10px}.modal-body{padding:20px 18px}.modal-header{padding:18px}.modal-header h2{font-size:18px}.modal-footer{padding:15px 18px}#toast{left:50%;bottom:15px}footer{font-size:9px}.shopping-item{padding:14px 15px}}
/* Keep headings intact when the CDN injects its reset after the local stylesheet. */
body h1{font:800 31px 'Manrope',sans-serif;letter-spacing:-1.1px;margin:0 0 9px}body h2{font:700 17px 'Manrope',sans-serif;letter-spacing:-.4px;margin:0}body h3{font:700 14px 'Manrope',sans-serif;margin:0}.fridge h2,.rail-card h2{font-size:15px}.recipe-card h2{font-size:16px;line-height:1.5}.shopping-group h2{font-size:14px}.tip h3{font-size:12px}.modal-header h2{font-size:20px}.wait-content h2{font-size:22px}
.dish .drag-handle{display:inline-grid;min-width:18px;min-height:34px;padding:0;font-size:14px}
@media(max-width:700px){body h1{font-size:27px}.panel-header h2{font-size:15px}.modal-header h2{font-size:18px}.dish .drag-handle{min-width:14px;min-height:44px;font-size:13px}.plan-table .icon-btn{min-height:44px}.duration-select{min-height:44px}.dish-name{min-height:36px}}
@media print{.sidebar,.topbar,.page-heading .actions,.shopping-summary,footer,#toast{display:none!important}main{margin:0}.content{padding:0}.shopping-layout{display:block}.shopping-group{break-inside:avoid;box-shadow:none}.shopping-item{padding:7px 15px}body{background:#fff;color:#000}.shopping-item small{color:#555}}
/* More specific than the late CDN reset: consistent inner spacing in every field. */
body input:not([type="checkbox"]):not([type="file"]),body textarea{padding:11px 14px;text-indent:0;box-sizing:border-box;min-width:0;line-height:1.5}
body select:not(.duration-select){padding:10px 12px;min-width:0;line-height:1.5}
body .fridge input{display:block;width:100%;padding:11px 13px;min-width:0}
body .field input,body .field textarea{padding:11px 14px}
.field-grid>*{min-width:0}.filter-field{display:grid;gap:7px;font-size:11px;color:var(--muted);min-width:150px}.search-field{flex:1;min-width:220px}.filter-field input,.filter-field select{width:100%;min-height:43px}.catalog-toolbar{align-items:end}
body .plan-table th{text-align:center;padding:8px 3px;letter-spacing:.3px}body .plan-table th:first-child{text-align:center;padding-left:3px}.plan-table .day-cell{text-align:center;padding-left:5px}.plan-table .moment{justify-content:center;text-align:center}.plan-table .duration-select{text-align:center;padding-left:3px}.plan-table td:has(.pin),.plan-table td:has(.refresh){text-align:center}
.pin:not(.is-pinned){filter:grayscale(1);opacity:.55}.pin.is-pinned{filter:none}.icon-btn svg{display:block}
.week-navigation{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-5px 0 23px}.week-navigation input,.week-navigation select{max-width:210px;font-size:11px}.week-picker{flex-wrap:wrap}.validation-notice{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shopping-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:12px;cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}
.emoji-picker{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:-2px 0 22px}.emoji-option{display:grid;place-items:center;min-height:38px;padding:3px;font-size:22px;background:var(--bg);border:1px solid var(--line);border-radius:7px}.emoji-option:hover,.emoji-option.selected{background:var(--soft);border-color:var(--green)}.recipe-link{font-size:11px;color:var(--green);text-decoration:underline;text-underline-offset:3px;margin-bottom:10px}.logo-link{margin-top:17px}
@media(max-width:700px){.filter-field{flex:1;min-width:130px}.search-field{flex-basis:100%;min-width:0}.week-navigation{gap:10px}.week-navigation .inline-field{flex:1;min-width:145px;flex-wrap:wrap}.week-navigation .inline-field input,.week-navigation .inline-field select{width:100%;max-width:none}.week-navigation>.btn{min-height:40px}.emoji-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-option{min-height:42px}.validation-notice{align-items:flex-start;flex-wrap:wrap}.plan-table th{font-size:8px!important}.week-picker span{flex-basis:100%;margin-left:0}.inline-field select{min-height:36px}}
.brand-icon{width:44px;height:44px;flex-shrink:0;border-radius:11px}.brand-sub{font-size:7px;letter-spacing:1px}.recipe-card [data-action="delete-recipe"]:hover{color:#b45440;background:#b4544012}
.emoji-panel{border:1px solid var(--line);border-radius:10px;margin-bottom:22px;padding:12px;background:var(--bg)}.emoji-panel summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-size:12px;font-weight:600;min-height:30px;list-style:none}.emoji-panel summary::before{content:'▾';color:var(--green)}.emoji-panel:not([open]) summary::before{content:'▸'}.emoji-panel summary span{font-size:10px;font-weight:400;color:var(--muted);margin-left:auto}.emoji-toolbar{display:grid;grid-template-columns:1fr 190px;gap:8px;margin-top:12px}.emoji-toolbar input,.emoji-toolbar select{width:100%;font-size:11px;min-height:40px}.emoji-results{max-height:270px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 5px 2px 2px}.emoji-section h3{font-size:10px;color:var(--muted);font-weight:600;margin:6px 0 8px}.emoji-section .emoji-picker{margin:0 0 12px;grid-template-columns:repeat(8,minmax(0,1fr))}.emoji-option{min-height:42px;background:var(--surface)}.emoji-option.selected{box-shadow:inset 0 0 0 1px var(--green)}
@media(max-width:700px){.brand-icon{width:38px;height:38px;border-radius:9px}.emoji-toolbar{grid-template-columns:1fr}.emoji-results{max-height:250px}.emoji-section .emoji-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-panel{padding:10px}.brand-sub{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.support-footer{display:inline-block;color:var(--green);font-weight:600;margin-bottom:12px}.wait-discovery{margin:20px 0;padding:16px;background:var(--soft);border-radius:12px;text-align:left}.wait-discovery p{font-size:12px;line-height:1.6;margin:10px 0}.wait-discovery small{display:block;color:var(--muted);font-size:10px;margin-top:12px}.wait-packs{display:flex;flex-wrap:wrap;gap:8px}.pack-chip{border:1px solid var(--line);background:var(--surface);color:var(--green);padding:9px 12px;border-radius:8px;font-size:12px}.pack-preview{max-height:260px;overflow:auto;padding-left:22px;line-height:2;color:var(--ink)}.wait-content{padding:28px}.community{max-width:900px;margin:auto;padding:30px 20px}.community-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.community .panel{padding:25px;margin-bottom:22px;scroll-margin-top:20px}.community .pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.community .pack-grid .panel{margin:0}.community h1{margin-bottom:18px}.community .subtext{margin:14px 0;line-height:1.8}.community .pack-icon{font-size:30px;margin-bottom:12px}.community .actions{flex-wrap:wrap}@media(max-width:700px){.community .pack-grid{grid-template-columns:1fr}.community-header{align-items:flex-start;flex-direction:column}.wait-content{padding:20px}.page-heading .actions{flex-wrap:wrap}}
.version-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--bg);border:1px solid var(--line);font-size:11px;white-space:nowrap;font-weight:600}
.version-badge.is-premium{background:#e7f1de;color:#36532b;border-color:#a8c895}
.dark .version-badge.is-premium{background:#293c26;color:#d2eac1;border-color:#65845a}
.premium-card details{margin:18px 0}.premium-card summary{cursor:pointer;margin-bottom:14px}.premium-card .btn{margin-top:12px}
@media(max-width:700px){.topbar{height:auto;min-height:47px;padding-top:8px;padding-bottom:8px;gap:8px}.topbar>span{max-width:45%;line-height:1.4}.topbar>div{flex-wrap:wrap;justify-content:flex-end}.version-badge{font-size:9px;padding:5px 8px}}
