@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--milk:#faf8f3;--paper:#fffdf9;--latte:#f0e4d2;--oat:#f1eee5;--espresso:#352a23;--coffee:#574639;--muted:#80766a;--line:#e6e0d5;--crema:#e4b56d;--crema-pale:#f3e6cf;--green:#657450;--sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Instrument Serif", Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--milk);color:var(--espresso);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #af7c32}button{border:0}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h3{font-size:16px;font-weight:550}svg{flex-shrink:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--oat);border-right:1px solid var(--line);z-index:20;flex-direction:column;align-self:flex-start;width:234px;min-width:234px;height:100dvh;padding:36px 20px 20px;display:flex;position:sticky;top:0}.wordmark{font-family:var(--serif);letter-spacing:-2.5px;background:0 0;align-items:center;gap:7px;width:fit-content;padding:0 4px;font-size:49px;line-height:1;display:flex}.beens-mark{object-fit:contain;flex-shrink:0;width:49px;height:49px;display:block}.sidebar-caption{letter-spacing:2.1px;color:var(--muted);margin:13px 0 43px 20px;font-size:11px}.sidebar nav{flex-direction:column;gap:9px;display:flex}.nav-item{color:#766b5d;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:46px;padding:13px 15px;font-size:13px;display:flex}.nav-item:hover{color:var(--espresso);background:#eae5da}.nav-item.active{color:#4d3b28;background:#e8dcc7;font-weight:600}.nav-item.active svg{color:#986a35}.nav-plus{margin-left:auto}.sidebar-bottom{margin-top:auto}.ritual-note{border-top:1px solid #dfd8cb;margin-top:30px;padding:23px 15px 20px}.little-sun{color:#a58350;font-size:27px;line-height:1}.ritual-note p{color:#796e5e;font:italic 21px/1.35 var(--serif);margin:10px 0 14px}.ritual-note>span:last-child{letter-spacing:1.8px;color:#8c8172;font-size:11px}.sidebar-footer{color:#918777;margin:19px 15px 0;font-size:11px}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:77px;padding:0 42px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.breadcrumb{color:#918575;font-size:11px}.breadcrumb>span{color:#b1a797;padding:0 12px}.breadcrumb>strong{color:#5f5446;font-weight:500}.topbar-latte{color:#8c7c66;font-size:11px}.latte-dot{background:#cda262;border-radius:50%;width:5px;height:5px}.avatar{background:#e8dcc7;border:1px solid #d8c8ac;border-radius:50%;width:32px;height:32px;margin-left:14px;font-size:12px}.main-content{flex:1;width:100%;max-width:1390px;margin:0 auto;padding:42px 42px 20px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.eyebrow{letter-spacing:1.7px;color:#8c7860;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.tiny-line{background:#a9824e;width:16px;height:1px;display:inline-block}h1{letter-spacing:-.8px;margin:11px 0;font-size:clamp(32px,3vw,47px);line-height:1.13}.heading-dot{color:#b1854b}.page-heading p{color:var(--muted);max-width:650px;font-size:12px}.heading-icon{color:#b59262}.button{white-space:normal;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 18px;font-size:12px;font-weight:550;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--crema);color:#3c2b19;border-color:#d6a45a}.button.primary:hover:not(:disabled){background:#eac184}.button.espresso{color:#fff7eb;background:#413025}.button.espresso:hover:not(:disabled){background:#5c4432}.button.secondary{color:#66513a;background:0 0;border-color:#dcd3c4}.button.secondary:hover:not(:disabled){background:#f1e9dc}.button.full{width:100%}.button.small-button{min-height:36px;padding:8px 12px;font-size:11px}.text-button{color:#71573b;background:0 0;justify-content:center;align-items:center;gap:7px;padding:5px 0;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.text-button:hover{color:#302014;text-underline-offset:4px;text-decoration:underline}.icon-button{color:#8b7960;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;padding:5px;display:inline-flex}.icon-button:hover{background:#e8ddcd}.home-grid{grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:22px;display:grid}.current-bag-card{background:var(--latte);border:1px solid #e6d7bf;border-radius:11px;padding:24px 27px;position:relative;overflow:hidden}.card-eyebrow{letter-spacing:1.8px;color:#8a7456;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.status-pill{white-space:nowrap;letter-spacing:.1px;background:#f9f1e5;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:400;display:inline-flex}.status-pill>span{background:#9b8558;border-radius:50%;width:5px;height:5px}.current-bag-main{justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px;display:flex}.roaster-label{text-transform:uppercase;color:#947b59;letter-spacing:1.1px;font-size:11px;font-weight:550}.current-bag-main h2{letter-spacing:-.7px;margin:9px 0 13px;font-size:clamp(32px,3.1vw,49px);line-height:1.05}.bean-description{color:#8b775c;max-width:300px;font-size:11px;line-height:1.8}.bean-art{background:radial-gradient(at 30% 25%,#c99a65,#98653c 50%,#6b452b 95%);border-radius:55% 45% 48% 52%/48% 45% 55% 52%;flex-shrink:0;width:108px;height:138px;margin:0 15px;position:relative;transform:rotate(32deg);box-shadow:inset -5px -4px 11px #53362444,10px 15px 0 -4px #ac84592a,12px 19px 20px #8f694126}.bean-art:after{content:"";border-radius:inherit;border:1px solid #e2b88135;position:absolute;inset:7px}.bean-art .bean-seam{filter:drop-shadow(3px 0 1px #e0b28170);border-left:7px solid #54351e;border-radius:55%;width:16px;height:100%;position:absolute;top:0;left:45%;transform:rotate(-7deg)}.bean-art.light{background:radial-gradient(at 30% 25%,#deb480,#b6834c 60%,#805330)}.bean-art.dark{background:radial-gradient(at 30% 25%,#a57750,#654026 70%,#4d2d19)}.bean-art.small{width:34px;height:44px;margin:0 7px;box-shadow:4px 5px 0 -2px #ac84592a}.bean-art.small .bean-seam{border-left-width:3px;width:7px}.remembered-label{color:#88704f;align-items:center;gap:7px;font-size:11px;display:flex}.remembered-label>span{color:#9c8b71;margin-left:auto;font-size:11px}.metric-row{border-bottom:1px solid #a48b6730;gap:0;margin:18px 0 22px;padding-bottom:20px;display:flex}.metric{border-left:1px solid #a48b6730;flex:1;min-width:0;padding-left:18px}.metric:first-child{border-left:none;padding-left:0}.metric>span{color:#9b8667;margin-bottom:4px;font-size:11px;display:block}.metric strong{font:29px/1.2 var(--serif);font-variant-numeric:tabular-nums;white-space:nowrap;display:block}.metric small{font:11px var(--sans);color:#8c775a;margin-left:4px}.card-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.card-actions>.text-button{margin-left:auto}.journey-steps{border-top:1px solid #cbb99c80;flex-wrap:wrap;gap:12px 20px;margin:24px 0;padding-top:18px;display:flex}.journey-steps>span{color:#8b7555;align-items:center;gap:7px;font-size:11px;display:inline-flex}.journey-steps i{border:1px solid #bc9c7060;border-radius:50%;place-content:center;width:20px;height:20px;font-size:11px;font-style:normal;display:inline-grid}.barista-card{background:#f1efe6;border:1px solid #e1dfd1;border-radius:11px;flex-direction:column;padding:23px 24px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.barista-card .eyebrow{color:#8b8b70;letter-spacing:1.2px;font-size:11px}.barista-card svg{color:#a49b79}.barista-sun{color:#b6a47b;margin:26px 0 18px;font-size:45px;line-height:1}.barista-card h2{color:#5b5e45;letter-spacing:-.4px;font-size:36px;line-height:1.05}.barista-card>p{color:#8a8975;max-width:250px;margin:16px 0 24px;font-size:11px;line-height:1.9}.barista-card-footer{color:#8e8b74;font:italic 15px var(--serif);border-top:1px solid #dddbcd;align-items:center;gap:8px;margin-top:auto;padding-top:15px;display:flex}.journal-section{margin-top:34px}.section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;display:flex}.section-title h2{font-size:26px}.section-title p{color:#978a78;margin-top:3px;font-size:11px}.journal-empty{border:1px solid var(--line);background:#fffdf966;border-radius:9px;align-items:center;gap:19px;padding:31px 25px;display:flex}.empty-coffee{color:#a78d67;background:#f0e8da;border-radius:50%;flex-shrink:0;place-items:center;width:57px;height:57px;display:grid}.journal-empty h3{font:24px var(--serif)}.journal-empty p{color:var(--muted);margin-top:5px;font-size:11px}.journal-empty>button{flex-shrink:0;margin-left:auto}.bottom-note{color:#9b927f;justify-content:center;align-items:center;gap:8px;margin:30px 0 8px;font-size:11px;display:flex}.bottom-note svg{color:#9a9a7d}.app-footer{border-top:1px solid var(--line);color:#aaa08e;align-items:center;gap:14px;min-height:62px;margin:15px 42px 0;font-size:11px;display:flex}.app-footer>span:last-child{margin-left:auto;font-style:italic}.footer-brand{font:22px var(--serif);letter-spacing:-.8px;color:#98836a;align-items:center;gap:4px;display:inline-flex}.footer-brand .beens-mark{width:26px;height:26px}.draft-strip{color:#7c6341;text-align:left;background:#f4ebdb;border:1px solid #e2cda9;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:20px;padding:12px 17px;font-size:11px;display:flex}.draft-strip>span,.draft-strip>strong,.draft-label{align-items:center;gap:8px;display:inline-flex}.draft-strip>strong{font-size:11px;font-weight:500}.draft-dot{background:#a58147;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.draft-label{color:#93836b;font-size:11px}.tab-row{border-bottom:1px solid var(--line);gap:24px;margin-bottom:25px;display:flex}.tab-row>button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;padding:10px 0 14px;font-size:12px}.tab-row>button.selected{color:#654a2e;border-bottom-color:#bc8b4c}.tab-row>button>span{background:#ece6db;border-radius:5px;margin-left:7px;padding:2px 6px;font-size:11px}.bag-grid,.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.bean-card,.recipe-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.bean-card-art{background:#e8dcc8;justify-content:center;align-items:center;height:175px;display:flex;position:relative}.bean-card-art.light{background:#efdfc4}.bean-card-art.dark{background:#d6c3aa}.bean-card-art .bean-art{width:72px;height:94px}.bean-card-art .bean-seam{border-left-width:5px}.roast-chip{color:#816647;text-transform:capitalize;background:#fffaf1b8;border-radius:20px;padding:4px 9px;font-size:11px;position:absolute;bottom:13px;left:16px}.bean-card-body{padding:21px}.bean-card-body h2{margin:5px 0 8px;font-size:29px;line-height:1.2}.bean-card-body>p{color:var(--muted);font-size:11px}.bean-card-settings{color:#8d795a;align-items:center;gap:7px;padding:15px 0 0;font-size:11px;display:flex}.bean-card-body .button{margin-top:18px}.empty-state{text-align:center;background:#f8f4ec88;border:1px dashed #dbcebb;border-radius:12px;padding:50px 25px}.empty-icon{color:#9a7b52;background:#efe5d3;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid}.empty-state h3{font:30px var(--serif);margin-bottom:8px}.empty-state p{color:var(--muted);max-width:430px;margin:0 auto 20px;font-size:12px}.back-link{color:#8a775c;background:0 0;align-items:center;gap:8px;min-height:28px;margin-bottom:22px;padding:0;font-size:11px;display:inline-flex}.paper-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-width:0;padding:25px}.paper-card h2{font-size:27px}.bag-detail-grid{grid-template-columns:1.3fr 1fr;gap:22px;display:grid}.bag-facts dl{grid-template-columns:1fr 1fr;gap:13px;margin:17px 0 22px;display:grid}.bag-facts dt{color:var(--muted);font-size:11px}.bag-facts dd{text-transform:capitalize;margin:4px 0 0;font-size:12px}.row-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.shot-table-wrap{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow-x:auto}.shot-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.shot-table th{color:#9a8d79;background:#f6f3ec;padding:12px 15px;font-size:11px;font-weight:450}.shot-table td{font-variant-numeric:tabular-nums;border-top:1px solid #eee8dd;padding:17px 15px}.shot-table td>strong{font-size:12px;font-weight:500;display:block}.shot-table td>span{color:#a2927b;margin-top:3px;font-size:11px;display:block}.shot-table small{color:#a99a85;font-size:11px}input[type=checkbox]{accent-color:#b38748;cursor:pointer;width:15px;height:15px}.taste-tags,.row-action{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.taste-tag{color:#99805a;text-transform:capitalize;background:#f1e6d4;border-radius:4px;padding:3px 7px;font-size:11px}.taste-tag.balanced,.taste-tag.sweet{color:#7e8d60;background:#eaf0df}.taste-tag.sour{color:#a69152;background:#f3e7cb}.private-note{background:#f3ede2;border-left:2px solid #cfad78;border-radius:0 7px 7px 0;margin-top:13px;padding:14px 18px}.private-note>span{color:#998871;font-size:11px}.private-note p{color:#7d6b54;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.log-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:25px;display:grid}.log-main{flex-direction:column;gap:20px;display:flex}.form-step{align-items:center;gap:11px;margin-bottom:24px;display:flex}.form-step>span{color:#a38355;background:#f1e7d5;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.form-step h2{font-size:27px}.field{flex-direction:column;gap:7px;min-width:0;margin-bottom:18px;display:flex}.field>span{color:#7f6b50;font-size:11px;font-weight:500}.field>small{color:#9e917e;font-size:11px;font-weight:400}.field input,.field select,.field textarea{color:#5d4d3b;background:#fcfaf6;border:1px solid #e3dbcf;border-radius:6px;width:100%;min-width:0;min-height:44px;padding:11px 12px;font-size:13px}.field input::placeholder,.field textarea::placeholder{color:#b3a694}.field input[readonly]{background:#f1ebe2}.field textarea{resize:vertical}.field select{padding-right:24px}.form-grid{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.equipment-line{color:#a08c6c;border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 0;font-size:11px;display:flex}.equipment-line>button{margin-left:auto}fieldset{border:0;margin:0 0 24px;padding:0}legend{color:#7f6b50;margin-bottom:11px;padding:0;font-size:11px}.optional{color:#a89986;padding-left:6px;font-size:11px}.taste-picker,.again-picker{flex-wrap:wrap;gap:8px;display:flex}.taste-picker>button,.again-picker>button{text-transform:capitalize;color:#9a8668;background:#fffdf9;border:1px solid #e1d7c8;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:37px;padding:9px 13px;font-size:11px;display:inline-flex}.taste-picker>button.chosen,.again-picker>button.chosen{color:#70522a;background:#f0e0c4;border-color:#c8a36c}.form-submit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:6px 0;display:flex}.form-submit>span{color:#a0937d;align-items:center;gap:7px;font-size:11px;display:inline-flex}.timer-card{background:#f2e8d7;border:1px solid #e3d3b8;border-radius:10px;padding:22px}.timer-card .eyebrow{letter-spacing:1px;font-size:11px}.timer-card .row-between{gap:5px}.timer-card .text-button{font-size:11px}.timer-digits{font:62px/1 var(--serif);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-2px;margin:30px 0 10px}.timer-digits>span{color:#b6a183;padding:0 3px}.timer-card>p{text-align:center;color:#ad9876;margin-bottom:22px;font-size:11px}.manual-time{border-top:1px solid #ddceb6;margin-top:20px;padding-top:18px}.manual-time>.field:last-child{margin-bottom:0}.manual-time .field input{background:#fbf6ec;font-size:12px}.timer-skipped{text-align:center;color:#a38c66;padding:25px 0 5px;font-size:11px}.timer-skipped p{margin-top:8px}.aside-note{color:#a38b68;padding:23px 8px}.aside-note h3{font:23px var(--serif);color:#837155;margin:10px 0}.aside-note p{color:#a0937e;font-size:11px;line-height:1.9}.comparison-layout{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:24px;display:grid}.comparison-card{padding:10px 23px;overflow-x:auto}.comparison-card table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.comparison-card th,.comparison-card td{border-bottom:1px solid #ece5da;padding:20px 12px;font-weight:400}.comparison-card th:first-child{color:#9b8666;padding-left:0;font-size:11px}.comparison-card th>span{letter-spacing:1px;color:#a89271;margin-bottom:5px;font-size:11px;display:block}.comparison-card tr:last-child>*{border-bottom:none}.changed-value{color:#8f662f;background:#f5e8d4}.change-dot{vertical-align:middle;background:#b68d50;border-radius:50%;width:4px;height:4px;margin-left:7px;display:inline-block}.comparison-advice{background:#eee7d8;border:1px solid #e0d5bf;border-radius:10px;padding:28px}.advice-icon{color:#ad9669;margin-bottom:22px;display:block}.comparison-advice h2{margin:15px 0;font-size:37px;line-height:1.1}.comparison-advice p{color:#978266;margin-bottom:25px;font-size:12px}.comparison-notices{color:#9e8a6a;gap:12px;padding:20px 3px;font-size:11px;display:flex}.comparison-notices p{margin-bottom:7px}.discovery-filters{border:1px solid var(--line);background:#f3eee4;border-radius:9px;margin-bottom:27px;padding:22px}.search-field{background:var(--paper);color:#a38c69;border:1px solid #e0d7c8;border-radius:6px;align-items:center;gap:10px;padding:0 13px;display:flex}.search-field input{color:#705e46;background:0 0;border:0;width:100%;min-width:0;padding:11px 0;font-size:12px}.filter-line{flex-wrap:wrap;align-items:start;gap:15px;margin-top:19px;display:flex}.filter-line .field{flex:1;min-width:160px;margin-bottom:8px}.filter-line select{background:var(--paper)}.check-label{color:#9a876a;align-items:center;gap:8px;margin-top:9px;font-size:11px;display:inline-flex}.recipe-card{padding:22px}.recipe-card-heading{align-items:center;gap:12px;display:flex}.recipe-card-heading h3{margin-top:3px;font-size:13px}.recipe-card-heading>.icon-button{margin-left:auto}.recipe-card-heading .roaster-label{font-size:11px}.recipe-title{text-align:left;font:27px/1.15 var(--serif);background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;margin:26px 0 8px;padding:0;display:flex}.recipe-byline{color:#a29178;font-size:11px}.recipe-measures{color:#8c7451;align-items:center;gap:9px;margin:20px 0 12px;font-size:11px;display:flex}.measure-divider{background:#ded3c1;width:1px;height:12px;margin:0 2px}.recipe-card-footer{border-top:1px solid #ece4d7;justify-content:space-between;align-items:center;gap:10px;margin-top:21px;padding-top:15px;display:flex}.recipe-card-footer>span{color:#a89474;font-size:11px}.vote-button{color:#a58b62;background:#faf4e9;border:1px solid #e2d4bf;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:42px;min-height:29px;font-size:11px;display:inline-flex}.voted,.is-saved{color:#855b27!important;background:#efdebf!important}.profile-layout{grid-template-columns:1fr 1fr;gap:23px;display:grid}.profile-layout>.form-submit{grid-column:1/-1}.account-footer{border-top:1px solid var(--line);color:#a2927a;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;padding-top:20px;font-size:11px;display:flex}.account-footer>span{margin-right:auto}.dialog{background:var(--milk);width:520px;max-width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--espresso);border:1px solid #ddccb0;border-radius:14px;padding:28px;overflow-y:auto;box-shadow:0 25px 120px #2e201f40}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b2d226e}.dialog-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:25px;display:flex}.dialog-head h2{margin:10px 0;font-size:37px;line-height:1.1}.dialog-head p{color:#a08a6a;font-size:12px}.dialog-head .icon-button{margin-top:-9px;margin-right:-9px}.dialog form>.button{margin-top:7px}.google-button{background:var(--paper);border-color:#e0d4c0}.google-letter{color:#987943;font-size:17px;font-weight:600}.center{text-align:center}.or-divider{color:#b29d7c;align-items:center;gap:10px;margin:22px 0;font-size:11px;display:flex}.or-divider>span{background:#e4d9c6;flex:1;height:1px}.auth-switch{text-align:center;color:#a08b6c;margin:18px 0 9px;font-size:11px}.auth-switch button{margin-left:4px}.dialog-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.dialog-actions>.button{flex:1}.draft-summary,.publish-preview{background:#f1e7d5;border:1px solid #e1d2ba;border-radius:8px;margin-bottom:20px;padding:18px}.draft-summary h3,.publish-preview h3{font:24px var(--serif);margin:5px 0 8px}.draft-summary p,.publish-preview p{color:#998364;margin-top:6px;font-size:11px}.recipe-detail-notes{color:#998263;margin-bottom:20px;font-size:12px;line-height:1.9}.recipe-detail-notes strong{color:#7c6240;font-weight:500}blockquote{border-left:2px solid var(--crema);color:#917755;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2e8d7;margin:20px 0 5px;padding:15px}.small-note{color:#a58e6b;font-size:11px;line-height:1.8}.space-top{margin-top:20px}.muted{color:#9d8f7a}.error-banner{color:#8d5f44;background:#f6e8df;border:1px solid #e6c7af;border-radius:7px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;font-size:12px;display:flex}.error-banner>button{margin-left:auto}.inline-error{color:#9a5438;background:#f3e4d9;border-radius:6px;margin:15px 0;padding:11px;font-size:12px}.loading-line{color:#9c896a;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:12px;display:flex}.toast{z-index:40;color:#f8f0e3;background:#4a3c2e;border-radius:8px;align-items:center;gap:10px;max-width:min(600px,100vw - 30px);padding:11px 15px;font-size:12px;display:flex;position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 7px 20px #30201420}.toast .icon-button{color:#d3c3a9}.spin{animation:1s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-menu,.nav-backdrop{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.main-content{padding-top:55px}.current-bag-main{margin:35px 0}.barista-card{padding:28px}.barista-card>p{max-width:310px}}@media (max-width:1150px){.sidebar{width:200px;min-width:200px;padding-left:12px;padding-right:12px}.main-content{padding:32px 27px 15px}.topbar{padding:0 27px}.app-footer{margin:15px 27px 0}.home-grid{grid-template-columns:minmax(0,1.65fr) minmax(215px,1fr);gap:17px}.current-bag-card{padding:21px}.bean-art{width:85px;height:110px;margin-right:0}.current-bag-main{gap:15px}.barista-card{padding:20px}.barista-card h2{font-size:31px}.log-layout{grid-template-columns:minmax(0,1fr) 240px;gap:19px}.paper-card{padding:20px}.timer-card{padding:18px}.timer-card .row-between{flex-wrap:wrap}.comparison-layout{grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr)}.comparison-advice{padding:22px}}@media (max-width:950px){.home-grid{grid-template-columns:1fr}.barista-card,.topbar-latte,.latte-dot{display:none}.page-heading{align-items:flex-start}.page-heading>.button{flex-shrink:0;margin-top:23px}.log-layout{grid-template-columns:1fr}.log-aside{grid-row:1;grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}.timer-digits{margin-top:17px;font-size:48px}.log-aside .aside-note{padding:15px}.profile-layout,.bag-detail-grid,.comparison-layout{grid-template-columns:1fr}.comparison-advice h2 br{display:none}.comparison-advice{flex-direction:column;display:flex}.comparison-advice h2{font-size:29px}.advice-icon{margin-bottom:14px}.draft-label{align-self:center;max-width:140px}.journal-empty{flex-wrap:wrap}.journal-empty>button{margin-left:77px}}@media (max-width:700px){.sidebar{z-index:50;width:235px;min-width:235px;height:100dvh;padding:28px 17px 20px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.nav-backdrop{z-index:45;background:#30201455;display:block;position:fixed;inset:0}.mobile-menu{display:inline-flex}.topbar{min-height:64px;padding:0 17px}.breadcrumb{font-size:11px}.breadcrumb>span{padding:0 6px}.topbar .text-button{font-size:11px}.main-content{padding:28px 20px 15px}.page-heading{flex-wrap:wrap;gap:17px;margin-bottom:25px}h1{margin:11px 0;font-size:37px}.page-heading p{font-size:12px}.page-heading>.button{margin-top:0}.current-bag-card{padding:22px}.current-bag-main h2{font-size:43px}.current-bag-main .bean-art{width:80px;height:103px}.journey-steps{gap:12px}.journey-steps>span{font-size:11px}.journal-section{margin-top:28px}.journal-empty{gap:15px;padding:25px 20px}.journal-empty h3{font-size:26px}.journal-empty>div:nth-child(2){flex:1}.journal-empty>button{margin-left:72px}.section-title{align-items:flex-start}.section-title h2{font-size:27px}.bottom-note{margin-top:25px;font-size:11px}.app-footer{margin:15px 20px 0}.toast{width:max-content;bottom:16px;left:50%}.draft-strip{flex-direction:column;align-items:flex-start}.log-aside{grid-template-columns:1fr}.log-aside .aside-note{display:none}.timer-card{padding:20px}.timer-digits{margin:18px 0 7px}.timer-card>p{margin-bottom:14px}.manual-time{margin-top:14px;padding-top:14px}.manual-time .field{margin-bottom:7px}.field input,.field textarea,.field select,.manual-time .field input{font-size:16px}.field>span{font-size:12px}.field>small{font-size:11px}.draft-label{max-width:none;margin-top:0}.card-actions{gap:15px}.small-note{font-size:11px}.button{min-height:44px;font-size:12px}.dialog{padding:24px}.dialog-head h2{font-size:34px}.icon-button{min-width:40px;min-height:40px}.row-action .icon-button{min-width:32px}.taste-picker>button,.again-picker>button{min-height:44px}.filter-line .field{min-width:135px}.topbar-right{gap:2px}.avatar{margin-left:0}}@media (max-width:380px){.main-content{padding-left:15px;padding-right:15px}.breadcrumb{font-size:11px}.breadcrumb>span{padding:0 4px}.topbar{padding:0 10px}h1{font-size:33px}.current-bag-main .bean-art{width:58px;height:78px;margin-left:0}.current-bag-main h2{font-size:36px}.current-bag-card{padding:18px}.card-eyebrow{letter-spacing:1px;font-size:7px}.status-pill{font-size:11px}.metric{padding-left:9px}.metric strong{font-size:25px}.metric>span{font-size:11px}.card-actions>.small-note{width:100%}.form-grid{grid-template-columns:1fr}.paper-card{padding:18px}.dialog-actions{flex-wrap:wrap}.dialog-actions>.button{min-width:130px}.comparison-card{padding:6px 12px}.comparison-card td,.comparison-card th{padding:15px 7px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page-heading p,.button{font-size:13px}.bean-description,.barista-card>p,.journal-empty p{font-size:12px}.page-heading p,.section-title p,.journal-empty p,.field>small,.bean-description,.barista-card>p,.small-note,.aside-note p,.bean-card-body>p,.recipe-byline,.recipe-card-footer>span,.draft-label,.sidebar-footer,.bottom-note,.app-footer{color:#7e705c}.eyebrow,.roaster-label,.field>span,legend,.metric>span,.card-eyebrow,.remembered-label,.timer-card>p{color:#7f694c}.barista-card .eyebrow{color:#787961}.bag-note{color:#7f705c;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px;font-size:12px}h1,h2,h3{overflow-wrap:anywhere}.current-bag-main>div,.page-heading>div{min-width:0}.toast>span{overflow-wrap:anywhere;min-width:0}@media (max-width:700px){.breadcrumb{font-size:0}.breadcrumb>span{display:none}.breadcrumb>strong{font-size:11px}.journal-empty{grid-template-columns:50px minmax(0,1fr);align-items:start;gap:15px;display:grid}.journal-empty .empty-coffee{width:50px;height:50px}.journal-empty>button{grid-column:2;justify-self:start;margin-left:0}}