:root{--paper:#f7f5ee;--white:#fffefa;--ink:#253c32;--green:#244d3c;--muted:#73796e;--line:#dfe1d5;--accent:#b96343;--sage:#e4eadc;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b68b4d;outline-offset:3px}a{color:var(--green)}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(36px,5.5vw,64px);line-height:1.06;margin-bottom:20px}h2{font-size:32px;line-height:1.15}h3{line-height:1.3;font-size:18px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.shell{max-width:1260px;margin:auto;padding:0 40px 120px}.topbar{min-height:100px;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;color:var(--ink)}.brand-mark{width:42px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:var(--green);border-radius:13px 13px 4px 13px;color:var(--paper);font:30px Georgia,serif}.brand strong{display:block;font-size:17px;font-weight:650}.brand small{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.nav{display:flex;gap:6px}.nav button{display:flex;align-items:center;gap:8px;background:none;border:0;padding:12px 16px;border-radius:30px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.nav button.active{background:var(--green);color:white}.nav svg,.icon-btn svg,.btn svg{width:18px;height:18px;flex-shrink:0}.header-right{display:flex;align-items:center;gap:12px}.sync{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.sync:before{content:"";height:6px;width:6px;background:#6b9472;border-radius:50%}.sync.offline:before{background:#bc814e}.icon-btn{border:1px solid var(--line);border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.btn{border:1px solid var(--line);border-radius:30px;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;min-height:44px;text-decoration:none;font-size:13px;font-weight:650;line-height:1.3}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.accent{background:var(--accent);border-color:var(--accent);color:white}.btn.small{padding:9px 14px;min-height:36px;font-size:12px}.btn.quiet{border-color:transparent}.btn.block{width:100%}.btn:hover{filter:brightness(.96)}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.hero{padding:48px 0 36px;display:grid;grid-template-columns:1fr 370px;gap:40px;align-items:center}.hero .intro{max-width:480px;color:var(--muted);font-size:15px;margin-bottom:0}.hero-callout{background:var(--sage);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden}.hero-callout h2{font-size:30px;margin-bottom:16px;max-width:250px}.hero-callout .eyebrow{color:var(--green)}.hero-callout .menu-note{font-size:12px;color:var(--muted);margin-bottom:19px}.hero-callout:after{content:"✳";position:absolute;right:14px;top:12px;font-size:60px;color:#bcccb6;line-height:1}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:10px 0 24px;flex-wrap:wrap}.search{border:1px solid var(--line);background:var(--white);border-radius:30px;padding:12px 18px;min-width:240px;color:var(--ink);font-size:13px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 15px;min-height:36px;font-size:12px}.chip.active{background:#e7e8df;border-color:#d3d7ca;color:var(--green);font-weight:650}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.recipe-card{background:var(--white);border:1px solid #e4e5db;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s}.recipe-card:hover{transform:translateY(-3px)}.recipe-art{height:156px;display:flex;align-items:center;justify-content:center;position:relative;background:#ece5d3}.recipe-art.terracotta{background:#f0dfd1}.recipe-art.sage{background:#e0e7d6}.recipe-art.rose{background:#f0dcd2}.recipe-art svg{width:140px;height:140px;filter:drop-shadow(0 5px 5px #3439170a)}.recipe-art .tag{position:absolute;top:13px;left:13px;background:#fffdf6c9;color:var(--ink);font-size:9px;letter-spacing:.08em;font-weight:650;text-transform:uppercase;padding:7px 10px;border-radius:30px}.recipe-content{padding:19px;display:flex;flex-direction:column;flex:1}.recipe-content .title-button{font:26px/1.13 Georgia,serif;letter-spacing:-.03em;text-align:left;background:none;border:0;padding:0;margin:0 0 12px;color:var(--ink)}.recipe-content p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:18px}.card-meta{font-size:10px;letter-spacing:.015em;color:var(--muted);padding-top:4px;margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.select-recipe{width:100%;min-height:38px;border:1px solid var(--line);background:transparent;border-radius:9px;font-size:12px;font-weight:650}.select-recipe.selected{background:#e6eddf;border-color:#c4d1bc;color:var(--green)}.section-heading{margin:36px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{margin:0}.helper{font-size:12px;color:var(--muted)}.page-head{padding:42px 0 28px}.page-head h1{font-size:48px;margin-bottom:12px}.page-head p{margin:0;max-width:650px;color:var(--muted);font-size:14px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:22px}.panel h3{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.field input,.field select,.field textarea,.editor-row input,.editor-row select,.editor-row textarea{border:1px solid var(--line);border-radius:9px;background:var(--white);padding:12px;color:var(--ink);width:100%;min-width:0;font-size:14px;font-weight:400}.field textarea{resize:vertical;min-height:80px}.field.full{grid-column:1/-1}.check-label{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.6;padding:8px 0}.check-label input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0;margin:2px 0 0}.equipment{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.equipment summary{font-size:12px;cursor:pointer;padding:8px 0}.equipment .form-grid{margin-top:16px}.selected-dish{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:17px 0}.selected-dish:last-child{border-bottom:0}.dish-dot{width:46px;height:46px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.dish-info{flex:1;min-width:0}.dish-info h3{font-size:14px;margin:0 0 7px}.dish-info select{font-size:11px;max-width:100%;border:0;padding:5px 6px;border-radius:6px;color:var(--muted);background:#f2f3eb}.stepper{display:flex;align-items:center;gap:10px;font-size:12px}.stepper button{width:30px;height:30px;border-radius:50%;background:none;border:1px solid var(--line)}.plan-summary{background:var(--green);color:var(--paper);border-radius:var(--radius);padding:27px;position:sticky;top:24px}.plan-summary .eyebrow{color:#b9c6b5}.plan-summary h2{font-size:38px;margin:0 0 23px}.plan-summary .metric{display:flex;justify-content:space-between;border-top:1px solid #ffffff22;padding:13px 0;font-size:12px}.plan-summary .metric strong{font-weight:500}.plan-summary .btn{background:var(--paper);color:var(--green);margin-top:18px}.plan-summary .small-note{font-size:11px;color:#c6d0c0;line-height:1.6;margin-top:17px;margin-bottom:0}.saved-menus{margin-top:20px}.saved-menus select{width:100%}.empty{padding:50px 25px;text-align:center;border:1px dashed #cbd1c1;border-radius:var(--radius);color:var(--muted)}.empty h2{color:var(--green)}.empty p{max-width:440px;margin:0 auto 20px}.notice{padding:15px 18px;border-radius:12px;background:#f3e7cf;color:#745b30;font-size:12px;line-height:1.6;margin:0 0 20px}.list-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.progress-track{height:5px;border-radius:5px;overflow:hidden;background:#e3e7da;margin:20px 0 10px}.progress-track span{display:block;height:100%;background:#6d8b60;transition:width .2s}.shopping-section{margin-bottom:30px}.shopping-section h2{font-size:24px;display:flex;gap:15px;align-items:center}.shopping-section h2:after{content:"";height:1px;background:var(--line);flex:1}.shopping-row{display:flex;align-items:center;gap:15px;padding:17px 3px;border-bottom:1px solid var(--line)}.shopping-row input{width:22px;height:22px;accent-color:var(--green);margin:0;flex-shrink:0}.shopping-label{display:flex;gap:14px;align-items:flex-start;flex:1;cursor:pointer;min-width:0}.shopping-item{flex:1;min-width:0;font-size:14px;line-height:1.5}.shopping-item strong{font-weight:650}.shopping-item small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.shopping-row.complete .shopping-item{opacity:.5}.shopping-row.complete .shopping-item strong{text-decoration:line-through}.pantry-btn{border:1px solid var(--line);background:none;border-radius:30px;min-height:36px;padding:6px 12px;font-size:11px;white-space:nowrap}.pantry-btn.active{background:#e5eddf;border-color:#c3cfb7}.cook-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cook-step{border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:25px 76px 1fr;gap:17px}.cook-step>input{width:22px;height:22px;accent-color:var(--green);margin:5px 0 0}.step-time{font-size:14px;font-variant-numeric:tabular-nums;padding-top:6px;color:var(--green);font-weight:650}.step-time small{display:block;color:var(--muted);font-size:10px;line-height:1.4;font-weight:400;margin-top:5px}.step-body .recipe-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 6px}.step-body h3{margin:0 0 9px;font-size:17px;line-height:1.4}.step-body p{font-size:14px;line-height:1.75;margin:0 0 12px;max-width:760px}.cook-step.done{opacity:.47}.cook-step.done h3{text-decoration:line-through}.cook-step.reminder{background:#edf0e4;padding:18px 16px;border-radius:12px;margin:12px 0;border:0}.hold-notes{margin-top:22px;font-size:12px;color:var(--muted);line-height:1.7}.hold-notes summary{cursor:pointer;color:var(--green)}.hold-notes li{margin:8px 0}.modal-backdrop{position:fixed;inset:0;background:#15291e85;z-index:60;overflow:auto;padding:35px 20px;display:flex;align-items:flex-start;justify-content:center;backdrop-filter:blur(4px)}.modal{background:var(--paper);border-radius:22px;width:760px;max-width:100%;padding:30px;box-shadow:0 24px 80px #15291e33}.modal.wide{width:980px}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.modal-top h2{margin:0}.modal p{font-size:14px}.modal details{margin:20px 0}.modal summary{padding:8px 0;cursor:pointer;font-size:14px;font-weight:650}.ingredient-table{width:100%;border-collapse:collapse;font-size:13px}.ingredient-table td{padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}.ingredient-table td:first-child{width:120px;color:var(--muted)}.detail-step{margin:15px 0}.detail-step h3{font-size:14px;margin:0 0 7px}.detail-step p{font-size:13px}.editor-section{margin-top:28px}.editor-section h3{font:25px Georgia,serif;font-weight:400}.editor-row{display:grid;grid-template-columns:100px 100px 1fr 145px 38px;gap:9px;padding:10px 0;border-bottom:1px solid var(--line);align-items:start}.editor-row .remove{border:0;background:transparent;font-size:20px;min-height:42px}.editor-step{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;background:#fffefa}.editor-step .step-fields{display:grid;grid-template-columns:1fr 90px 130px 100px 30px;gap:10px;align-items:end;margin-bottom:10px}.editor-step.prep .step-fields{grid-template-columns:1fr 90px 30px}.editor-step label{font-size:10px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.editor-step input,.editor-step select,.editor-step textarea{padding:10px;border:1px solid var(--line);border-radius:8px;font:13px inherit;width:100%;background:var(--white);color:var(--ink)}.editor-step textarea{min-height:90px;resize:vertical}.editor-step .remove{background:none;border:0;font-size:20px;min-height:40px}.editor-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.login{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;max-width:1100px;margin:auto;padding:55px}.login h1{font-size:70px;margin-top:30px}.login p{max-width:450px;color:var(--muted)}.login-panel{padding:38px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.login-panel h2{font-size:32px}.login-panel .btn{margin-top:20px}.login-panel input{font-size:16px}.boot{min-height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;color:var(--muted)}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:13px 20px;border-radius:12px;font-size:13px;z-index:100;opacity:0;pointer-events:none;max-width:90%;transition:.2s;box-shadow:0 5px 30px #0002}#toast.show{opacity:1;transform:translate(-50%,0)}#timer-bar{position:fixed;bottom:20px;right:22px;z-index:45;max-width:320px;display:flex;flex-direction:column;gap:9px}.timer{background:var(--green);color:var(--paper);padding:14px 16px;border-radius:13px;box-shadow:0 8px 30px #0002;display:flex;align-items:center;gap:15px}.timer strong{font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.timer span{font-size:11px;line-height:1.4;flex:1}.timer button{border:0;background:transparent;color:inherit;font-size:22px;min-width:30px;min-height:35px}.timer.finished{background:var(--accent)}.settings-actions{display:flex;flex-direction:column;gap:12px}.settings-actions .btn{justify-content:flex-start}.pair-link{width:100%;padding:14px;border:1px solid var(--line);border-radius:9px;word-break:break-all;font-size:12px;background:white;margin:15px 0}.app-footer{margin-top:45px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);letter-spacing:.03em}.print-only{display:none}
@media(min-width:1000px){.cook-list{max-width:960px}.shopping-list{max-width:850px}}
@media(max-width:1100px){.shell{padding-left:26px;padding-right:26px}.topbar{gap:15px}.nav button{padding:12px 13px}.header-right .sync{max-width:70px}.recipe-grid{grid-template-columns:repeat(2,1fr)}.recipe-art{height:175px}.hero{grid-template-columns:1fr 300px;gap:25px}.two-col{grid-template-columns:1fr 285px;gap:20px}}
@media(max-width:760px){.shell{padding:0 20px 130px}.topbar{min-height:83px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#f7f5eef5;backdrop-filter:blur(12px);border-top:1px solid var(--line);justify-content:space-around;gap:2px}.nav button{flex:1;flex-direction:column;gap:5px;border-radius:13px;padding:8px 4px;font-size:10px;min-height:54px}.nav button.active{background:var(--sage);color:var(--green)}.nav svg{width:21px;height:21px}.hero{padding:34px 0 22px;grid-template-columns:1fr;gap:25px}.hero-callout{padding:24px}.hero-callout h2{max-width:none;font-size:28px;margin-bottom:10px}.hero-callout .menu-note{margin-bottom:12px}.hero h1{max-width:430px}.hero .intro{font-size:14px}.toolbar{align-items:stretch;gap:16px}.search{flex:1;min-width:170px}.toolbar .chips{order:3;width:100%}.recipe-grid{gap:13px}.recipe-content{padding:16px}.recipe-content .title-button{font-size:23px}.recipe-content p{font-size:11px}.recipe-art{height:135px}.recipe-art svg{width:125px;height:125px}.recipe-art .tag{font-size:8px;left:9px;top:9px}.section-heading{margin-top:26px;gap:12px}.section-heading h2{font-size:26px}.page-head{padding:32px 0 25px}.page-head h1{font-size:40px}.two-col{grid-template-columns:1fr}.plan-summary{position:static}.form-grid{gap:13px}.field input,.field select,.field textarea{font-size:16px;padding:10px}.panel{padding:20px}.field{font-size:11px}.selected-dish{gap:10px}.dish-dot{width:36px;height:36px}.dish-info h3{font-size:13px}.dish-info select{font-size:10px}.stepper{gap:6px}.stepper button{width:33px;height:33px}.shopping-row{gap:10px;padding:17px 0}.shopping-label{gap:11px}.shopping-item{font-size:14px}.shopping-item small{font-size:11px}.pantry-btn{min-height:40px;font-size:10px;padding:5px 10px}.cook-step{grid-template-columns:23px 55px 1fr;gap:10px;padding:21px 0}.step-time{font-size:12px}.step-time small{font-size:9px}.step-body h3{font-size:16px}.step-body p{font-size:14px;line-height:1.75}.cook-step.reminder{padding:15px 9px}.cook-tools .btn{font-size:11px;padding:10px 12px}.modal-backdrop{padding:14px 10px}.modal{padding:22px 17px;border-radius:17px}.modal-top h2{font-size:26px}.editor-row{grid-template-columns:70px 70px 1fr 30px;gap:7px}.editor-row select.category{grid-column:1/4;grid-row:2}.editor-row .remove{grid-column:4;grid-row:1}.editor-row input,.editor-row select{font-size:14px;padding:10px 7px}.editor-step .step-fields{grid-template-columns:1fr 70px 30px}.editor-step .step-fields label:nth-child(3),.editor-step .step-fields label:nth-child(4){grid-row:2}.editor-step .step-fields label:nth-child(3){grid-column:1}.editor-step .step-fields label:nth-child(4){grid-column:2}.editor-step .remove{grid-column:3;grid-row:1}.editor-step input,.editor-step select,.editor-step textarea{font-size:16px}.editor-section .helper{font-size:11px}.login{display:flex;flex-direction:column;gap:25px;padding:35px 23px;min-height:100svh;align-items:stretch}.login h1{font-size:53px}.login-panel{padding:26px}.login .brand{margin-bottom:25px}.login h1{margin-top:0}.login p{font-size:14px}.app-footer{margin-top:30px}.header-right .sync{font-size:10px;max-width:105px}#toast{bottom:110px}#timer-bar{bottom:calc(90px + env(safe-area-inset-bottom));right:12px;max-width:280px}.timer{padding:10px 13px}.brand strong{font-size:15px}}
@media(max-width:360px){.shell{padding-left:14px;padding-right:14px}.recipe-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.form-grid .field:last-child{grid-column:1/-1}.recipe-art{height:160px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:white;color:black}.shell{max-width:none;padding:0}.topbar,.nav,.toolbar,.btn,.cook-tools,.chips,.header-right,.app-footer,.modal-backdrop,#toast,#timer-bar,.pantry-btn{display:none!important}.page-head{padding:0 0 20px}.cook-step{break-inside:avoid;grid-template-columns:20px 70px 1fr}.cook-step.done{opacity:.6}.shopping-row{break-inside:avoid}.print-only{display:block}.step-body p,.shopping-item{font-size:11pt}.cook-step>input,.shopping-row input{appearance:none;border:1px solid black;width:14px;height:14px}.cook-step>input:checked:after,.shopping-row input:checked:after{content:'✓'}.panel{break-inside:avoid}.plan-summary{background:white;color:black;border:1px solid #aaa}.recipe-grid{grid-template-columns:repeat(2,1fr)}}

.section-heading h2 .helper{display:inline-block;margin-left:8px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0}.step-body p{font-size:16px}.editor-step input,.editor-step select,.editor-step textarea{font-family:inherit}
.step-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.listen-btn.playing{background:var(--sage);border-color:#92a586}.pair-qr{display:flex;justify-content:center;background:#fffef7;width:272px;max-width:100%;padding:8px;border-radius:14px;margin:24px auto}.pair-qr svg{display:block;width:256px;height:auto;max-width:100%}.bowl-legend{margin:20px 0 3px;font-size:11px;line-height:1.7}.topbar{position:relative}
:root[data-theme=dark]{--paper:#151f1a;--white:#1c2921;--ink:#e7eadf;--green:#b4cba2;--muted:#a3ae9e;--line:#354338;--accent:#ca8866;--sage:#2d4030}
[data-theme=dark] .nav button.active,[data-theme=dark] .btn.primary{background:#b4cba2;border-color:#b4cba2;color:#18271d}
[data-theme=dark] .brand-mark{background:#b4cba2;color:#18271d}
[data-theme=dark] .recipe-card{border-color:var(--line)}[data-theme=dark] .recipe-art{background:#4b4430}[data-theme=dark] .recipe-art.terracotta{background:#49392e}[data-theme=dark] .recipe-art.sage{background:#31452e}[data-theme=dark] .recipe-art.rose{background:#49362e}
[data-theme=dark] .recipe-art .tag{background:#17241bdb;color:var(--ink)}[data-theme=dark] .hero-callout{background:#293e2d}[data-theme=dark] .hero-callout:after{color:#506748}[data-theme=dark] .chip.active{background:#344735;border-color:#51614a;color:var(--ink)}
[data-theme=dark] .select-recipe.selected,[data-theme=dark] .pantry-btn.active{background:#31452e;border-color:#56674a;color:#d6e1c9}[data-theme=dark] .dish-info select{background:#2a3a2d;color:#bdc8b6}[data-theme=dark] .plan-summary{background:#263d2c;color:var(--ink)}
[data-theme=dark] .plan-summary .btn{background:#dfe8d4;color:#1e3426}[data-theme=dark] .progress-track{background:#344337}[data-theme=dark] .progress-track span{background:#97b185}[data-theme=dark] .cook-step.reminder{background:#293c2c}[data-theme=dark] .notice{background:#413923;color:#e5d3a1}
[data-theme=dark] .editor-step{background:#1c2921}[data-theme=dark] .pair-link{background:#1c2921}[data-theme=dark] .modal-backdrop{background:#071109c9}[data-theme=dark] .empty{border-color:#48553f}[data-theme=dark] .listen-btn.playing{background:#3c5538;color:#e7eadf}
@media(max-width:760px){.header-right{gap:8px}.header-right .sync{position:absolute;top:65px;right:0;max-width:none;font-size:9px}[data-theme=dark] .nav{background:#151f1af2}[data-theme=dark] .nav button.active{background:#30442f;color:#dfe8d4}}
@media print{:root[data-theme=dark]{--paper:white;--white:white;--ink:black;--green:#244d3c;--muted:#555;--line:#ddd;--sage:#eee}.bowl-legend{color:black}.step-actions{display:none!important}}

/* Reserve the same header space for every saving state. */
.header-right{flex:none}.header-right .sync{width:112px;min-width:112px;max-width:112px;flex:0 0 112px;white-space:nowrap;line-height:18px;min-height:18px}.sync:before{flex:0 0 6px}.sync-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-readiness{min-height:24px;margin:12px 0 0;font-size:11px;line-height:24px}.audio-readiness[hidden]{display:none}
@media(max-width:760px){.header-right .sync{width:112px;min-width:112px;max-width:112px}}
@media(min-width:761px) and (max-width:1000px){.header-right .sync{position:absolute;top:76px;right:0}}