:root{--ink:#241d32;--muted:#746d7e;--paper:#f7f2ea;--panel:#fffdf8;--plum:#241735;--plum-2:#3d2857;--lime:#d9f46f;--coral:#ff7f66;--line:#241d321f;--shadow:0 22px 60px #271c341a}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 80% 0%, #d9f46f2e, transparent 30rem), var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #7859aa59}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#f7f2eae0;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{background:var(--plum);width:43px;height:43px;color:var(--lime);border-radius:15px;place-items:center;font-size:24px;display:grid;transform:rotate(-4deg)}.brand strong{letter-spacing:-.04em;font-size:20px;display:block}.brand small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:11px;display:block}.topbar-actions{align-items:center;gap:16px;display:flex}.connection{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.connection span{background:#55a66e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #55a66e1f}.connection.offline span{background:var(--coral);box-shadow:0 0 0 4px #ff7f661f}.account-actions{align-items:center;gap:8px;display:flex}.account-actions a{place-items:center;text-decoration:none;display:inline-grid}.account-state,.account-message{color:var(--muted);font-size:12px;font-weight:700}.account-widget{position:relative}.migration-consent{border:1px solid var(--line);background:var(--panel);width:min(390px,100vw - 32px);box-shadow:var(--shadow);z-index:30;border-radius:18px;padding:18px;position:absolute;top:48px;right:0}.migration-consent p,.migration-consent label{color:var(--muted);font-size:13px;line-height:1.5}.migration-consent label{align-items:start;gap:8px;display:flex}.migration-consent>div{gap:8px;margin-top:14px;display:flex}.account-message{background:var(--panel);width:280px;box-shadow:var(--shadow);border-radius:10px;padding:10px;position:absolute;top:48px;right:0}.account-page{gap:22px;max-width:760px;padding-top:44px;display:grid}.account-page>a{color:var(--plum);font-weight:800;text-decoration:none}.account-panel{gap:16px;padding:clamp(24px,5vw,44px);display:grid}.account-panel h1{letter-spacing:-.05em;overflow-wrap:anywhere;margin-bottom:0;font-size:clamp(30px,5vw,48px)}.account-button-list{gap:10px;display:grid}.account-button-list a{place-items:center;text-decoration:none;display:grid}.danger-button{color:#8f2525;background:#fff0ec;border-color:#8f252540}.legal-footer{border-top:1px solid var(--line);max-width:1240px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:14px;margin:20px auto 0;padding:24px 28px 36px;font-size:13px;display:flex}.legal-footer nav{flex-wrap:wrap;gap:14px;display:flex}.legal-footer a,.legal-link-button{color:var(--plum);background:0 0;border:0;padding:0;font-weight:800;text-decoration:none}.privacy-overlay{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#191124ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.privacy-dialog{width:min(620px,100%);color:var(--ink);padding:clamp(24px,5vw,42px)}.privacy-dialog h2{letter-spacing:-.04em;margin:8px 0 16px;font-size:clamp(28px,5vw,42px)}.privacy-dialog p{color:var(--muted);line-height:1.65}.privacy-dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.privacy-dialog-actions a{place-items:center;text-decoration:none;display:grid}.main-nav{gap:8px;max-width:1180px;margin:20px auto 0;padding:0 28px;display:flex}.main-nav button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:10px 16px;font-weight:700}.main-nav button.active{color:var(--panel);background:var(--plum)}main{max-width:1240px;margin:0 auto;padding:28px}.page-grid{gap:30px;display:grid}.hero-card{background:var(--plum);color:#fff;min-height:330px;box-shadow:var(--shadow);border-radius:34px;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);align-items:center;padding:clamp(34px,6vw,72px);display:grid;position:relative;overflow:hidden}.hero-card:before{content:"";border:1px solid #ffffff26;border-radius:50%;width:440px;height:440px;position:absolute;top:-210px;right:-130px;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff06}.hero-card h1{letter-spacing:-.06em;max-width:700px;margin:12px 0 22px;font-size:clamp(42px,6vw,74px);line-height:.98}.hero-card p{color:#ffffffb8;max-width:650px;font-size:clamp(16px,2vw,20px);line-height:1.6}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#7d5f9e;font-size:11px;font-weight:900}.eyebrow.light,.hero-card .eyebrow{color:var(--lime)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-orbit{z-index:1;min-height:220px;position:relative}.hero-orbit span{background:#fff;border-radius:50%;place-items:center;font-size:50px;display:grid;position:absolute;box-shadow:0 16px 40px #0003}.hero-orbit span:first-child{width:130px;height:130px;top:0;right:15%;transform:rotate(8deg)}.hero-orbit span:nth-child(2){width:100px;height:100px;bottom:0;left:0;transform:rotate(-8deg)}.hero-orbit span:nth-child(3){width:72px;height:72px;font-size:32px;bottom:10px;right:0}.button{border:1px solid #0000;border-radius:14px;min-height:45px;padding:0 18px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:var(--plum);background:var(--lime);box-shadow:0 12px 28px #d9f46f29}.button.secondary{color:#fff;background:#ffffff14;border-color:#ffffff4d}.button.ghost{color:var(--plum);border-color:var(--line);background:#ffffff80}.button.compact{min-height:38px;padding:0 14px;font-size:13px}.button.full{width:100%;margin-top:20px}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#fff;border-radius:13px;place-items:center;font-size:20px;display:grid}.icon-button.danger{color:#b23f3f}.icon-button.light{color:#fff;background:#ffffff14;border-color:#fff3}.section-heading,.subsection-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.section-heading h2,.subsection-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:30px}.count-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font-weight:800}.advertising-slot{border:1px solid var(--line);background:#ffffff8c;border-radius:18px;min-height:100px;padding:10px 14px 14px;overflow:hidden}.advertising-slot>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.recipe-card{border:1px solid var(--line);background:var(--panel);border-radius:26px;flex-direction:column;min-height:340px;padding:24px;display:flex;box-shadow:0 10px 34px #271c340d}.recipe-card.tone-1{background:#eef4dd}.recipe-card.tone-2{background:#f4e4dd}.recipe-card-top{color:var(--muted);justify-content:space-between;font-size:12px;font-weight:800;display:flex}.recipe-symbol{filter:drop-shadow(0 8px 10px #00000014);margin:34px 0 20px;font-size:58px}.recipe-card h3{letter-spacing:-.04em;margin-bottom:8px;font-size:25px}.recipe-card p{color:var(--muted);flex:1;line-height:1.5}.card-actions{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.editor-page{gap:24px;display:grid}.editor-header{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.editor-header h1{letter-spacing:-.05em;margin:2px 0 0;font-size:clamp(28px,4vw,44px)}.save-state{color:#50845f;background:#e7f4e8;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.editor-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:26px;box-shadow:0 14px 44px #271c340f}.editor-main{gap:22px;padding:clamp(24px,4vw,44px);display:grid}.editor-aside{padding:28px;position:sticky;top:114px}.editor-aside h2{letter-spacing:-.04em;margin:8px 0 14px;font-size:27px}.editor-aside p{color:var(--muted);line-height:1.55}.field{gap:8px;display:grid}.field span,.inline-field span{color:var(--muted);font-size:12px;font-weight:850}.field input,.field textarea,.ingredient-row input,.ingredient-row select,.step-fields input,.step-fields textarea,.inline-field input,.voice-console input{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:13px;padding:13px 14px}.field input{font-size:19px;font-weight:800}.small-field{max-width:220px}.subsection-heading{border-top:1px solid var(--line);margin-top:18px;padding-top:24px}.rows,.step-editor-list{gap:12px;display:grid}.ingredient-row{grid-template-columns:minmax(140px,1fr) 100px 145px 42px;align-items:center;gap:9px;display:grid}.step-editor{background:#f8f4ed;border-radius:18px;grid-template-columns:44px minmax(0,1fr) 42px;align-items:start;gap:12px;padding:18px;display:grid}.step-number{background:var(--plum);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.step-fields{gap:9px;display:grid}.step-fields>input{font-weight:850}.inline-field{grid-template-columns:minmax(160px,1fr) 110px;align-items:center;gap:10px;display:grid}.validation-box{border-left:4px solid var(--coral);background:#fff0ec;border-radius:10px;padding:14px;font-size:13px}.validation-box ul{margin:8px 0 0;padding-left:18px}.cooking-page{z-index:40;background:var(--plum);color:#fff;position:fixed;inset:0;overflow:auto}.cooking-topbar{grid-template-columns:48px 1fr auto;align-items:center;gap:18px;max-width:1440px;min-height:82px;margin:auto;padding:14px 28px;display:grid}.cooking-topbar>div span,.cooking-topbar>div strong{display:block}.cooking-topbar>div span{color:#ffffff9e;font-size:12px}.cooking-topbar>div strong{margin-top:3px}.offline-badge{text-transform:uppercase;letter-spacing:.12em;color:var(--lime);font-size:11px;font-weight:900}.progress-track{background:#ffffff17;height:5px}.progress-track span{background:var(--lime);height:100%;transition:width .3s;display:block}.cooking-layout{grid-template-columns:280px minmax(380px,1fr) 300px;max-width:1440px;min-height:calc(100vh - 87px);margin:auto;display:grid}.ingredients-panel,.timers-panel{background:#ffffff0b;padding:34px 28px}.ingredients-panel{border-right:1px solid #ffffff1a}.timers-panel{border-left:1px solid #ffffff1a}.ingredients-panel h2,.timers-panel h2{letter-spacing:-.04em;margin:24px 0 18px;font-size:25px}.serving-control{color:#ffffffb3;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.serving-control div{align-items:center;gap:10px;display:flex}.serving-control button{color:#fff;background:0 0;border:1px solid #fff3;border-radius:9px;width:29px;height:29px}.cooking-ingredients{gap:16px;margin:0;padding:0;list-style:none;display:grid}.cooking-ingredients li{gap:3px;display:grid}.cooking-ingredients strong{color:var(--lime);font-size:13px}.cooking-ingredients span{color:#ffffffbf}.active-step{flex-direction:column;min-height:calc(100vh - 87px);padding:clamp(44px,8vw,110px) clamp(34px,7vw,100px) 42px;display:flex}.active-step>h1{letter-spacing:-.065em;max-width:800px;margin:18px 0 28px;font-size:clamp(45px,7vw,86px);line-height:.98}.active-step>p{color:#ffffffbd;max-width:820px;font-size:clamp(19px,2.4vw,27px);line-height:1.55}.timer-suggestion{color:var(--plum);background:var(--lime);text-align:left;border:0;border-radius:16px;align-self:flex-start;align-items:center;gap:14px;margin-top:18px;padding:12px 18px;display:flex}.timer-suggestion>span:first-child{font-size:30px}.timer-suggestion strong,.timer-suggestion small{display:block}.timer-suggestion small{opacity:.68;margin-top:2px}.cooking-controls{justify-content:space-between;gap:14px;margin-top:auto;padding-top:44px;display:flex}.cooking-back,.cooking-next{min-height:56px;padding:0 26px}.cooking-back{color:#fff;background:0 0;border-color:#fff3}.cooking-next{color:var(--plum);background:var(--lime);min-width:160px}.voice-console{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:24px}.voice-console label{color:var(--lime);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900}.voice-console>div{gap:8px;margin-top:8px;display:flex}.voice-console input{color:#fff;background:#ffffff14;border-color:#ffffff24}.voice-console input::placeholder{color:#fff6}.voice-console button{width:48px;color:var(--plum);background:#fff;border:0;border-radius:13px;font-weight:900}.voice-console small{color:#ffffff6b;margin-top:8px;line-height:1.5;display:block}.timers-heading{justify-content:space-between;align-items:center;display:flex}.timers-heading h2{margin:4px 0 0}.timers-heading button{background:var(--lime);width:38px;height:38px;color:var(--plum);border:0;border-radius:12px;font-size:22px}.empty-timers{color:#ffffff7a;font-size:14px;line-height:1.5}.timer-list{gap:12px;margin-top:22px;display:grid}.timer-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;padding:16px}.timer-card.expired{border-color:var(--coral);background:#ff7f661f}.timer-card>span,.timer-card>strong,.timer-card>small{display:block}.timer-card>span{color:#ffffff9e;font-size:12px}.timer-card>strong{font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin:5px 0 0;font-size:35px}.timer-card>small{color:var(--lime);font-weight:800}.timer-card>div{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.timer-card button{color:#fff;background:0 0;border:1px solid #ffffff29;border-radius:9px;padding:6px 9px;font-size:11px}.completion{text-align:center;margin:auto}.completion>span{color:var(--lime);font-size:70px;display:block}.completion h1{letter-spacing:-.06em;margin:12px 0;font-size:clamp(48px,7vw,86px)}.completion p{color:#ffffff9e}.light-primary{background:var(--lime);color:var(--plum);margin-top:14px}@media (max-width:1000px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.editor-aside{position:static}.cooking-layout{grid-template-columns:220px minmax(0,1fr)}.timers-panel{border-top:1px solid #ffffff1a;border-left:0;grid-column:1/-1}.timer-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.topbar{height:72px;padding:0 16px}.brand small,.connection,.topbar-actions>.button,.account-state{display:none}.main-nav{margin-top:12px;padding:0 14px;overflow-x:auto}main{padding:16px}.hero-card{grid-template-columns:1fr;min-height:430px;padding:32px 25px}.hero-card h1{font-size:47px}.hero-orbit{min-height:105px}.hero-orbit span:first-child{width:86px;height:86px;font-size:36px;right:7%}.hero-orbit span:nth-child(2){width:68px;height:68px;font-size:30px;left:24%}.hero-orbit span:nth-child(3){width:52px;height:52px;font-size:24px}.recipe-grid{grid-template-columns:1fr}.editor-header{grid-template-columns:auto 1fr}.save-state{grid-column:2;justify-self:start}.ingredient-row{grid-template-columns:minmax(0,1fr) 90px 42px}.ingredient-row select{grid-area:2/1/auto/3}.ingredient-row .danger{grid-area:1/3/3}.step-editor{grid-template-columns:38px minmax(0,1fr)}.step-editor>.danger{grid-area:2/1}.inline-field{grid-template-columns:1fr}.cooking-topbar{padding:12px 14px}.offline-badge{display:none}.cooking-layout{flex-direction:column;display:flex}.ingredients-panel{border-top:1px solid #ffffff1a;border-right:0;order:2}.active-step{order:1;min-height:calc(100vh - 87px);padding:52px 22px 26px}.active-step>h1{font-size:49px}.active-step>p{font-size:20px}.timers-panel{order:3}.timer-list{grid-template-columns:1fr}.cooking-controls{background:linear-gradient(transparent, var(--plum) 24%);margin-inline:-22px;padding:44px 22px 14px;position:sticky;bottom:0}.legal-footer{padding-inline:16px}.privacy-dialog-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}