.today-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:14px;margin-bottom:14px}
.today-main,.quick-log-card{border-radius:20px;padding:24px;background:var(--surface);border:1px solid var(--line-soft)}
.today-main{background:linear-gradient(145deg,rgba(180,90,50,.11),transparent 52%),var(--surface)}
.today-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.today-heading h2,.brew-card-head h2,.section-head-card h2{font:600 clamp(24px,3vw,34px)/1.08 var(--display);letter-spacing:-.025em;color:var(--ink)}
.today-heading p:last-child{color:var(--mut);font-size:13px;margin-top:8px;max-width:54ch}
.sync-pill{white-space:nowrap;border-radius:999px;background:var(--good-soft);color:var(--good);font:700 10px var(--sans);letter-spacing:.04em;padding:7px 10px}
.sync-pill[data-state="offline"],.sync-pill[data-state="pending"]{background:var(--clay-soft);color:var(--clay)}
.today-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}
.today-signal{min-height:104px;padding:15px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid var(--line-soft);display:flex;flex-direction:column}
.today-signal span{font:700 9px var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--faint)}
.today-signal b{font:600 17px/1.2 var(--display);color:var(--ink);margin:8px 0 4px}
.today-signal small{color:var(--mut);font-size:11px;line-height:1.35;margin-top:auto}
.quick-log-card{display:grid;gap:11px;background:var(--espresso);color:var(--crema)}
.quick-log-card .eyebrow{color:var(--crema);margin-bottom:6px}
.quick-log-card h3{font:600 20px/1.1 var(--display);color:#fff}
.quick-log-card label{display:grid;gap:5px;font:650 10px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.quick-log-card select{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}
.quick-log-card select option{color:var(--ink);background:#fff}
.quick-log-card .text-action{color:var(--crema);justify-self:start}
.brew-card-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:4px}
.brew-card-head .card-sub{margin:8px 0 0;max-width:62ch}
.recipe-launcher{min-width:230px;display:grid;gap:5px}
.recipe-launcher label,.history-tools label>span{font:700 9px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.brew-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:22px 0 18px;padding:6px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line-soft)}
.brew-mode-switch button{display:grid;gap:3px;text-align:left;border:1px solid transparent;border-radius:11px;padding:12px 14px;background:transparent;color:var(--mut);cursor:pointer}
.brew-mode-switch button span{font:750 12px var(--sans);color:inherit}
.brew-mode-switch button small{font:500 10.5px var(--sans);color:var(--faint)}
.brew-mode-switch button.on{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 5px 18px rgba(41,29,22,.06)}
.brew-assist{display:none;border:1px solid var(--line-soft);border-radius:20px;padding:clamp(18px,3vw,28px);background:linear-gradient(145deg,rgba(180,90,50,.08),transparent 52%),var(--surface)}
#brewCard.assist-mode .brew-assist{display:block}
#brewCard.assist-mode .manual-brew-fields{display:none}
#brewCard.assist-mode .recipe-launcher{display:none}
.assist-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:28px}
.assist-progress span{position:relative;display:flex;align-items:center;gap:7px;color:var(--faint);font:700 10px var(--sans)}
.assist-progress span:after{content:'';position:absolute;left:29px;right:-6px;bottom:-8px;height:2px;background:var(--line-soft)}
.assist-progress span:last-child:after{display:none}
.assist-progress b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);font:700 9px var(--mono)}
.assist-progress span.on{color:var(--clay)}
.assist-progress span.on b{background:var(--clay);border-color:var(--clay);color:#fff}
.assist-progress span.done b{background:var(--good);border-color:var(--good);color:#fff}
.assist-progress span.done:after{background:var(--good)}
.assist-stage{min-height:250px}
.assist-stage h3{font:600 clamp(25px,3.4vw,35px)/1.08 var(--display);color:var(--ink);letter-spacing:-.025em}
.assist-stage>p:not(.eyebrow){margin-top:8px;color:var(--mut);font-size:13px;max-width:66ch}
.assist-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-top:22px}
.assist-method{min-height:82px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface);color:var(--body);cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.assist-method:hover{transform:translateY(-1px);border-color:var(--clay)}
.assist-method b{display:block;font:650 16px var(--display);color:var(--ink)}
.assist-method small{display:block;margin-top:5px;color:var(--faint);font-size:10.5px}
.assist-method.on{border-color:var(--clay);background:var(--clay-soft);box-shadow:inset 0 0 0 1px var(--clay)}
.assist-field{display:grid;gap:7px;margin-top:22px;font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.assist-field select,.assist-field input{letter-spacing:normal;text-transform:none;color:var(--body)}
.assist-setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px}
.assist-setup-grid .assist-field{margin-top:14px}.assist-setup-grid .wide{grid-column:span 2}
.assist-review{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 16px}
.assist-review div{padding:14px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line-soft)}
.assist-review span{display:block;color:var(--faint);font:700 9px var(--sans);letter-spacing:.09em;text-transform:uppercase}
.assist-review b{display:block;margin-top:6px;color:var(--ink);font:650 14px/1.25 var(--sans)}
.assist-brew-button{min-height:50px;padding-inline:24px}.assist-stage .text-action{display:block;margin-top:10px}
.assist-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-soft)}
.assist-nav #assistNext{margin-left:auto}
.method-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-top:12px;padding:14px;border:1px solid var(--line-soft);background:var(--surface-2);border-radius:14px}
.method-fields:empty{display:none}
.method-fields .method-note{grid-column:1/-1;color:var(--mut);font-size:11.5px}
.brew-timer{margin-top:15px;border-radius:20px;padding:20px;background:linear-gradient(135deg,#281d17 0%,var(--espresso) 56%,#3b2920 100%);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.timer-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.timer-copy{display:grid;gap:4px;min-width:0}
.timer-kicker,.timer-focus-kicker{color:var(--crema);font:700 9px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.timer-copy strong{font:600 20px/1.2 var(--display);color:#fff}
.timer-copy small{color:rgba(255,255,255,.72);font-size:12px;line-height:1.45}
.timer-expand{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.08);color:#fff;font:700 11px var(--sans);cursor:pointer}
.timer-expand:hover{background:rgba(255,255,255,.14)}
.timer-clock-row{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:18px;margin:18px 0 15px}
.timer-clock{font:700 clamp(42px,5vw,58px)/.95 var(--mono);letter-spacing:-.055em;color:var(--crema);font-variant-numeric:tabular-nums}
.timer-progress,.timer-focus-progress{height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.12)}
.timer-progress i,.timer-focus-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--clay),var(--crema));transition:width .25s linear}
.timer-step-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
.timer-step-list::-webkit-scrollbar{display:none}
.timer-step{display:grid;grid-template-columns:24px auto;grid-template-areas:"number name" "number time";column-gap:8px;align-items:center;flex:0 0 auto;min-width:124px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.58)}
.timer-step span{grid-area:number;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font:700 9px var(--mono)}
.timer-step b{grid-area:name;color:inherit;font:700 11px/1.2 var(--sans);white-space:nowrap}
.timer-step small{grid-area:time;color:inherit;font:600 9px var(--mono)}
.timer-step.done{color:rgba(255,255,255,.72)}
.timer-step.done span{background:var(--good);color:#fff}
.timer-step.current{border-color:rgba(232,196,151,.58);background:rgba(232,196,151,.13);color:#fff}
.timer-step.current span{background:var(--crema);color:var(--espresso)}
.timer-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.timer-actions .btn{min-height:42px;padding:11px 17px}
.timer-actions .timer-primary,.timer-focus-actions .timer-primary{background:var(--crema);color:var(--espresso)}
.timer-actions .timer-done,.timer-focus-actions .timer-done{background:var(--good);border-color:var(--good);color:#fff}
.timer-actions .timer-done:disabled,.timer-focus-actions .timer-done:disabled{opacity:.42;cursor:not-allowed}
.timer-actions .ghost,.timer-focus-actions .ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
.timer-actions .ghost:hover,.timer-focus-actions .ghost:hover{background:rgba(255,255,255,.14)}
.timer-modal{position:fixed;inset:0;z-index:220;display:none;place-items:center;padding:clamp(14px,4vw,40px);background:rgba(18,13,10,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.timer-modal.show{display:grid}
.timer-focus{position:relative;width:min(720px,100%);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid rgba(255,255,255,.11);border-radius:28px;padding:clamp(26px,5vw,48px);background:radial-gradient(circle at 85% 0,rgba(180,90,50,.24),transparent 38%),linear-gradient(145deg,#2c2019,#1c1714);color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.4)}
.timer-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;font:300 27px/1 var(--sans);cursor:pointer}
.timer-focus h2{margin-top:9px;padding-right:48px;color:#fff;font:600 clamp(28px,5vw,44px)/1.05 var(--display);letter-spacing:-.025em}
.timer-focus>p{margin-top:8px;color:rgba(255,255,255,.68);font-size:13px}
.timer-focus-clock{margin:clamp(28px,5vh,48px) 0 20px;text-align:center;color:var(--crema);font:700 clamp(72px,14vw,118px)/.88 var(--mono);letter-spacing:-.075em;font-variant-numeric:tabular-nums}
.timer-focus-progress{height:9px;margin-bottom:24px}
.timer-focus-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.timer-focus-steps .timer-step{min-width:0}
.timer-focus-actions{display:grid;grid-template-columns:1.35fr 1fr 1.25fr .8fr;gap:10px;margin-top:26px}
.timer-focus-actions .btn{min-height:54px;font-size:14px;border-radius:14px}
body.timer-open{overflow:hidden}
.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.text-action{border:0;background:none;padding:5px 0;color:var(--clay);font:700 12px var(--sans);cursor:pointer}
.history-tools{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(140px,.7fr) minmax(120px,.55fr) auto;gap:9px;align-items:end;margin:18px 0 8px}
.history-tools label{display:grid;gap:5px}
.filter-summary{min-height:18px;color:var(--faint);font-size:11.5px;margin-bottom:8px}
.section-head-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px}
.section-head-card .card-sub{margin:8px 0 0;max-width:65ch}
.recipe-library,.lot-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.recipe-card,.lot-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:19px;display:flex;flex-direction:column;gap:13px;min-height:190px}
.recipe-card-top,.lot-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.recipe-card h3,.lot-card h3{font:600 20px/1.15 var(--display);color:var(--ink)}
.recipe-card p,.lot-card p{color:var(--mut);font-size:12px}
.recipe-metrics,.lot-metrics{display:flex;gap:7px;flex-wrap:wrap}
.recipe-metrics span,.lot-metrics span{border-radius:999px;background:var(--surface-2);padding:6px 9px;color:var(--body);font:650 10px var(--sans)}
.recipe-actions,.lot-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.empty-library{grid-column:1/-1;padding:34px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--mut);background:var(--surface)}
.lot-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.freshness-ring{--fresh:0;width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--good) calc(var(--fresh)*1%),var(--line-soft) 0);display:grid;place-items:center;flex:0 0 auto}
.freshness-ring:after{content:attr(data-label);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font:700 8px var(--sans);color:var(--body);text-align:center}
.pending-brew{border-style:dashed!important}.pending-brew:before{content:'Waiting to sync';display:inline-flex;background:var(--clay-soft);color:var(--clay);font:700 9px var(--sans);padding:4px 7px;border-radius:999px;margin:0 0 8px}
@media(max-width:850px){.today-grid{grid-template-columns:1fr}.lot-form{grid-template-columns:repeat(2,1fr)}.history-tools{grid-template-columns:1fr 1fr}.history-tools .search-field{grid-column:1/-1}.assist-setup-grid{grid-template-columns:repeat(2,1fr)}.assist-review{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.today-main,.quick-log-card{padding:18px}.today-heading{display:block}.sync-pill{display:inline-flex;margin-top:12px}.today-signals{grid-template-columns:1fr}.today-signal{min-height:86px}.brew-card-head{display:block}.recipe-launcher{min-width:0;margin-top:16px}.brew-mode-switch button small{display:none}.assist-progress span{font-size:0}.assist-progress{margin-bottom:24px}.assist-stage{min-height:300px}.assist-methods{grid-template-columns:1fr 1fr}.assist-setup-grid,.assist-review{grid-template-columns:1fr}.assist-setup-grid .wide{grid-column:auto}.brew-timer{padding:17px;border-radius:18px}.timer-head{gap:10px}.timer-expand span{display:none}.timer-expand{padding:9px}.timer-clock-row{grid-template-columns:1fr;gap:12px}.timer-clock{font-size:48px}.timer-actions{display:grid;grid-template-columns:1fr 1fr}.timer-actions .btn{padding:10px 8px}.timer-focus{border-radius:22px}.timer-focus-actions{grid-template-columns:1fr 1fr}.timer-focus-actions .btn{min-height:50px}.history-tools,.lot-form{grid-template-columns:1fr}.history-tools .search-field{grid-column:auto}.section-head-card{display:block;padding:20px}.section-head-card .btn{margin-top:14px}.recipe-library,.lot-library{grid-template-columns:1fr}}

/* Brew Assist is a focused app flow, separate from the long-form journal. */
.brew-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;background:transparent;border:0;margin:26px 0 6px}
.brew-mode-switch button{position:relative;min-height:132px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(42,29,20,.045)}
.brew-mode-switch button:hover{border-color:var(--clay);transform:translateY(-2px);box-shadow:0 16px 36px rgba(42,29,20,.08)}
.brew-mode-switch button>b{display:inline-flex;justify-self:start;margin-bottom:15px;border-radius:999px;padding:5px 8px;background:var(--clay-soft);color:var(--clay);font:750 8px var(--sans);letter-spacing:.11em;text-transform:uppercase}
.brew-mode-switch button:nth-child(2)>b{background:var(--surface-2);color:var(--faint)}
.brew-mode-switch button span{font:600 25px/1.05 var(--display);letter-spacing:-.02em;color:var(--ink)}
.brew-mode-switch button small{display:block;margin-top:9px;color:var(--mut);font:500 12px/1.45 var(--sans)}
#brewCard:not(.manual-mode) .manual-brew-fields{display:none}
#brewCard:not(.manual-mode) .recipe-launcher{display:none}
#brewCard.manual-mode .brew-mode-switch{grid-template-columns:1fr 1fr;margin-bottom:22px}
#brewCard.manual-mode .brew-mode-switch button{min-height:76px;padding:14px 16px}
#brewCard.manual-mode .brew-mode-switch button>b{display:none}
#brewCard.manual-mode .brew-mode-switch button span{font:650 16px var(--sans)}
#brewCard.manual-mode .brew-mode-switch button small{margin-top:4px}
.brew-assist{position:fixed;inset:0;z-index:260;display:none!important;overflow-y:auto;padding:0 0 112px;border:0;border-radius:0;background:radial-gradient(circle at 15% 15%,rgba(180,90,50,.1),transparent 28%),linear-gradient(145deg,#fbf7f0,#f5eee3);color:var(--body)}
#brewCard.assist-mode .brew-assist{display:block!important}
.timer-modal{z-index:320}
body.assist-open{overflow:hidden}
.assist-shell-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:14px clamp(20px,4vw,64px);background:rgba(251,247,240,.88);border-bottom:1px solid rgba(98,73,54,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.assist-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.assist-brand img{width:42px;height:42px}.assist-brand span{display:grid}.assist-brand b{font:600 18px var(--display)}.assist-brand small{color:var(--clay);font:750 8px var(--sans);letter-spacing:.13em;text-transform:uppercase}
.assist-close{border:1px solid var(--line);border-radius:999px;padding:9px 15px;background:rgba(255,255,255,.65);color:var(--body);font:700 11px var(--sans);cursor:pointer}
.assist-progress{width:min(760px,calc(100% - 40px));margin:clamp(26px,5vh,48px) auto 0;gap:0}
.assist-progress span{justify-content:center;gap:8px;padding:0 5px;color:var(--faint);font-size:10px}
.assist-progress span:after{left:calc(50% + 18px);right:calc(-50% + 18px);bottom:auto;top:12px;height:1px}
.assist-progress b{position:relative;z-index:1;background:#f9f4eb}
.assist-stage{width:min(920px,calc(100% - 40px));min-height:0;margin:clamp(44px,8vh,84px) auto 0;text-align:center}
.assist-stage[hidden],#assistBack[hidden],#assistNext[hidden]{display:none!important}
.assist-stage .eyebrow{margin-bottom:13px;color:var(--clay)}
.assist-stage h3{font:600 clamp(36px,5.4vw,64px)/.98 var(--display);letter-spacing:-.045em}
.assist-stage>p:not(.eyebrow){margin:17px auto 0;font-size:14px;line-height:1.6;max-width:62ch}
.assist-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px;text-align:left}
.assist-method{min-height:116px;padding:18px;border-radius:18px;box-shadow:0 8px 24px rgba(42,29,20,.04)}
.assist-method b{font-size:18px}.assist-method small{margin-top:9px;font-size:11px;line-height:1.35}
.assist-method.on{background:#fff4e7;border-color:var(--clay);box-shadow:inset 0 0 0 1px var(--clay),0 14px 30px rgba(180,90,50,.1)}
.assist-field{width:min(640px,100%);margin:34px auto 0;text-align:left;color:var(--clay)}
.assist-field select,.assist-field input{min-height:58px;border-radius:14px;background:rgba(255,255,255,.78);font-size:15px}
.assist-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(760px,100%);margin:20px auto 0;text-align:left}
.assist-setup-grid .assist-field{width:100%;margin-top:0}.assist-setup-grid .wide{grid-column:auto}
.assist-recommendation{width:min(760px,100%);margin:14px auto 0;padding:13px 15px;border:1px solid rgba(180,90,50,.2);border-radius:13px;background:rgba(180,90,50,.07);color:var(--body);font:600 11.5px/1.45 var(--sans);text-align:left}
.assist-recommendation b{color:var(--clay)}
.assist-technique{display:grid;grid-template-columns:180px 1fr;gap:22px;width:min(760px,100%);margin:16px auto 0;padding:18px;border:1px solid var(--line-soft);border-radius:16px;background:rgba(255,255,255,.58);text-align:left}
.assist-technique .eyebrow{margin:0 0 5px}.assist-technique h4{font:600 17px/1.2 var(--display);color:var(--ink)}
.assist-technique-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.assist-technique-fields .assist-field{width:100%;margin:0}.assist-technique-fields .assist-field input,.assist-technique-fields .assist-field select{min-height:48px}
.assist-review{grid-template-columns:repeat(3,1fr);gap:12px;width:min(760px,100%);margin:34px auto 24px;text-align:left}
.assist-review div{min-height:90px;padding:17px;border-radius:16px;background:rgba(255,255,255,.7);box-shadow:0 8px 24px rgba(42,29,20,.035)}
.assist-review b{font-size:15px;margin-top:9px}
.assist-brew-button{min-width:230px;min-height:56px;border-radius:15px;font-size:14px}
.assist-stage .text-action{margin:13px auto 0}
.assist-nav{position:fixed;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;margin:0;padding:14px clamp(20px,4vw,64px);border-top:1px solid rgba(98,73,54,.12);background:rgba(251,247,240,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.assist-nav .btn{min-width:130px;min-height:48px;border-radius:13px}.assist-nav #assistBack{justify-self:start}.assist-nav #assistNext{justify-self:end;margin:0}.assist-nav>span{color:var(--faint);font:700 10px var(--sans);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:820px){.assist-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.assist-stage{margin-top:42px}.assist-review{grid-template-columns:repeat(2,1fr)}.assist-technique{grid-template-columns:1fr}.assist-technique-fields{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.brew-mode-switch{grid-template-columns:1fr}.brew-mode-switch button{min-height:104px;padding:18px}.brew-mode-switch button small{display:block}.assist-shell-head{min-height:66px;padding:10px 16px}.assist-brand img{width:36px;height:36px}.assist-progress{width:calc(100% - 28px);margin-top:24px}.assist-progress span{font-size:0}.assist-stage{width:calc(100% - 28px);margin-top:34px}.assist-stage h3{font-size:40px}.assist-stage>p:not(.eyebrow){font-size:13px}.assist-methods{gap:8px;margin-top:25px}.assist-method{min-height:100px;padding:14px}.assist-method b{font-size:15px}.assist-setup-grid,.assist-review,.assist-technique-fields{grid-template-columns:1fr}.assist-field{margin-top:26px}.assist-technique-fields .assist-field{margin-top:0}.assist-nav{min-height:76px;padding:10px 14px}.assist-nav .btn{min-width:96px}.assist-nav>span{font-size:9px}}