:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#241d27;background:#f7f3f6;line-height:1.45;font-synthesis:none;--bg: #f7f3f6;--surface: #fff;--surface2: #f0eaf1;--ink: #241d27;--muted: #6f6472;--line: #ded4df;--accent: #8d245f;--accent-strong: #6e1647;--accent-soft: #f4d7e9;--danger: #a1283b;--shadow: 0 10px 30px rgba(41, 23, 42, .08)}:root[data-theme=dark]{--bg: #1e1921;--surface: #2b222d;--surface2: #372c38;--ink: #fbf5fc;--muted: #c5b9c5;--line: #514354;--accent: #ee78be;--accent-strong: #ff9bd1;--accent-soft: #492841;--danger: #ff9aa6;--shadow: 0 10px 30px rgba(0, 0, 0, .28);color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{padding-bottom:env(safe-area-inset-bottom)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg: #1e1921;--surface: #2b222d;--surface2: #372c38;--ink: #fbf5fc;--muted: #c5b9c5;--line: #514354;--accent: #ee78be;--accent-strong: #ff9bd1;--accent-soft: #492841;--danger: #ff9aa6;--shadow: 0 10px 30px rgba(0, 0, 0, .28);color-scheme:dark}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:12px max(20px,env(safe-area-inset-left)) 12px max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;position:relative;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);z-index:3;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}.brand h1{font-size:18px;letter-spacing:.02em;margin:0}.brand p{font-size:11px;color:var(--muted);margin:0}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:44px;height:44px;border-radius:12px;font-size:19px}.page{width:min(100%,1080px);margin:0 auto;padding:30px 20px 110px}.page-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}.page-heading h2{font-size:clamp(26px,5vw,38px);line-height:1.1;margin:4px 0 10px;letter-spacing:-.03em}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:var(--accent);margin:0}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.card h1,.card h2,.card h3,.card h4,.card p,.card span,.card b,.card strong{overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:650}.unit{color:var(--muted);font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:12px 13px;min-height:46px}.field textarea{resize:vertical}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}.button{min-height:46px;border-radius:11px;padding:10px 17px;border:1px solid transparent;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-strong)}.button.secondary{background:var(--surface2);border-color:var(--line);color:var(--ink)}.button.danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.text-button{border:0;background:transparent;color:var(--accent);font-weight:700;padding:8px;min-height:44px}.empty-state{text-align:center;margin-top:20px;padding:40px 22px}.empty-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:22px}.empty-state h3{margin:14px 0 6px}.plan-stack{margin-top:20px}.plan-card{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.plan-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.plan-header h3{font-size:23px;margin:5px 0 12px}.badge,.status-chip{background:var(--accent-soft);color:var(--accent-strong);padding:7px 10px;border-radius:30px;font-size:12px;font-weight:750;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.metric-grid div{background:var(--surface2);padding:12px;border-radius:12px}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font-size:19px}.metric-grid span{font-size:11px;color:var(--muted);margin-top:3px}.adaptations{display:grid;gap:8px;margin:18px 0}.adaptation{display:grid;grid-template-columns:80px 1fr auto;gap:10px;align-items:start;background:var(--surface2);padding:11px 12px;border-radius:11px;font-size:13px}.adaptation b{color:var(--accent-strong)}.adaptation span,.adaptation b,.adaptation small{min-width:0;overflow-wrap:anywhere}.adaptation small{font-weight:700;color:var(--muted)}.pour-list{margin:18px 0}.pour-list h4{margin:0 0 10px}.pour-row{display:grid;grid-template-columns:29px 1fr auto;gap:11px;padding:11px 0;border-top:1px solid var(--line);align-items:start}.pour-number{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-size:12px;font-weight:800}.pour-row b{font-size:13px}.pour-row p{margin:3px 0 0;color:var(--muted);font-size:13px}.pour-row>strong{font-size:15px}.tabbar{position:fixed;bottom:0;left:0;right:0;padding:7px max(14px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:5;pointer-events:none}.tab{border:0;background:transparent;color:var(--muted);padding:7px 4px;min-height:51px;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:10px;pointer-events:auto}.tab span:first-child{font-size:19px;line-height:1}.tab.active{color:var(--accent-strong);background:var(--accent-soft);font-weight:800}.timer-card{max-width:720px;margin:0 auto;padding:25px}.timer{text-align:center;font-size:clamp(68px,18vw,120px);font-variant-numeric:tabular-nums;letter-spacing:-.06em;line-height:1;font-weight:700}.timer-target{text-align:center;color:var(--muted);font-size:13px;margin:10px 0 20px}.progress{height:9px;background:var(--surface2);border-radius:8px;overflow:hidden}.progress span{height:100%;display:block;background:var(--accent);transition:width .35s linear}.current-action{text-align:center;padding:25px 10px 18px}.current-action h3{font-size:29px;margin:6px 0}.current-action p{margin:0;color:var(--muted)}.next-action{margin-top:15px;background:var(--surface2);padding:10px;border-radius:10px;font-size:14px}.guide-controls{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.step-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:13px;color:var(--muted);font-size:12px}.status-chip{align-self:flex-start;text-transform:capitalize}.status-chip.running{background:#d7f4e7;color:#146548}.status-chip.paused{background:#fceac3;color:#765000}.status-chip.complete{background:#dce6ff;color:#294e9c}.status-chip.target-reached{background:#fceac3;color:#765000}.persistence-message{margin:0 auto 14px;max-width:1180px}.persistence-message,.persistence-warning{padding:12px 16px;border:1px solid color-mix(in srgb,var(--danger) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--ink);font-size:14px}.journal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.coffee-card{padding:17px}.coffee-top{display:flex;justify-content:space-between;align-items:start}.coffee-card h3{margin:0;font-size:19px}.coffee-card p{color:var(--muted);font-size:13px;margin:3px 0 0}.roast-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--surface)}.roast-light,.roast-medium-light{background:#c73688}.roast-medium,.roast-medium-dark{background:#8b5434}.roast-dark{background:#3c201d}.coffee-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.coffee-card dt{font-size:10px;color:var(--muted)}.coffee-card dd{margin:2px 0;font-weight:750;font-size:14px}.history-card{margin-top:18px}.history-row,.list-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.history-row div,.list-row div{display:flex;flex-direction:column}.history-row span,.list-row span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.history-row small{color:var(--accent);font-weight:700}.settings-stack{display:grid;gap:16px;max-width:760px}.settings-stack h3{margin:0 0 5px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.setting-row select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px}.check-row{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14px}.check-row input{width:19px;height:19px;accent-color:var(--accent)}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.rating{display:flex;gap:8px;margin:17px 0}.rating label input{position:absolute;opacity:0}.rating label span{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--line);border-radius:10px;font-weight:700}.rating label input:checked+span{background:var(--accent);color:#fff;border-color:var(--accent)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.review-card{margin-bottom:18px;border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}@media(max-width:640px){.page{padding:22px 14px 100px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.adaptation{grid-template-columns:68px 1fr}.adaptation small{grid-column:2}.check-grid{grid-template-columns:1fr}.topbar{padding-left:14px;padding-right:14px}.timer-card{padding:20px 14px}.current-action h3{font-size:25px}}@media(min-width:800px){.page{padding-top:44px}.form-grid.card{padding:27px}.guide-page{max-width:900px}.tabbar{position:fixed;left:50%;right:auto;transform:translate(-50%);width:500px;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.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}#status-live:not(:empty){position:static;width:auto;height:auto;margin:0 auto 14px;padding:10px 14px;overflow:visible;clip:auto;white-space:normal;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink);font-size:14px}.override-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.override-grid .full{grid-column:1/-1}.pour-fields{display:flex;gap:8px;flex-wrap:wrap}.pour-fields label,.pour-instruction{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}.pour-fields input,.pour-instruction input{min-width:80px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:8px}.pour-instruction{margin-top:8px}.schedule{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:12px;color:var(--muted)}.progression{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.progression>div{display:flex;flex-direction:column;gap:4px;background:var(--surface2);padding:11px;border-radius:10px}.progression span{font-size:13px;color:var(--muted)}.roast-light{background:#c72e88}.roast-medium-light{background:#a83393}.roast-medium{background:#9a623f}.roast-medium-dark{background:#704228}.roast-dark{background:#3b211e}@media(max-width:640px){.override-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progression{grid-template-columns:1fr}}.coffee-first .hero-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,4vw,38px);margin-bottom:18px;border-radius:24px;color:#fff7fb;background:linear-gradient(120deg,#6e1647,#a93177 60%,#d567a6);box-shadow:0 16px 36px #6e16473d;overflow:hidden}.hero-card h2{max-width:620px;margin:4px 0 10px;font-size:clamp(30px,6vw,52px);line-height:1.04;letter-spacing:-.045em}.hero-card .eyebrow{color:#ffd1eb}.hero-copy{max-width:560px;margin:0;color:#fce5f2;font-size:16px}.coffee-illustration{position:relative;width:140px;height:130px;flex:0 0 auto}.coffee-illustration:before{content:"";position:absolute;left:17px;right:17px;bottom:12px;height:72px;border-radius:18px 18px 34px 34px;background:#f7d2e7;box-shadow:inset 0 -12px #6e164724;transform:rotate(-7deg)}.coffee-illustration:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:22px;border-radius:50%;background:#24112147;filter:blur(2px)}.coffee-illustration span{position:absolute;width:8px;height:36px;border-radius:50%;border-left:2px solid rgba(255,255,255,.55);transform:rotate(12deg);opacity:.7}.coffee-illustration span:nth-child(1){left:46px;top:2px}.coffee-illustration span:nth-child(2){left:70px;top:12px;transform:rotate(-8deg)}.coffee-illustration span:nth-child(3){left:91px;top:0;transform:rotate(14deg)}.onboarding{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;padding:15px}.onboarding-step{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;background:var(--surface2)}.onboarding-step>b{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:var(--accent)}.onboarding-step span{display:grid;gap:2px}.onboarding-step strong{font-size:13px}.onboarding-step small,.recent-strip small{color:var(--muted);font-size:12px}.recent-strip{display:flex;align-items:center;gap:11px;margin:0 0 18px;padding:11px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.recent-strip>span:nth-child(2){display:grid;gap:1px;flex:1}.status-dot{width:10px;height:10px;border-radius:50%;background:#32a87b;box-shadow:0 0 0 5px #d9f5e8}.setup-card{padding:clamp(18px,4vw,30px)}.setup-heading,.section-heading,.detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.setup-heading h3{margin:4px 0 3px;font-size:24px}.compact-field{display:grid;gap:5px;min-width:min(100%,260px);font-size:12px;color:var(--muted)}.compact-field select{min-height:42px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.hint{color:var(--muted);font-size:12px}.direction-field{margin:22px 0 4px;padding:0;border:0}.direction-field legend{margin-bottom:9px;font-size:13px;font-weight:700}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.choice-card{min-height:92px;display:grid;justify-items:start;align-content:start;gap:2px;padding:11px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--surface);text-align:left}.choice-card:hover,.choice-card.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-card .choice-icon{color:var(--accent);font-size:19px;line-height:1}.choice-card strong{font-size:13px}.choice-card small{color:var(--muted);font-size:11px}.advanced-details{margin-top:21px;padding-top:16px;border-top:1px solid var(--line)}.advanced-details summary{display:flex;justify-content:space-between;cursor:pointer;color:var(--accent-strong);font-size:13px;font-weight:750}.advanced-details summary span{color:var(--muted);font-weight:500}.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:15px}.plan-edit-details{margin-top:18px}.coffee-plan .plan-header p{max-width:690px}.button-large{min-height:53px;padding-inline:23px;font-size:15px}.plan-actions{align-items:center;margin-top:20px}.plan-actions{position:relative;z-index:6}.live-brew-card{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.live-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.live-kicker{color:var(--accent-strong);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guide-note{margin:20px 0 0;color:var(--muted);font-size:12px;text-align:center}.guide-note span{color:var(--accent)}.card-actions,.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.danger-text{color:var(--danger)}.coffee-card .button{width:100%}.coffee-card .card-actions .text-button{width:auto}.coffee-information{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:19px 0}.coffee-information>div{padding:11px;border-radius:11px;background:var(--surface2)}.coffee-information dt{color:var(--muted);font-size:10px}.coffee-information dd{margin:3px 0 0;font-size:13px;font-weight:650;overflow-wrap:anywhere}.history-row{align-items:flex-start}.history-row>div:first-child{flex:1}.history-row small{display:block;margin-top:4px;color:var(--accent)}.history-row .row-actions{align-self:center}.undo-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:12px;background:var(--accent-soft);font-size:13px}.guidance-card{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.event-log{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.event-log h4{margin:0 0 4px}.event-log p{margin:0 0 10px;font-size:12px}.event-log ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.event-log li{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;background:var(--surface2);font-size:13px}.event-log li span{display:grid;gap:2px}.event-log li small{color:var(--muted)}.event-log li strong{color:var(--accent-strong)}.section-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:var(--accent);background:var(--accent-soft)}.file-button{cursor:pointer}.file-button input{width:1px;height:1px}@media(max-width:760px){.coffee-first .hero-card{align-items:flex-start}.coffee-illustration{width:95px;transform:scale(.78);transform-origin:top right;margin-right:-13px}.onboarding{grid-template-columns:1fr}.choice-grid,.quick-grid,.advanced-grid,.coffee-information{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.coffee-first .hero-card{padding:21px 18px}.hero-copy{font-size:14px}.setup-heading,.section-heading,.detail-heading{display:grid}.compact-field{min-width:100%}.quick-grid,.advanced-grid{grid-template-columns:1fr}.recent-strip{align-items:flex-start}.recent-strip .text-button{padding:4px}.coffee-information{grid-template-columns:1fr 1fr}.history-row{display:grid;grid-template-columns:1fr auto}.history-row .row-actions{grid-column:1/-1}.guide-page .page-heading{margin-bottom:12px}.guide-page .page-heading h2{font-size:32px;margin-bottom:5px}.guide-page .page-heading .muted{font-size:14px}.live-brew-card{padding:14px 12px}.live-brew-card .timer{font-size:68px}.live-brew-card .timer-target{margin:5px 0 10px}.live-brew-card .current-action{padding:15px 5px 10px}.live-brew-card .current-action h3{font-size:24px}.live-brew-card .current-action p{font-size:14px}.live-brew-card .schedule{margin-top:8px;font-size:11px}.live-brew-card .guide-controls{gap:6px}.live-brew-card .guide-controls .button{min-height:44px;padding:8px 11px}.live-brew-card .step-controls{margin-top:10px;padding-top:8px}.live-brew-card .guide-note{margin-top:10px;font-size:10px}}.recipe-library{border:0;padding:0;margin:25px 0 4px}.recipe-library legend{font-size:14px;font-weight:800}.recipe-library>p{margin:4px 0 13px;color:var(--muted);font-size:12px}.recipe-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.recipe-choice{min-height:152px;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--surface2);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.recipe-choice:nth-child(1){background:color-mix(in srgb,#f2aa91 38%,var(--surface))}.recipe-choice:nth-child(2){background:color-mix(in srgb,#aebff9 38%,var(--surface))}.recipe-choice:nth-child(3){background:color-mix(in srgb,#d4bde8 38%,var(--surface))}.recipe-choice:nth-child(4){background:color-mix(in srgb,#a9cdb9 38%,var(--surface))}.recipe-choice:nth-child(5){background:color-mix(in srgb,#efd075 38%,var(--surface))}.recipe-choice:hover{transform:translateY(-2px);border-color:var(--accent)}.recipe-choice.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent),0 10px 24px #4620401a}.recipe-choice-top{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.recipe-choice-top b{padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--surface) 64%,transparent);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.recipe-choice-top i{font-style:normal;color:var(--accent-strong)}.recipe-choice>strong{margin-top:20px;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.05}.recipe-choice>small{color:var(--muted);font-size:10px;margin:5px 0 9px}.recipe-choice-ratio{font-size:10px;font-weight:750}.recipe-origin{display:block;margin-top:8px;color:var(--muted);font-size:11px}.coffee-plan{border-radius:28px;padding:clamp(20px,4vw,34px);overflow:hidden}.brew-spec-disc{width:min(100%,430px);aspect-ratio:1;grid-template-columns:repeat(2,1fr);gap:0;margin:28px auto;padding:42px;border-radius:50%;background:radial-gradient(circle at 72% 82%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 40%),var(--surface2);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))}.brew-spec-disc div{border-radius:0;background:transparent;display:grid;place-content:center;text-align:center}.brew-spec-disc div:nth-child(1),.brew-spec-disc div:nth-child(2){border-bottom:1px solid var(--line)}.brew-spec-disc div:nth-child(1),.brew-spec-disc div:nth-child(3){border-right:1px solid var(--line)}.flow-rate-card{display:flex;align-items:center;gap:14px;width:min(100%,430px);margin:-10px auto 24px;padding:12px 16px;border-radius:18px;color:#fff;background:#221d24}.flow-rate-card>span{flex:0 0 54px;height:54px;border-radius:50%;background:#ff7654;display:grid;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:29px}.flow-rate-card p{margin:0;color:#bdb3be;font-size:11px}.flow-rate-card strong{display:block;color:#fff;font-size:12px}.guide-page{width:min(100%,900px)}.live-brew-card{max-width:760px;padding:clamp(18px,4vw,34px);color:#fff;background:#121114;border:1px solid #302c32;border-radius:32px;box-shadow:0 24px 60px #1e101d47}.live-brew-card .timer{color:#fff;font-weight:300;font-size:clamp(58px,13vw,92px);margin:8px 0 18px}.live-brew-card .live-meta,.live-brew-card .timer-target,.live-brew-card .schedule,.live-brew-card .guide-note{color:#938e96}.live-brew-card .live-kicker{color:#ff8d6f}.brew-orbit{--brew-progress: 0deg;width:min(66vw,440px);aspect-ratio:1;margin:0 auto;padding:13px;border-radius:50%;position:relative;background:conic-gradient(#5877ff var(--brew-progress),#39363b 0)}.brew-orbit:before{content:"";position:absolute;inset:9px;border:12px solid #121114;border-radius:50%}.brew-orbit-core{position:absolute;inset:34px;z-index:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 65% 90%,rgba(88,119,255,.23),transparent 50%),#242126}.brew-orbit-core:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:#5877ff2e;border-radius:50% 50% 0 0/16% 16% 0 0}.orbit-label,.brew-orbit-core>strong,.orbit-rule,.orbit-stats{position:relative;z-index:1}.orbit-label{color:#a49fa7;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.brew-orbit-core>strong{margin:6px 0 13px;font-size:clamp(52px,11vw,88px);line-height:1;letter-spacing:-.06em}.orbit-rule{width:62%;height:1px;background:#68636b}.orbit-stats{width:62%;display:grid;grid-template-columns:repeat(2,1fr);padding-top:12px}.orbit-stats span{display:grid;gap:3px;text-align:center;font-size:13px;font-weight:700}.orbit-stats small{color:#8e8991;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.orbit-action{position:absolute;right:1%;bottom:10%;z-index:2;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:#ff8a67;background:#29262b;border:1px solid #3b373d;box-shadow:0 9px 24px #00000059;font-size:31px}.orbit-marker{position:absolute;z-index:2;width:17px;height:17px;border:5px solid #121114;border-radius:50%;background:#fff;top:-2px;left:calc(50% - 8px)}.orbit-marker-two{top:70%;left:3%;background:#26d5d9}.live-brew-card .progress{height:4px;background:#353137}.live-brew-card .progress span{background:#ff7654}.live-brew-card .current-action{padding-top:24px}.live-brew-card .current-action h3{color:#fff;font-size:30px}.live-brew-card .current-action>p:not(.eyebrow):not(.flow-calculation){color:#b0abb2}.flow-calculation{width:fit-content;margin:12px auto 0!important;padding:7px 11px;border-radius:999px;color:#b8b3bb!important;background:#29262b;font-size:11px}.flow-calculation strong{color:#fff}.live-brew-card .guide-controls .button{border-radius:999px}.live-brew-card .guide-controls .primary{background:#ff7654;border-color:#ff7654}.live-brew-card .guide-controls .secondary{color:#fff;background:#2b282d;border-color:#423e44}.live-brew-card .step-controls{border-color:#343036}.live-brew-card .text-button{color:#d5ced6}@media(max-width:850px){.recipe-choice-grid{display:flex;overflow-x:auto;margin-right:-30px;padding-right:30px;scroll-snap-type:x mandatory;scrollbar-width:none}.recipe-choice-grid::-webkit-scrollbar{display:none}.recipe-choice{flex:0 0 190px;scroll-snap-align:start}}@media(max-width:500px){.recipe-choice-grid{margin-right:-18px;padding-right:18px}.brew-spec-disc{width:min(100%,340px);padding:34px}.brew-spec-disc strong{font-size:17px}.live-brew-card{margin-inline:-7px;padding:15px 11px 18px;border-radius:25px}.live-brew-card{display:flex;flex-direction:column}.live-brew-card .live-meta{order:-6}.live-brew-card .timer{order:-5}.live-brew-card .timer-target{order:-4}.live-brew-card .progress{order:-3}.live-brew-card .guide-controls{order:-2;margin:8px 0 12px}.brew-orbit{width:min(88vw,390px)}.brew-orbit-core{inset:30px}.orbit-action{width:60px;height:60px;font-size:26px}.live-brew-card .current-action h3{font-size:24px}}.staged-setup{position:relative;overflow:hidden}.staged-setup:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#b42a7e 0 33%,#9a6446 33% 66%,#3a211e 66%)}.stepper-progress{display:flex;align-items:center;gap:7px;margin-bottom:11px;color:var(--muted);font-size:11px;font-weight:800}.stepper-progress span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line)}.stepper-progress span.active,.stepper-progress span.complete{color:#fff;background:var(--accent);border-color:var(--accent)}.stepper-progress i{display:block;width:30px;height:2px;background:var(--line)}.stepper-progress i.complete{background:var(--accent)}.required-note{color:var(--accent);font-size:11px;font-weight:600;margin-left:4px}.setup-heading .muted{max-width:560px;margin-bottom:0}.coffee-name-field{margin-top:19px}.roast-field{border:0;padding:0;margin:22px 0 0}.roast-field legend,.direction-field legend{font-size:14px;font-weight:750}.field-help{color:var(--muted);font-size:12px;margin:4px 0 10px}.roast-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.roast-choice{min-height:83px;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:15px;text-align:left}.roast-choice:hover,.roast-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.roast-choice.selected{background:var(--accent-soft)}.roast-choice>span:last-child{display:grid;gap:3px}.roast-choice strong{font-size:13px}.roast-choice small{color:var(--muted);font-size:11px;line-height:1.25}.roast-swatch{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;position:relative;overflow:hidden}.roast-choice-magenta .roast-swatch{background:#b52f82}.roast-choice-chocolate .roast-swatch{background:#9b6547}.roast-choice-dark-chocolate .roast-swatch{background:#3a211e}.roast-swatch i{position:absolute;width:4px;height:15px;border-radius:50%;border-left:1px solid rgba(255,255,255,.65);transform:rotate(27deg);opacity:.75}.roast-swatch i:nth-child(1){left:9px;top:6px}.roast-swatch i:nth-child(2){left:15px;top:3px;transform:rotate(-4deg)}.roast-swatch i:nth-child(3){left:21px;top:7px;transform:rotate(35deg)}.setup-quick-grid{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:20px;margin-top:24px}.dose-control{display:grid;grid-template-columns:44px 1fr 44px;gap:7px;align-items:center}.dose-control input{text-align:center;font-weight:750;font-size:18px}.stepper-button{min-height:46px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--accent-strong);font-size:22px;font-weight:700}.dose-presets{display:flex;gap:6px;margin-top:8px}.dose-presets button{min-height:44px;padding:7px 10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:20px;font-size:11px;font-weight:700}.dose-presets button:hover{border-color:var(--accent);color:var(--accent-strong)}.direction-field{margin:0;padding:0;border:0}.direction-field .field-help{margin-top:4px}.choice-icon{display:block;width:22px;height:22px;border-radius:50%;position:relative;background:var(--accent-soft)}.choice-icon:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--accent)}.choice-icon-spark:after{clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);border-radius:0}.choice-icon-balance:after{inset:4px 5px;border-radius:8px}.choice-icon-sweet:after{inset:4px;background:linear-gradient(135deg,var(--accent) 50%,transparent 50%)}.choice-icon-strong:after{inset:3px}.optional-details{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.optional-details summary{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;color:var(--accent-strong)}.optional-details summary::-webkit-details-marker{display:none}.optional-details summary>span{display:grid;gap:3px}.optional-details summary strong{font-size:13px}.optional-details summary small{color:var(--muted);font-size:11px;font-weight:500}.optional-details summary>b{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:500}.optional-details[open] summary>b{transform:rotate(45deg);background:var(--accent-soft)}.optional-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:5px 0 4px}.optional-grid .full{grid-column:1/-1}.recipe-options{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-actions{margin-top:22px;justify-content:flex-end}.setup-footnote{margin:16px 0 0;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}.coffee-bean-mark{width:14px;height:20px;border-radius:50%;background:#9a6547;transform:rotate(33deg);box-shadow:inset 4px 0 #fff3}.setup-summary{margin-bottom:16px;display:grid;grid-template-columns:1fr auto;gap:13px 18px;align-items:center;border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.setup-summary .stepper-progress{grid-column:1/-1;margin-bottom:0}.setup-summary-copy{display:flex;align-items:center;gap:13px}.setup-summary-copy h3{margin:3px 0;font-size:21px}.setup-summary-copy p{margin:0}.bean-avatar{width:50px;height:50px;border-radius:17px 17px 22px 22px;transform:rotate(-7deg);display:grid;place-items:center;box-shadow:inset 0 -8px #00000029}.bean-avatar span{width:16px;height:29px;border-left:2px solid rgba(255,255,255,.5);border-radius:50%;transform:rotate(18deg)}.roast-avatar-light{background:#bf3e8b}.roast-avatar-medium,.roast-avatar-medium-light,.roast-avatar-medium-dark{background:#9b6547}.roast-avatar-dark{background:#3a211e}.setup-summary>.text-button{align-self:start}.returning-recipe{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;border-color:color-mix(in srgb,#32a87b 45%,var(--line));background:color-mix(in srgb,#d9f5e8 45%,var(--surface))}.returning-recipe h3{margin:3px 0 6px}.returning-recipe p{margin:3px 0}.returning-recipe .button{flex:0 0 auto}.serving-control{margin:19px 0;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:15px;background:var(--surface2)}.serving-control-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.serving-control-heading h4{margin:3px 0 10px;font-size:17px}.scale-badge{padding:5px 9px;border-radius:99px;color:var(--accent-strong);background:var(--accent-soft);font-size:10px;font-weight:750}.serving-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.serving-button{min-height:58px;display:grid;gap:2px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--surface);text-align:left}.serving-button:hover,.serving-button.selected{border-color:var(--accent);background:var(--accent-soft)}.serving-button strong{font-size:14px}.serving-button span{color:var(--muted);font-size:11px}.scale-note{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.prepare-stage{display:grid;gap:16px}.prepare-card{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.prepare-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.prepare-heading h3{margin:4px 0 5px;font-size:24px}.prepare-checklist{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}.prepare-checklist li{display:flex;gap:12px;padding:13px;border-radius:13px;background:var(--surface2)}.prepare-checklist li>span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-weight:800}.prepare-checklist p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.prepare-note{padding:11px 13px;border-left:3px solid var(--accent);border-radius:0 9px 9px 0;background:var(--accent-soft);font-size:12px;line-height:1.45}.prepare-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px}.prepare-summary span{display:grid;gap:2px;padding:11px;border:1px solid var(--line);border-radius:11px}.prepare-summary small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.prepare-actions{margin-top:18px;align-items:center}.saved-recipe{margin:16px 0 2px;padding:13px;border-radius:13px;background:var(--surface2)}.saved-recipe>span{display:block;color:var(--accent-strong);font-size:10px;font-weight:800;letter-spacing:.08em}.saved-recipe>strong{display:block;margin-top:4px;font-size:15px}.saved-recipe p{margin-top:4px;line-height:1.4}.saved-recipe small{display:block;margin-top:5px;color:var(--muted)}.saved-recipe.empty{border:1px dashed var(--line);background:transparent}.best-recipe-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:16px;border-radius:15px;background:var(--accent-soft)}.best-recipe-card h4{margin:3px 0 5px;font-size:19px}.best-recipe-card p{margin:0;font-size:13px}.best-recipe-card small{display:block;margin-top:5px;color:var(--muted)}.best-recipe-card .button{flex:0 0 auto}.history-heading{margin-top:20px}.history-heading h4{margin:0 0 3px}.history-heading p{margin:0;color:var(--muted);font-size:12px}.repeat-row-button{color:var(--accent-strong)}@media(max-width:760px){.setup-quick-grid,.roast-palette{grid-template-columns:1fr}.roast-choice{min-height:66px}.optional-grid,.recipe-options{grid-template-columns:repeat(2,minmax(0,1fr))}.returning-recipe,.best-recipe-card{align-items:stretch;flex-direction:column}.returning-recipe .button,.best-recipe-card .button{width:100%}}@media(max-width:500px){.optional-grid,.recipe-options,.setup-summary{grid-template-columns:1fr}.setup-summary>.text-button{justify-self:start}.setup-actions{flex-direction:column-reverse}.setup-actions .button{width:100%}.serving-control-heading{display:grid}.scale-badge{justify-self:start;white-space:normal}.prepare-summary{grid-template-columns:1fr}.prepare-actions{flex-direction:column;align-items:stretch}.prepare-actions .button{width:100%}}