:root{--bg:#fff6e5;--paper:#fff;--ink:#1a1a2e;--ink-soft:#55556b;--line:#1a1a2e;--tomato:#ff5b3a;--sun:#ffc83d;--mint:#2ed3a0;--sky:#47b5ff;--grape:#a06cf0;--pink:#ff8fc7;--on-color:#1a1a2e;--muted-fill:#f3ead6;--shadow:4px 4px 0 var(--line);--shadow-sm:2px 2px 0 var(--line);--radius:18px;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15151f;--paper:#23233a;--ink:#fbf3e2;--ink-soft:#b9b5c9;--line:#000;--muted-fill:#2d2d45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#15151f;--paper:#23233a;--ink:#fbf3e2;--ink-soft:#b9b5c9;--line:#000;--muted-fill:#2d2d45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.05}h1{font-size:clamp(2.1rem,7vw,3.4rem)}h2{font-size:clamp(1.4rem,4vw,1.8rem)}h3{font-size:1.15rem}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.app{min-height:100dvh;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page{max-width:1100px;margin:0 auto;padding:20px 16px 32px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-head p{margin:6px 0 0}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.topbar{display:none}.tabbar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;background:var(--paper);border:3px solid var(--line);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px;display:grid;position:fixed}.tabbar a{color:var(--ink-soft);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.tabbar a .ico{font-size:1.35rem;line-height:1}.tabbar a.active{color:var(--on-color);background:var(--sun)}.tabbar a.add-tab .ico{background:var(--tomato);width:46px;height:46px;color:var(--on-color);border:3px solid var(--line);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;margin-top:-26px;font-size:1.7rem;font-weight:800;display:grid}.tabbar a.add-tab.active{background:0 0}@media (width>=900px){.app{padding-bottom:0}.tabbar{display:none}.topbar{align-items:center;gap:6px;max-width:1100px;margin:0 auto;padding:18px 16px 0;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:10px;margin-right:auto;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.brand img{width:36px;height:36px}.topbar nav a{border:3px solid #0000;border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none}.topbar nav a:hover{border-color:var(--line)}.topbar nav a.active{background:var(--sun);color:var(--on-color);border-color:var(--line);box-shadow:var(--shadow-sm)}}.btn{border:3px solid var(--line);background:var(--paper);min-height:46px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:5px 5px 0 var(--line);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--line);transform:translate(3px,3px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.btn.primary{background:var(--tomato);color:var(--on-color)}.btn.sun{background:var(--sun);color:var(--on-color)}.btn.mint{background:var(--mint);color:var(--on-color)}.btn.sky{background:var(--sky);color:var(--on-color)}.btn.big{font-family:var(--font-display);min-height:58px;padding:12px 24px;font-size:1.2rem}.btn.small{min-height:36px;box-shadow:var(--shadow-sm);border-radius:11px;padding:4px 12px;font-size:.875rem}.btn.icon{width:40px;min-height:40px;box-shadow:var(--shadow-sm);border-radius:12px;padding:0;font-size:1.1rem}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover{border-color:var(--line)}.btn.block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:.9rem;font-weight:700}.input,.textarea{border:3px solid var(--line);background:var(--paper);border-radius:14px;outline:none;width:100%;min-height:48px;padding:12px 14px}.textarea{resize:vertical;min-height:90px;line-height:1.45}.input:focus,.textarea:focus{box-shadow:0 0 0 4px var(--sky)}.card{background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:16px}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px;display:grid}.recipe-card{flex-direction:column;text-decoration:none;transition:transform .12s;display:flex;position:relative}.recipe-card:hover{transform:rotate(-.6deg)translateY(-2px)}.recipe-card .thumb{aspect-ratio:4/3;border-bottom:3px solid var(--line)}.recipe-card .body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.recipe-card h3{font-size:1.2rem}.recipe-card .plan-btn{position:absolute;top:10px;right:10px}.thumb{background:var(--muted-fill);position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .placeholder{place-items:center;font-size:3rem;display:grid;position:absolute;inset:0}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:2px solid var(--line);text-transform:uppercase;letter-spacing:.03em;color:var(--on-color);background:var(--sun);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.tag:nth-child(odd){transform:rotate(-2deg)}.tag:nth-child(2n){transform:rotate(1.5deg)}.tag.c0{background:var(--sun)}.tag.c1{background:var(--mint)}.tag.c2{background:var(--sky)}.tag.c3{background:var(--pink)}.tag.c4{background:var(--grape)}.tag.c5{background:var(--tomato)}button.tag{cursor:pointer}button.tag.off{background:var(--paper);color:var(--ink);transform:none}.meta{color:var(--ink-soft);flex-wrap:wrap;gap:6px 14px;font-size:.9rem;font-weight:600;display:flex}.week-switch{align-items:center;gap:8px;display:flex}.week-switch .label{font-family:var(--font-display);text-align:center;min-width:128px;font-size:1.2rem;font-weight:800}.week{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=700px){.week{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.week{grid-template-columns:repeat(4,1fr)}}.day{flex-direction:column;min-height:120px;display:flex}.day-head{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 0;display:flex}.day-label{font-family:var(--font-display);text-transform:uppercase;border:2px solid var(--line);background:var(--muted-fill);border-radius:10px;padding:2px 10px;font-size:.95rem;font-weight:800}.day.today .day-label{background:var(--tomato);color:var(--on-color)}.day-body{flex:1;align-items:center;gap:12px;padding:12px;display:flex}.day-body .thumb{border:2px solid var(--line);border-radius:12px;flex:none;width:88px;height:88px}a.day-body,.day-body a{text-decoration:none}.day-body h3{margin-bottom:4px;font-size:1.1rem}@media (width>=1000px){.day-body{flex-direction:column;align-items:stretch}.day-body .thumb{aspect-ratio:16/10;width:100%;height:auto}}.day-empty{border:3px dashed var(--ink-soft);cursor:pointer;min-height:80px;color:var(--ink-soft);background:0 0;border-radius:14px;flex:1;place-items:center;gap:4px;margin:12px;font-weight:700;transition:background .1s;display:grid}.day-empty:hover{background:var(--muted-fill);color:var(--ink)}.hero-strip{background:var(--sun);color:var(--on-color);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;padding:16px 18px;display:flex}.hero-strip .display{font-size:1.4rem}.hero-strip .btn{margin-left:auto}.recipe-hero{gap:20px;margin-bottom:26px;display:grid}@media (width>=800px){.recipe-hero{grid-template-columns:1.1fr 1fr;align-items:center}}.recipe-hero .thumb{aspect-ratio:4/3;border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(-1deg)}.recipe-hero h1{margin:8px 0 10px}.recipe-cols{gap:20px;display:grid}@media (width>=800px){.recipe-cols{grid-template-columns:1fr 1.6fr;align-items:start}.recipe-cols>:first-child{position:sticky;top:16px}}.check-list{margin:0;padding:0;list-style:none}.check-list li{border-bottom:2px dashed var(--muted-fill)}.check-list li:last-child{border-bottom:0}.check-list label{cursor:pointer;align-items:flex-start;gap:12px;padding:10px 2px;display:flex}.check-list input{appearance:none;border:3px solid var(--line);background:var(--paper);cursor:pointer;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;margin:0;display:grid}.check-list input:checked{background:var(--mint)}.check-list input:checked:after{content:"✓";color:var(--on-color);font-size:.9rem;font-weight:800}.check-list input:checked+span{color:var(--ink-soft);text-decoration:line-through}.check-list .sub{color:var(--ink-soft);font-size:.8rem;display:block}.steps{counter-reset:step;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:step;grid-template-columns:44px 1fr;align-items:start;gap:14px;font-size:1.05rem;display:grid}.steps li:before{content:counter(step);width:40px;height:40px;font-family:var(--font-display);color:var(--on-color);background:var(--sky);border:3px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.steps li:nth-child(4n+2):before{background:var(--mint)}.steps li:nth-child(4n+3):before{background:var(--pink)}.steps li:nth-child(4n+4):before{background:var(--sun)}.choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;display:grid}.choice{text-align:left;cursor:pointer;flex-direction:column;gap:6px;padding:18px;display:flex}.choice .big-ico{font-size:2.2rem}.choice.selected{outline:4px solid var(--tomato);outline-offset:3px}.dropzone{text-align:center;cursor:pointer;border:3px dashed var(--line);border-radius:var(--radius);background:var(--paper);place-items:center;gap:6px;padding:28px 16px;display:grid}.dropzone.drag{background:var(--muted-fill)}.photo-row{flex-wrap:wrap;gap:10px;display:flex}.photo-row .thumb{border:2px solid var(--line);border-radius:12px;width:92px;height:92px}.photo-row .thumb button{position:absolute;top:4px;right:4px}.editor-list{flex-direction:column;gap:8px;display:flex}.editor-row{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.ing-row{grid-template-columns:1.4fr 1fr auto;align-items:center;gap:8px;display:grid}@media (width<=560px){.ing-row{grid-template-columns:1fr auto}.ing-row .input:nth-child(2){grid-column:1}.ing-row .btn{grid-area:1/2/span 2}}.loading-card{text-align:center;place-items:center;gap:12px;padding:40px 16px;display:grid}.pot{font-size:3rem;animation:.9s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-8px)rotate(6deg)}}.list-layout{gap:20px;display:grid}@media (width>=860px){.list-layout{grid-template-columns:1.4fr 1fr;align-items:start}}.seg{border:3px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;display:inline-flex;overflow:hidden}.seg button{background:var(--paper);cursor:pointer;border:0;padding:8px 14px;font-weight:700}.seg button+button{border-left:3px solid var(--line)}.seg button.on{background:var(--sun);color:var(--on-color)}.copy-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.std-item{border-bottom:2px dashed var(--muted-fill);align-items:center;gap:8px;padding:6px 0;display:flex}.std-item:last-child{border-bottom:0}.std-item span{flex:1}.history-week{flex-direction:column;gap:12px;padding:14px;display:flex}.history-meals{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.history-meal{align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.history-meal .thumb{border:2px solid var(--line);border-radius:10px;flex:none;width:44px;height:44px}.history-meal small{color:var(--ink-soft);text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.backdrop{z-index:50;background:#1414238c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=640px){.backdrop{align-items:center;padding:24px}}.modal{background:var(--bg);border:3px solid var(--line);width:100%;max-width:560px;max-height:88dvh;box-shadow:var(--shadow);border-radius:22px 22px 0 0;flex-direction:column;animation:.16s ease-out pop;display:flex}@media (width>=640px){.modal{border-radius:22px}}@keyframes pop{0%{opacity:0;transform:translateY(20px)scale(.98)}}.modal-head{align-items:center;gap:10px;padding:16px 16px 10px;display:flex}.modal-head h2{flex:1}.modal-body{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex;overflow:auto}.pick-list{flex-direction:column;gap:8px;display:flex}.pick-item{text-align:left;cursor:pointer;background:var(--paper);border:3px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:8px;display:flex}.pick-item:hover{background:var(--muted-fill)}.pick-item .thumb{border:2px solid var(--line);border-radius:10px;flex:none;width:52px;height:52px}.pick-item.current{background:var(--sun);color:var(--on-color)}.day-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-grid button{cursor:pointer;border:3px solid var(--line);background:var(--paper);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;font-size:.8rem;font-weight:700;display:flex}.day-grid button.taken{background:var(--muted-fill)}.day-grid button .dot{background:var(--tomato);border:1.5px solid var(--line);border-radius:50%;width:8px;height:8px}.day-grid button:hover{background:var(--sun);color:var(--on-color)}.toast{left:50%;bottom:calc(110px + env(safe-area-inset-bottom));z-index:60;background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm);text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:700;animation:.16s ease-out pop;position:fixed;transform:translate(-50%)}@media (width>=900px){.toast{bottom:32px}}.error-box{border:3px solid var(--line);background:var(--pink);color:var(--on-color);border-radius:14px;padding:12px 14px;font-weight:600}.empty-state{text-align:center;justify-items:center;gap:12px;padding:40px 16px;display:grid}.empty-state .big{font-size:3.4rem}.search{flex:1;min-width:200px;position:relative}.search .input{padding-left:42px}.search:before{content:"🔍";position:absolute;top:50%;left:14px;transform:translateY(-50%)}@media (width<=640px){.choices{grid-template-columns:repeat(3,1fr);gap:10px}.choice{text-align:center;align-items:center;gap:2px;padding:12px 6px}.choice .big-ico{font-size:1.8rem}.choice strong{font-size:.95rem!important}.choice .muted{display:none}}.recipe-hero .thumb .placeholder,.recipe-card .thumb .placeholder{font-size:clamp(4rem,14vw,7rem)}