*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-4{left:1rem;right:1rem}.bottom-4{bottom:1rem}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-32{height:8rem}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.min-h-12{min-height:3rem}.w-32{width:8rem}.min-w-0{min-width:0px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-coffee-200{--tw-border-opacity: 1;border-color:rgb(240 226 209 / var(--tw-border-opacity, 1))}.border-coffee-300{--tw-border-opacity: 1;border-color:rgb(223 196 167 / var(--tw-border-opacity, 1))}.bg-accent-500{--tw-bg-opacity: 1;background-color:rgb(79 121 66 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-coffee-100{--tw-bg-opacity: 1;background-color:rgb(253 248 243 / var(--tw-bg-opacity, 1))}.bg-coffee-200{--tw-bg-opacity: 1;background-color:rgb(240 226 209 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.text-left{text-align:left}.text-center{text-align:center}.font-serif{font-family:Playfair Display,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-accent-500{--tw-text-opacity: 1;color:rgb(79 121 66 / var(--tw-text-opacity, 1))}.text-coffee-500{--tw-text-opacity: 1;color:rgb(166 123 91 / var(--tw-text-opacity, 1))}.text-coffee-600{--tw-text-opacity: 1;color:rgb(138 107 82 / var(--tw-text-opacity, 1))}.text-coffee-700{--tw-text-opacity: 1;color:rgb(111 78 55 / var(--tw-text-opacity, 1))}.text-coffee-800{--tw-text-opacity: 1;color:rgb(92 58 33 / var(--tw-text-opacity, 1))}.text-coffee-900{--tw-text-opacity: 1;color:rgb(74 44 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:#241c17;background:#f4f1ea}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}input,textarea{color:#241c17;background:#fffcf7!important;border-color:#d8d0c5!important}input:focus,textarea:focus{border-color:#6f7f58!important;box-shadow:0 0 0 3px #6f7f5821!important}.app-page{min-height:100vh;background:#f4f1ea}.app-container{width:min(100% - 32px,1120px);margin-inline:auto}.beta-badge{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border:1px solid rgba(111,127,88,.32);border-radius:999px;color:#4a2f25;background:#e3e9d9;font-size:9px;font-weight:850;letter-spacing:.08em;line-height:1;text-transform:uppercase}.mobile-screen{width:min(100%,520px);min-height:100vh;margin-inline:auto;padding-bottom:90px;color:#241c17;border-inline:1px solid rgba(216,208,197,.65);background:#fffcf7}.screen-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:64px;padding:0 10px;border-bottom:1px solid #e5ded4}.screen-header h1{margin:0;text-align:center;font-family:Georgia,serif;font-size:20px}.dashboard-header{padding:28px 16px 18px}.dashboard-brand{display:flex;align-items:center;justify-content:space-between}.dashboard-title{display:flex;align-items:center;gap:8px;min-width:0}.dashboard-brand h1{margin:0;font-family:Georgia,serif;font-size:32px;letter-spacing:-.04em}.dashboard-header h2{margin:26px 0 3px;font-family:Georgia,serif;font-size:21px}.dashboard-header p{margin:0;color:#71675f;font-size:13px}.sync-pill{display:inline-flex;max-width:100%;align-items:center;margin-top:8px;padding:5px 9px;overflow:hidden;color:#4a2f25;border:1px solid #d8d0c5;border-radius:999px;background:#f8f5ef;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sync-pill.syncing{color:#6f7f58}.sync-pill.error{color:#a5483d;border-color:#a5483d59;background:#fff3ef}.dashboard-cta{width:100%;margin-top:16px;text-decoration:none}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 16px 22px}.overview-grid article{display:grid;grid-template-columns:24px 1fr;align-items:center;min-height:72px;padding:10px 12px;border:1px solid #d8d0c5;border-radius:13px;background:#f8f5ef}.overview-grid article>svg{grid-row:1 / 3;color:#6f7f58}.overview-grid strong{font-family:Georgia,serif;font-size:21px;line-height:1}.overview-grid span{color:#71675f;font-size:9px}.screen-section{padding:0 16px 20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}.section-heading h3{margin:0;font-family:Georgia,serif;font-size:16px}.section-heading span{color:#71675f;font-size:11px}.section-heading a{color:#71675f;font-size:11px;text-decoration:none}.brew-list{display:grid;gap:9px}.brew-row{position:relative;display:grid;grid-template-columns:52px 1fr;gap:11px;padding:12px;color:inherit;border:1px solid #d8d0c5;border-radius:13px;text-decoration:none}.brew-row__icon{display:grid;width:52px;height:52px;place-items:center;color:#4a2f25;border-radius:50%;background:#e3e9d9}.brew-row__body{display:grid;gap:3px}.brew-row__top{display:flex;justify-content:space-between}.brew-row__top strong{font-family:Georgia,serif;font-size:16px}.brew-row__top small,.brew-row__meta{color:#71675f;font-size:10px}.brew-row__rating{position:absolute;right:12px;bottom:11px;display:flex;gap:3px;align-items:center;color:#6f7f58;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-grid a{display:flex;min-height:82px;align-items:center;flex-direction:column;justify-content:center;gap:5px;color:#241c17;border:1px solid #d8d0c5;border-radius:12px;text-decoration:none}.quick-grid strong{font-size:11px}.quick-grid small{color:#71675f;font-size:9px}.compact-empty{display:flex;min-height:130px;align-items:center;flex-direction:column;justify-content:center;gap:5px;color:#71675f;border:1px dashed #d8d0c5;border-radius:13px}.compact-empty span{font-size:11px}.compact-form{padding:8px 10px 30px}.compact-form>input,.select-row,.parameter-row,.notes-field{min-height:54px;border-bottom:1px solid #e5ded4}.compact-form>input{width:100%;padding:0 12px;border:0}.select-row{display:grid;grid-template-columns:22px 72px 1fr;align-items:center;gap:7px;padding:4px 8px}.select-row>span{font-size:13px;font-weight:600}.select-row .min-h-12{min-height:40px;padding-block:8px;border:0;background:transparent;box-shadow:none;font-size:13px}.parameter-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px}.time-row{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;padding:5px 8px;border:0;border-bottom:1px solid #e5ded4;color:#241c17;background:transparent}.time-row strong{min-width:62px;padding:7px 9px;border:1px solid #d8d0c5;border-radius:9px;text-align:center;background:#fffcf7}.parameter-row__label{display:flex;align-items:center;gap:10px;font-size:13px}.parameter-stepper{display:grid;grid-template-columns:34px 82px 34px;align-items:center;text-align:center}.parameter-stepper button{display:grid;width:32px;height:32px;place-items:center;border:1px solid #d8d0c5;border-radius:9px;background:#fffcf7}.parameter-stepper label{display:flex;align-items:center;justify-content:center}.parameter-stepper input{width:55px;padding:5px 2px;border:0!important;text-align:right;box-shadow:none!important;background:transparent!important}.parameter-stepper label span{font-size:12px;font-weight:700}.rating-row button{padding:3px;border:0;color:#8b7349;background:transparent}.notes-field{display:grid;gap:8px;padding:14px 8px 18px;font-size:13px;font-weight:600}.notes-field textarea{padding:12px;border:1px solid #d8d0c5;border-radius:10px;resize:none}.compact-form>.primary-button{margin-top:18px}.method-fields{margin:8px 0;padding:12px 0;border-block:1px solid #d8d0c5;background:#f8f5ef}.method-fields h2{margin:2px 12px 8px;font-family:Georgia,serif;font-size:15px}.method-text{display:grid;gap:6px;padding:9px 12px;color:#71675f;font-size:11px;font-weight:600}.method-text input,.method-text textarea{padding:10px 11px;border:1px solid #d8d0c5;border-radius:9px;resize:none}.method-text .min-h-12{min-height:40px;padding-block:8px;border:1px solid #d8d0c5;border-radius:9px;font-size:12px}.toggle-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 12px}.toggle-list label{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px;font-size:10px;font-weight:700}.toggle-list input{position:absolute;opacity:0;pointer-events:none}.toggle-list i{position:relative;width:36px;height:21px;border-radius:999px;background:#d8d0c5;transition:.2s}.toggle-list i:after{position:absolute;top:3px;left:3px;width:15px;height:15px;content:"";border-radius:50%;background:#fff;transition:.2s}.toggle-list input:checked+i{background:#6f7f58}.toggle-list input:checked+i:after{transform:translate(15px)}.brew-identity{display:flex;align-items:center;flex-direction:column;padding:14px 16px 25px}.brew-identity>span{display:grid;width:86px;height:86px;place-items:center;color:#fffdf8;border-radius:50%;background:#6f7f58}.brew-identity h1{margin:14px 0 8px;font-family:Georgia,serif;font-size:28px}.brew-identity em{padding:4px 16px;border:1px solid #d8d0c5;border-radius:999px;font-size:12px;font-style:normal}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #d8d0c5}.metric-grid div{display:grid;min-height:84px;place-items:center;align-content:center;gap:2px;border-right:1px solid #e5ded4;border-bottom:1px solid #e5ded4}.metric-grid div:nth-child(3n){border-right:0}.metric-grid small{color:#71675f;font-size:10px}.metric-grid strong{font-family:Georgia,serif;font-size:17px}.detail-section{padding:18px 16px;border-bottom:1px solid #e5ded4}.detail-section h2{margin:0 0 6px;font-family:Georgia,serif;font-size:15px}.detail-section p{margin:0;color:#4b423c;font-size:13px;line-height:1.6}.method-detail{padding:16px;border-bottom:1px solid #e5ded4}.method-detail h2{margin:0 0 9px;font-family:Georgia,serif;font-size:15px}.method-detail div{display:flex;justify-content:space-between;padding:7px 0;color:#71675f;font-size:11px;border-bottom:1px solid #eee8df}.method-detail div:last-child{border-bottom:0}.method-detail strong{color:#241c17}.rating-summary,.brewed-on{display:grid;grid-template-columns:80px 1fr auto;align-items:center;min-height:54px;padding:0 16px;border-bottom:1px solid #e5ded4;font-size:12px}.rating-summary>span:nth-child(2){display:flex;color:#8b7349}.brewed-on{grid-template-columns:90px 1fr}.brewed-on strong{text-align:right}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:18px 16px}.public-link-action,.public-link-message{grid-column:1 / -1}.brewer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px}.brewer-tile{position:relative;display:flex;min-height:132px;align-items:center;flex-direction:column;justify-content:center;gap:12px;border:1px solid #d8d0c5;border-radius:12px}.brewer-tile.is-preview{cursor:pointer;background:#fffcf7;transition:border-color .18s ease,background .18s ease,transform .18s ease}.brewer-tile.is-preview:hover,.brewer-tile.is-preview:focus-visible{border-color:#6f7f58;background:#f8f5ef;outline:0;transform:translateY(-1px)}.brewer-tile strong{max-width:90%;overflow:hidden;font-size:11px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tile-menu{position:absolute;top:5px;right:3px;border:0;background:transparent}.tile-delete{position:absolute;right:7px;bottom:6px;border:0;color:#a5483d;background:transparent}.add-brewer-tile{grid-column:1 / -1;display:flex;min-height:70px;align-items:center;justify-content:center;gap:8px;border:1px dashed #9d907f;border-radius:12px;color:#4a2f25;background:transparent}.modal-form{display:grid;gap:14px}.modal-form label{display:grid;gap:6px;color:#71675f;font-size:12px;font-weight:600}.modal-form input,.modal-form textarea{padding:11px;border:1px solid #d8d0c5;border-radius:10px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:4px}.brewer-type-preview{display:flex;min-height:76px;align-items:center;justify-content:center;gap:15px;color:#4a2f25;border:1px solid #d8d0c5;border-radius:12px;background:#f4f1ea}.brewer-type-preview span{color:#241c17;font-family:Georgia,serif;font-size:16px}.recent-page-list{display:grid;gap:9px;padding:12px}.collection-list{display:grid;gap:10px;padding:12px}.collection-card{position:relative;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;min-height:86px;padding:12px;border:1px solid #d8d0c5;border-radius:13px}.collection-icon{display:grid;width:48px;height:48px;place-items:center;color:#4a2f25;border-radius:50%;background:#e3e9d9}.collection-card h2{margin:0;font-family:Georgia,serif;font-size:16px}.collection-card p{margin:3px 0 6px;color:#71675f;font-size:10px}.collection-card em{padding:3px 8px;border-radius:999px;color:#4a2f25;background:#f4f1ea;font-size:9px;font-style:normal}.collection-actions{display:flex}.collection-actions button{display:grid;width:31px;height:31px;place-items:center;border:0;color:#71675f;background:transparent}.collection-actions button:last-child{color:#a5483d}.collection-list .compact-empty{min-height:360px;padding:20px}.bean-card{align-items:start}.bean-card small{display:block;margin-top:6px;color:#71675f;font-size:9px}.bean-stock{display:flex;gap:10px;margin-top:8px;font-size:10px}.bean-stock b{color:#6f7f58}.bean-stock i{color:#71675f;font-style:normal}.brew-tools{display:grid;grid-template-columns:1fr 125px;gap:8px;padding:12px 12px 2px}.brew-tools label{display:flex;min-height:42px;align-items:center;gap:7px;padding:0 10px;border:1px solid #d8d0c5;border-radius:10px;background:#fffcf7}.brew-tools input{width:100%;min-width:0;padding:0;border:0!important;box-shadow:none!important;background:transparent!important;font-size:11px}.brew-tools .brew-method-filter{min-height:42px;gap:5px;padding:0 8px;border-radius:10px;font-size:9px;line-height:1.15}.brew-tools .brew-method-filter svg{width:14px;height:14px}.brew-method-filter-option{min-height:38px;padding:8px 10px;font-size:11px;line-height:1.2}.public-page{min-height:100vh;padding:18px 12px;color:#241c17;background:#f4f1ea}.public-card,.profile-public{width:min(100%,520px);margin:auto;padding:18px;border:1px solid #d8d0c5;border-radius:22px;background:#fffcf7;box-shadow:0 18px 60px #241c1714}.public-author{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #e5ded4}.public-author>span,.profile-avatar{display:grid;width:42px;height:42px;place-items:center;color:#fff;border-radius:50%;background:#6f7f58;font-family:Georgia,serif;font-size:19px}.public-author div{display:grid}.public-author a{color:#6f7f58;font-size:10px;text-decoration:none}.public-brew-title{display:flex;align-items:center;flex-direction:column;padding:22px 0;text-align:center}.public-brew-title h1{margin:8px 0 3px;font-family:Georgia,serif;font-size:29px}.public-brew-title p{margin:0;color:#71675f;font-size:11px}.public-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d8d0c5;border-radius:13px}.public-metrics div{display:grid;min-height:78px;place-items:center;align-content:center;gap:2px;border-right:1px solid #e5ded4;border-bottom:1px solid #e5ded4}.public-metrics div:nth-child(3n){border-right:0}.public-metrics svg{width:16px}.public-metrics small{color:#71675f;font-size:9px}.public-metrics b{font-family:Georgia,serif}.public-params,.public-notes{margin-top:12px;padding:14px;border:1px solid #d8d0c5;border-radius:13px}.public-params h2,.public-notes h2{margin:0 0 8px;font-family:Georgia,serif;font-size:15px}.public-params div{display:flex;justify-content:space-between;padding:6px 0;font-size:10px;border-bottom:1px solid #eee8df}.public-notes p{margin:0;font-size:12px;line-height:1.55}.public-rating{display:flex;justify-content:space-between;margin:12px 0;padding:14px;color:#8b7349;border:1px solid #d8d0c5;border-radius:13px}.public-rating span{display:flex}.public-cta{width:100%;text-decoration:none}.public-empty{display:grid;min-height:70vh;place-items:center;align-content:center;gap:8px;text-align:center}.profile-public header{text-align:center}.profile-avatar.large,.profile-public .profile-avatar{width:76px;height:76px;margin:auto;font-size:30px}.profile-public header h1{margin:9px 0 0;font-family:Georgia,serif}.profile-public header p{color:#71675f;font-size:12px}.profile-public header a{display:inline-flex;align-items:center;gap:5px;color:#6f7f58;font-size:11px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;padding:14px 0;border-block:1px solid #e5ded4}.profile-stats span{display:flex;align-items:center;flex-direction:column;color:#71675f;font-size:10px}.profile-stats b{color:#241c17;font-family:Georgia,serif;font-size:20px}.profile-public h2{margin:20px 0 8px;font-family:Georgia,serif;font-size:16px}.favorite-row,.gear-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;color:#241c17;border:1px solid #d8d0c5;border-radius:11px;text-decoration:none}.favorite-row span,.gear-row span{display:grid}.favorite-row small,.gear-row small{color:#71675f;font-size:9px}.favorite-row>span:last-child{display:flex;color:#8b7349;font-size:10px}.gear-row a{padding:6px 8px;color:#4a2f25;border:1px solid #d8d0c5;border-radius:8px;font-size:9px;text-decoration:none}.affiliate-disclosure{color:#71675f;font-size:9px}.creator-page{padding:18px 12px 28px;background:radial-gradient(circle at top left,rgba(227,233,217,.9),transparent 34rem),linear-gradient(180deg,#f4f1ea,#eee7dc)}.creator-shell{display:grid;width:min(100%,560px);gap:12px;margin:auto}.creator-hero{overflow:hidden;position:relative;padding:18px;border:1px solid #d8d0c5;border-radius:26px;background:linear-gradient(135deg,#30231b,#6f7f58 58%,#c4ad7f);color:#fffaf1;box-shadow:0 18px 60px #241c1724}.creator-hero:after{position:absolute;right:-46px;bottom:-58px;width:160px;height:160px;content:"";border:1px solid rgba(255,250,241,.2);border-radius:50%;background:#fffaf117}.creator-hero__top{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.creator-avatar{display:grid;width:72px;height:72px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,250,241,.38);border-radius:22px;background:#fffaf126;font-family:Georgia,serif;font-size:34px;box-shadow:inset 0 0 0 1px #ffffff1f}.creator-hero__top p{margin:0 0 2px;color:#fffaf1b8;font-size:9px;font-weight:800;letter-spacing:.18em}.creator-hero h1{margin:0;font-family:Georgia,serif;font-size:30px;line-height:1.05;letter-spacing:-.04em}.creator-hero small{color:#fffaf1b8;font-size:11px}.creator-bio{position:relative;z-index:1;max-width:410px;margin:18px 0 0;color:#fffaf1db;font-size:13px;line-height:1.6}.creator-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.creator-actions a{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;color:#fffaf1;border:1px solid rgba(255,250,241,.28);border-radius:999px;background:#fffaf11c;font-size:10px;font-weight:800;text-decoration:none}.creator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.creator-stats span{display:grid;min-height:74px;place-items:center;align-content:center;border:1px solid #d8d0c5;border-radius:18px;background:#fffcf7d1;box-shadow:0 10px 34px #241c170f}.creator-stats b{font-family:Georgia,serif;font-size:23px;line-height:1}.creator-stats small{margin-top:4px;color:#71675f;font-size:9px}.creator-section{padding:14px;border:1px solid #d8d0c5;border-radius:22px;background:#fffcf7e6;box-shadow:0 12px 42px #241c170f}.creator-section__heading{display:flex;align-items:center;gap:10px;margin-bottom:11px}.creator-section__heading>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:#4a2f25;border-radius:12px;background:#e3e9d9}.creator-section__copy{min-width:0;flex:1}.creator-section h2{margin:0;font-family:Georgia,serif;font-size:18px}.creator-section p{margin:1px 0 0;color:#71675f;font-size:10px}.creator-pager{display:inline-flex;min-width:92px;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:5px}.creator-pager button{display:grid;width:28px;height:28px;place-items:center;color:#4a2f25;border:1px solid #d8d0c5;border-radius:9px;background:#fffcf7}.creator-pager button:disabled{opacity:.35}.creator-pager span{min-width:25px;color:#71675f;font-size:10px;font-weight:800;text-align:center}.creator-brew-grid,.creator-gear-grid{display:grid;gap:9px}.creator-brew-card{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:76px;padding:11px;color:#241c17;border:1px solid #d8d0c5;border-radius:16px;background:#fffcf7;text-decoration:none}.creator-brew-card>span,.creator-gear-card>span{display:grid;width:48px;height:48px;place-items:center;color:#4a2f25;border-radius:15px;background:#e3e9d9}.creator-brew-card small,.creator-gear-card small{color:#71675f;font-size:9px}.creator-brew-card h3,.creator-gear-card h3{margin:2px 0;font-family:Georgia,serif;font-size:16px;line-height:1.12}.creator-brew-card p{margin:0;color:#71675f;font-size:10px}.creator-brew-card em{display:inline-flex;align-items:center;gap:3px;align-self:start;padding:5px 7px;color:#8b7349;border-radius:999px;background:#f4f1ea;font-size:10px;font-style:normal;font-weight:800}.creator-gear-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:74px;padding:11px;border:1px solid #d8d0c5;border-radius:16px;background:#fffcf7}.creator-gear-card a{padding:7px 9px;color:#fffaf1;border-radius:999px;background:#4a2f25;font-size:9px;font-weight:800;text-decoration:none}.creator-empty{display:grid;min-height:86px;place-items:center;color:#71675f;border:1px dashed #d8d0c5;border-radius:16px;font-size:11px}.creator-section .affiliate-disclosure{margin:11px 2px 0;line-height:1.5}.profile-form,.plan-page{display:grid;gap:13px;padding:16px 16px 90px}.profile-form>label{display:grid;gap:6px;color:#71675f;font-size:11px;font-weight:600}.profile-form input,.profile-form textarea{padding:11px;border:1px solid #d8d0c5;border-radius:10px;resize:none}.profile-form h2{margin:10px 0 0;font-family:Georgia,serif;font-size:16px}.account-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #d8d0c5;border-radius:14px;background:#f8f5ef}.account-card>span{display:grid;width:38px;height:38px;place-items:center;color:#4a2f25;border-radius:12px;background:#e3e9d9}.account-card div{display:grid;min-width:0}.account-card b{font-size:12px}.account-card small{overflow:hidden;color:#71675f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.account-card a,.account-card button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;color:#4a2f25;border:1px solid #d8d0c5;border-radius:999px;background:#fffcf7;font-size:10px;font-weight:800;text-decoration:none}.auth-note{margin:-4px 2px 0;color:#a06b2b;font-size:10px;line-height:1.5}.form-error{margin:-4px 2px 0;color:#a5483d;font-size:10px;line-height:1.5}.public-toggle{display:flex!important;align-items:center;justify-content:space-between;padding:12px;border:1px solid #d8d0c5;border-radius:12px}.public-toggle span{display:grid}.public-toggle small{max-width:260px;font-weight:400}.public-toggle input{width:20px;height:20px;accent-color:#6f7f58}.feature-picker{display:flex;gap:8px;overflow-x:auto}.feature-picker button{display:flex;min-width:98px;min-height:88px;align-items:center;flex-direction:column;justify-content:center;gap:6px;border:1px solid #d8d0c5;border-radius:11px;background:#fffcf7;font-size:9px}.feature-picker button.is-active{border-color:#6f7f58;background:#e3e9d9}.affiliate-editor{display:grid;gap:6px;padding:10px;border:1px solid #d8d0c5;border-radius:11px}.affiliate-editor label{display:flex;gap:8px;align-items:center;font-size:11px}.affiliate-editor input[type=url],.affiliate-editor>input{padding:9px;font-size:10px}.plan-page>header h2{margin-bottom:3px;font-family:Georgia,serif}.plan-page>header p{margin-top:0;color:#71675f;font-size:11px}.plan-card{padding:16px;border:1px solid #d8d0c5;border-radius:16px;background:#fffcf7}.plan-card.current{border-color:#6f7f58}.plan-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.plan-card h2{margin:0;font-family:Georgia,serif}.plan-card h3{font-size:13px}.usage-track{overflow:hidden;height:8px;border-radius:99px;background:#e5ded4}.usage-track i{display:block;height:100%;border-radius:inherit;background:#6f7f58}.plan-card ul{display:grid;gap:7px;padding:0;list-style:none;font-size:10px}.plan-card li{display:flex;gap:6px;align-items:center}.plan-card li svg{width:14px;color:#6f7f58}.plan-card .primary-button{width:100%}.login-page{position:relative;display:grid;min-height:100vh;padding:20px;place-items:center;background:#f4f1ea}.login-page section{display:grid;width:min(100%,390px);justify-items:center;padding:32px 24px;border:1px solid #d8d0c5;border-radius:22px;background:#fffcf7;text-align:center}.login-page section>span{display:grid;width:72px;height:72px;place-items:center;color:#fff;border-radius:22px;background:#4a2f25}.login-page h1{margin:15px 0 5px;font-family:Georgia,serif;font-size:30px}.login-page p{margin:0 0 22px;color:#71675f;font-size:12px;line-height:1.5}.google-button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:10px;border:1px solid #d8d0c5;border-radius:11px;background:#fff;font-weight:650}.google-button:disabled{opacity:.5}.login-back{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:6px;color:#71675f;font-size:11px;font-weight:700;text-decoration:none}.login-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;margin:15px 0;color:#9d907f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-divider i{display:block;height:1px;background:#e5ded4}.email-login{display:grid;width:100%;gap:8px;text-align:left}.email-login label{color:#71675f;font-size:10px;font-weight:800}.email-login div{display:flex;min-height:44px;align-items:center;gap:8px;padding:0 11px;border:1px solid #d8d0c5;border-radius:11px;background:#fffcf7}.email-login input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px}.email-login .secondary-button{width:100%;justify-content:center}.login-success{margin-top:10px;color:#6f7f58;font-size:11px}.login-page small{margin-top:10px;color:#71675f}.login-page em{margin-top:10px;color:#a5483d;font-size:11px;font-style:normal}.home-page,.inventory-page{min-height:100vh;padding-bottom:92px;background:#f4f1ea}.home-hero{color:#fffdf8;background:#34241d;border-bottom:1px solid #4a2f25}.home-hero h1{letter-spacing:-.035em}.home-content{padding-block:30px 40px}.home-content>div{gap:14px}.inventory-header{color:#fffdf8;background:#34241d;border-bottom:1px solid #4a2f25}.inventory-header>div{width:min(100% - 32px,1120px);margin-inline:auto}.inventory-content{width:min(100% - 32px,1120px);margin-inline:auto;padding-block:24px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.inventory-card{padding:17px;border:1px solid #d8d0c5;border-radius:16px;background:#fffcf7;transition:transform .18s ease,box-shadow .18s ease}.inventory-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #241c1714}.inventory-card button{border-radius:9px}.inventory-empty{display:flex;min-height:440px;align-items:center;flex-direction:column;justify-content:center;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;padding:16px;place-items:center;background:#18110d94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{width:min(100%,460px);max-height:calc(100vh - 32px);overflow:auto;padding:24px;border:1px solid #d8d0c5;border-radius:20px;background:#fffcf7;box-shadow:0 24px 80px #18110d38}.time-picker{width:min(100%,390px);padding:20px;border:1px solid #d8d0c5;border-radius:20px;background:#fffcf7;box-shadow:0 24px 80px #18110d3d}.time-picker header{display:flex;align-items:center;justify-content:space-between}.time-picker h2{margin:0;font-family:Georgia,serif;font-size:20px}.time-picker__inputs{display:grid;grid-template-columns:1fr 18px 1fr;align-items:end;gap:10px;margin:24px 0 16px}.time-picker__inputs>b{padding-bottom:16px;text-align:center;font-size:24px}.time-picker__inputs label{display:grid;gap:7px;color:#71675f;font-size:11px;font-weight:700}.time-picker__inputs input{width:100%;padding:13px 8px;border:1px solid #d8d0c5;border-radius:11px;font-family:Georgia,serif;font-size:26px;text-align:center}.time-picker>p{margin:0 0 18px;color:#71675f;font-size:12px;text-align:center}.time-picker>p strong{color:#241c17}.brew-editor,.brew-detail{padding-block:24px 104px}.brew-editor .app-container{max-width:860px}.brew-form,.detail-card{padding:clamp(20px,4vw,32px);border:1px solid #d8d0c5;border-radius:20px;background:#fffcf7;box-shadow:0 12px 38px #241c170f}.brew-form h2,.detail-card h3{letter-spacing:-.015em}.brew-form>div:not(:last-child){padding-bottom:24px;border-bottom:1px solid #e5ded4}.brew-detail .grid{gap:18px}.brew-detail .bg-coffee-50{background:#f4f1ea}.onboarding-page{display:flex;min-height:100vh;flex-direction:column;background:radial-gradient(circle at 18% 0%,rgba(111,127,88,.16),transparent 36%),#f4f1ea}.onboarding-progress{padding:14px 24px;border-bottom:1px solid #d8d0c5;background:#fffcf7e6}.onboarding-shell{display:flex;width:min(100% - 32px,640px);flex:1;flex-direction:column;margin-inline:auto;padding-block:38px}.onboarding-shell>div:not(.text-center){padding:clamp(20px,4vw,32px);border:1px solid #d8d0c5;border-radius:22px;background:#fffcf7e0;box-shadow:0 18px 50px #241c1712}.onboarding-mark{display:grid;width:112px;height:112px;margin:0 auto 28px;place-items:center;color:#fffdf8;border-radius:32px;background:#4a2f25;transform:rotate(-3deg);box-shadow:0 16px 34px #4a2f252e}.onboarding-mark svg{transform:rotate(3deg)}.onboarding-auth-card{display:grid;width:min(100%,360px);gap:10px;margin:0 auto;padding:12px;border:1px solid #d8d0c5;border-radius:18px;background:#fffcf7db;box-shadow:0 14px 38px #241c1712}.onboarding-auth-card .google-button,.onboarding-auth-card .secondary-button{width:100%;min-height:46px;justify-content:center}.onboarding-auth-card small{color:#71675f;font-size:10px}.onboarding-auth-card em{color:#a5483d;font-size:10px;font-style:normal}.compact-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;min-height:64px;padding:0 16px;border-bottom:1px solid #d8d0c5;background:#fffcf7f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.compact-header h1{margin:0;text-align:center;font-family:Georgia,Times New Roman,serif;font-size:21px}.header-spacer{width:40px}.icon-button{display:inline-grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;color:#241c17;background:transparent;cursor:pointer}.detail-menu-wrap{position:relative;display:grid;justify-items:end}.detail-menu{position:absolute;top:44px;right:0;z-index:30;display:grid;width:172px;overflow:hidden;border:1px solid #d8d0c5;border-radius:12px;background:#fffcf7;box-shadow:0 16px 42px #241c1724}.detail-menu button{display:flex;min-height:40px;align-items:center;gap:8px;padding:0 12px;color:#241c17;border:0;border-bottom:1px solid #eee7dd;background:transparent;font-size:11px;font-weight:750;text-align:left}.detail-menu button:last-child{border-bottom:0}.detail-menu button.danger{color:#a5483d}.primary-button,.secondary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:10px;font-weight:650;cursor:pointer}.primary-button{border:1px solid #6f7f58;color:#fff;background:#6f7f58}.secondary-button{border:1px solid #d8d0c5;color:#241c17;background:#fffcf7}.w-full{width:100%}.mobile-nav{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);max-width:520px;min-height:58px;margin:auto;padding:5px;border:1px solid #d8d0c5;border-radius:20px;background:#fffcf7f5;box-shadow:0 10px 30px #241c171a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-nav__item{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2px;border-radius:15px;color:#71675f;font-size:10px;font-weight:600;text-decoration:none}.mobile-nav__item.is-active{color:#4a2f25;background:#e3e9d9}.share-layout{display:grid;gap:18px;width:min(100% - 32px,920px);margin:22px auto}.share-preview{position:relative;display:flex;align-items:flex-end;overflow:hidden;container-type:inline-size;aspect-ratio:4 / 5;--share-font-scale: 1;border:1px solid #d8d0c5;border-radius:20px;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 16px 50px #241c171f;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.share-preview--story{--share-font-scale: 1.16}.share-preview--photo{color:#241c17;background-color:#241c17}.share-preview--photo:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;content:"";background:linear-gradient(180deg,#fffcf7d1,#fffcf700 42%),linear-gradient(0deg,#fffcf7d1,#fffcf700 50%);pointer-events:none}.share-preview--photo.share-preview--inverted:before{background:linear-gradient(180deg,#18110dd1,#18110d00 42%),linear-gradient(0deg,#18110dd1,#18110d00 50%)}.share-preview--transparent{color:#241c17;background-color:transparent;background-image:linear-gradient(45deg,#e5e0d7 25%,transparent 25%),linear-gradient(-45deg,#e5e0d7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e0d7 75%),linear-gradient(-45deg,transparent 75%,#e5e0d7 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.share-preview__content{position:relative;z-index:1;display:flex;box-sizing:border-box;flex-direction:column;justify-content:flex-end;gap:13px;width:100%;min-height:100%;padding:22px;background:transparent}.share-preview--photo .share-preview__content{text-shadow:0 3px 18px rgba(255,252,247,.42)}.share-preview--inverted .share-preview__content{color:#fffdf8;text-shadow:0 3px 18px rgba(36,28,23,.58)}.share-preview__content--minimal{justify-content:space-between;padding:24px}.share-preview__content--brewlog{justify-content:flex-start;padding:24px}.share-preview__content--brewlog .share-minimal-bottom{margin-top:auto}.share-preview--story .share-preview__content{padding-top:76px;padding-bottom:96px}.share-preview--story .share-preview__content--minimal{padding-top:76px;padding-bottom:92px}.share-preview--story .share-preview__content--brewlog .share-minimal-bottom{margin-top:auto;margin-bottom:18px}.share-minimal-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid currentColor;color:inherit;font-size:calc(2.13cqw * var(--share-font-scale));font-weight:700;letter-spacing:.13em;text-transform:uppercase}.share-minimal-bottom{display:grid;gap:13px;padding-top:14px;border-top:1px solid currentColor}.share-preview--inverted .share-stats span{border-color:#fffcf775;color:#fffdf8;background:transparent;text-shadow:0 3px 18px rgba(36,28,23,.58)}.share-preview--inverted .share-stats b{color:#fffdf8}.share-template-dots{position:absolute;right:18px;bottom:18px;z-index:2;display:flex;gap:6px}.share-template-dots span{width:6px;height:6px;border-radius:999px;background:#fffcf77a;box-shadow:0 1px 5px #241c1733}.share-preview--photo:not(.share-preview--inverted) .share-template-dots span{background:#241c1742}.share-preview--transparent .share-template-dots span{background:#241c1747}.share-template-dots span.is-active{width:18px;background:#fffdf8}.share-preview--photo:not(.share-preview--inverted) .share-template-dots span.is-active{background:#4a2f25}.share-preview--transparent .share-template-dots span.is-active{background:#4a2f25}.share-preview h2{max-width:94%;margin:7px 0 0;font-family:Georgia,Times New Roman,serif;font-size:calc(6.3cqw * var(--share-font-scale));line-height:.98}.eyebrow{margin:0;font-size:calc(2.13cqw * var(--share-font-scale));font-weight:700;letter-spacing:.14em;text-transform:uppercase}.share-origin{margin:10px 0;font-size:calc(2.5cqw * var(--share-font-scale));opacity:.76}.share-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 14px;margin-top:4px}.share-stats--minimal{grid-template-columns:repeat(4,1fr);gap:0;margin-top:0}.share-stats span{display:flex;min-height:52px;flex-direction:column;justify-content:center;padding:8px 10px;border:1px solid rgba(216,208,197,.82);border-radius:14px;color:#71675f;background:#fffcf7d6;font-size:calc(1.57cqw * var(--share-font-scale));text-shadow:none}.share-stats--minimal span{min-height:42px;padding:0 8px;border-width:0 0 0 1px;border-radius:0;background:transparent}.share-stats--minimal span:first-child{border-left:0;padding-left:0}.share-stats b{font-family:Georgia,serif;font-size:calc(2.78cqw * var(--share-font-scale))}.share-note{max-width:34ch;margin:4px 0 0;font-family:Georgia,serif;font-size:calc(2.31cqw * var(--share-font-scale))}.share-brand{margin-top:2px;font-size:11px;letter-spacing:.04em}.share-method-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding-top:14px;font-size:calc(2.22cqw * var(--share-font-scale))}.share-method-rows span{display:flex;flex-direction:column;min-height:38px;padding:0 8px 9px;border-left:1px solid rgba(36,28,23,.18);color:inherit}.share-method-rows span:nth-child(odd){border-left:0;padding-left:0}.share-preview--inverted .share-method-rows span{border-color:#fffcf757}.share-method-rows b{color:inherit;font-size:calc(1.57cqw * var(--share-font-scale));opacity:.68}.share-method-rows .share-note{grid-column:1 / -1;margin:3px 0 0;font-size:11px}.share-tone-toggle{grid-template-columns:1fr;padding:0}.share-tone-toggle label{padding:10px 12px;border:1px solid #d8d0c5;border-radius:12px;background:#f4f1ea}.control-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid #d8d0c5;border-radius:18px;background:#fffcf7}.segmented{display:grid;grid-template-columns:repeat(2,1fr);padding:3px;border:1px solid #d8d0c5;border-radius:10px;background:#f4f1ea}.segmented--three{grid-template-columns:repeat(3,1fr)}.segmented button{display:grid;place-items:center;min-height:36px;padding:5px 6px;border:0;border-radius:7px;color:#71675f;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.segmented button small{color:inherit;font-size:9px;font-weight:700;opacity:.78}.segmented button.is-active{color:#fff;background:#6f7f58}.range-control{display:grid;gap:9px;font-size:12px}.range-control span,.export-row{display:flex;justify-content:space-between}.range-control input{accent-color:#6f7f58}.field-label{margin:0 0 7px;color:#71675f;font-size:12px;font-weight:600}.export-row{padding:4px 2px;color:#71675f;font-size:13px}.export-row strong{color:#241c17}.empty-state{display:grid;min-height:100vh;place-items:center;background:#f4f1ea}@media(min-width:760px){.control-card{position:static}}@media(max-width:640px){.inventory-header .primary-button{width:42px;padding:0;font-size:0}.inventory-header .primary-button svg{margin:0}.inventory-card{padding:15px}.brew-editor,.brew-detail{padding-top:16px}.brew-form,.detail-card{border-radius:16px}.brew-editor .mb-8,.brew-detail .mb-8{margin-bottom:20px}.onboarding-shell{padding-block:24px}}.focus\:border-coffee-500:focus{--tw-border-opacity: 1;border-color:rgb(166 123 91 / var(--tw-border-opacity, 1))}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-coffee-200:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(240 226 209 / var(--tw-ring-opacity, 1))}@media(min-width:768px){.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}}