.roast-page{--roast-paper:#f6f2e9;--roast-ink:#282820;--roast-rule:#d4d0c5;z-index:1;background:var(--roast-paper);min-height:100vh;color:var(--roast-ink);font-family:var(--font-nunito), sans-serif;position:relative}.roast-page main{color:inherit;background:0 0}.roast-wrap{width:calc(100% - 112px);max-width:1360px;margin-inline:auto}.roast-page button,.roast-page summary{cursor:pointer}.roast-page button:disabled{cursor:wait;opacity:.55}.roast-page :focus-visible{outline-offset:4px;outline:2px solid #3752bc}.roast-page input,.roast-page textarea,.roast-page button{font:inherit}.roast-header{border-bottom:1px solid var(--roast-rule);justify-content:space-between;align-items:center;gap:30px;height:102px;display:flex}.roast-wordmark{font-family:var(--font-fredoka), sans-serif;letter-spacing:-2.5px;font-size:47px;font-weight:600;line-height:1}.roast-header nav{align-items:center;gap:28px;font-size:14px;font-weight:700;display:flex}.roast-header nav a{align-items:center;gap:16px;min-height:44px;display:flex}.roast-header nav a:last-child{border:1px solid var(--roast-ink);border-radius:9999px;padding:10px 18px}.roast-header a:hover{text-underline-offset:4px;text-decoration:underline}.roast-intro{border-bottom:1px solid var(--roast-ink);grid-template-columns:1fr auto;align-items:end;gap:45px;padding-top:54px;padding-bottom:48px;display:grid}.roast-eyebrow{letter-spacing:1.5px;font-size:10px;font-weight:800;line-height:1.7}.roast-intro h1{font-family:var(--font-fredoka), sans-serif;letter-spacing:-6px;margin:14px 0 12px;font-size:clamp(82px,10vw,148px);font-weight:500;line-height:1.05}.roast-intro h1>span{color:#bb6150}.roast-subhead{letter-spacing:-.5px;font-size:23px;font-weight:600}.roast-subhead span{font-family:var(--font-caveat), cursive;margin-left:6px;font-size:36px;font-weight:500;display:inline-block;transform:rotate(-4deg)}.roast-intro-aside{color:#676457;padding-bottom:5px;font-size:14px;line-height:1.9}.roast-intro-aside strong{color:var(--roast-ink);margin-top:9px;font-size:12px;font-weight:800;display:block}.roast-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr);align-items:start;gap:74px;padding-top:40px;padding-bottom:70px;display:grid}.roast-composer-section{grid-area:1/2;min-width:0;scroll-margin-top:28px;position:sticky;top:28px}.roast-wall-section{grid-area:1/1;min-width:0;scroll-margin-top:28px}.roast-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.roast-section-heading h2{font-family:var(--font-fredoka);letter-spacing:-.7px;font-size:28px;font-weight:500}.roast-section-heading>span{letter-spacing:1.1px;font-size:9px;font-weight:800}.roast-section-heading>button,.roast-refresh{min-height:44px;padding:8px 0 8px 12px;font-size:12px;font-weight:700}.roast-section-heading>button:hover,.roast-refresh:hover{text-underline-offset:4px;text-decoration:underline}.roast-wall-intro{color:#666255;margin:-10px 0 31px;font-size:13px;line-height:1.8}.roast-color-yellow{--note-bg:#f1dd83;background:var(--note-bg)}.roast-color-pink{--note-bg:#edc2ba;background:var(--note-bg)}.roast-color-sage{--note-bg:#d2ddc0;background:var(--note-bg)}.roast-color-lilac{--note-bg:#d8d1e5;background:var(--note-bg)}.roast-composer{border-top:20px solid #00000007;padding:26px;position:relative;box-shadow:2px 6px 9px #413c2d14,0 1px #9584541a}.roast-message-label{justify-content:space-between;align-items:center;gap:15px;display:flex}.roast-message-label>label{font-family:var(--font-caveat);font-size:30px;line-height:1.2}.roast-message-label>span{color:#655d3d;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.roast-composer textarea{font-family:var(--font-caveat);resize:vertical;overflow-wrap:anywhere;background:0 0;border:none;border-radius:0;width:100%;min-height:166px;padding:16px 0 12px;font-size:28px;line-height:1.2}.roast-composer textarea::placeholder{color:#695e3e;opacity:.85}.roast-composer textarea:focus{outline-offset:5px}.roast-name-row{border-bottom:1px solid #5c56374a;align-items:center;gap:13px;padding-bottom:3px;display:flex}.roast-name-row>label{font-family:var(--font-caveat);font-size:24px}.roast-name-row input{width:100%;min-width:0;height:44px;color:var(--roast-ink);background:0 0;border:0;border-radius:0;font-size:13px}.roast-name-row input::placeholder{color:#716647;opacity:1}.roast-swatches{border:none;align-items:center;gap:7px;margin:20px 0 15px;padding:0;display:flex}.roast-swatches legend{float:left;margin-right:auto;font-size:10px;font-weight:800;line-height:44px}.roast-swatch{cursor:pointer;border:1px solid #39342255;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative}.roast-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.roast-swatch:has(input:checked){box-shadow:0 0 0 2px var(--note-bg), 0 0 0 3px var(--roast-ink)}.roast-swatch:has(input:focus-visible){outline-offset:5px;outline:2px solid #3752bc}.roast-swatch>span{pointer-events:none;font-size:17px}.roast-consent{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;margin-bottom:14px;padding-block:8px;font-size:11px;line-height:1.7;display:flex}.roast-consent input{width:18px;height:18px;accent-color:var(--roast-ink);flex-shrink:0;margin-top:2px}.roast-honeypot{display:none}.roast-button{border:1px solid var(--roast-ink);background:var(--roast-ink);color:#faf6e9;border-radius:9999px;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:13px 19px;transition:background .2s,transform .2s;display:inline-flex;font-size:13px!important;font-weight:800!important}.roast-button:hover:not(:disabled){background:#454638;transform:translateY(-1px)}.roast-button>span{font-size:22px;font-weight:500;line-height:1}.roast-composer>.roast-button{width:100%}.roast-composer-help{color:#666255;max-width:380px;margin-top:19px;font-size:11px;line-height:1.8}.roast-wall-jump{display:none}.roast-sent{flex-direction:column;align-items:flex-start;min-height:340px;display:flex}.roast-sent h3{font-family:var(--font-caveat);margin:24px 0 13px;font-size:46px;line-height:1.1}.roast-sent>p{max-width:290px;font-size:15px;line-height:1.7}.roast-sent>.roast-button{margin-top:28px}.roast-error{color:#7a2c23;background:#fff1e7b0;border-left:2px solid #9d5144;margin-bottom:16px;padding:11px 12px;font-size:13px;line-height:1.65}.roast-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px 23px;display:grid}.roast-note{overflow-wrap:anywhere;border-top:18px solid #00000005;min-width:0;padding:25px 25px 22px;position:relative;transform:rotate(-1.5deg);box-shadow:2px 7px 9px #413c2d14}.roast-note:nth-child(2n){margin-top:16px;transform:rotate(1.8deg)}.roast-note:nth-child(3n){transform:rotate(.5deg)}.roast-note-category{letter-spacing:1.3px;opacity:.85;font-size:8px;font-weight:800;line-height:1.6;display:block}.roast-note-message{font-family:var(--font-caveat);white-space:pre-wrap;margin:20px 0 26px;font-size:28px;line-height:1.25}.roast-note>footer{border-top:1px solid #47432d30;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 14px;padding-top:13px;font-size:11px;font-weight:800;display:flex}.roast-note time,.roast-note>footer>span+span{font-size:9px;font-weight:600}.roast-empty{max-width:460px;padding:20px 12px 20px 20px}.roast-first-note{max-width:340px;min-height:310px;padding:25px 30px;transform:rotate(-5deg)}.roast-first-note .roast-note-message{margin:28px 0;font-size:35px;line-height:1.14}.roast-empty>p{color:#6e695c;margin:38px 0 0 12px;font-size:12px;line-height:1.8}.roast-wall-loading{color:#706b5e;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:300px;font-size:13px;display:flex}.roast-loading-paper{background:#e8e3d6;border-top:14px solid #ded9cc;width:88px;height:90px;transform:rotate(-6deg);box-shadow:2px 4px 5px #423b2910}.roast-wall-error{border:1px solid var(--roast-rule);padding:30px}.roast-wall-error h3{font-family:var(--font-fredoka);font-size:28px;font-weight:500}.roast-wall-error p{margin:12px 0 20px;font-size:14px;line-height:1.8}.roast-outline-button{border:1px solid #8c897d;border-radius:9999px;justify-content:center;align-items:center;min-height:44px;padding:11px 17px;display:inline-flex;font-size:12px!important;font-weight:700!important}.roast-outline-button:hover:not(:disabled){background:#ffffff40}.roast-load-more{margin-top:32px}.roast-bottom-line{border-top:1px solid var(--roast-rule);align-items:center;gap:17px;padding:26px 0 39px;font-size:13px;display:flex}.roast-bottom-line>span{font-family:var(--font-caveat);font-size:29px}.roast-bottom-line>p{color:#6b6659}.roast-bottom-line>a{align-items:center;gap:18px;min-height:44px;margin-left:auto;font-size:12px;font-weight:800;display:flex}.roast-footer{border-top:1px solid var(--roast-ink);flex-wrap:wrap;align-items:center;gap:26px;padding-block:30px;display:flex}.roast-footer .roast-wordmark{font-size:35px}.roast-footer>p{color:#6e685b;font-size:11px}.roast-footer nav{gap:23px;margin-left:auto;font-size:11px;font-weight:700;display:flex}.roast-footer nav a{align-items:center;min-height:44px;display:flex}.roast-footer>span{letter-spacing:1px;color:#6e685b;font-size:9px}.roast-review-main{min-height:70vh;padding-top:48px;padding-bottom:64px}.roast-review-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.roast-review-heading h1{font-family:var(--font-fredoka);letter-spacing:-2.5px;margin:16px 0;font-size:clamp(45px,5.8vw,80px);font-weight:500;line-height:1.15}.roast-review-heading>div>p:last-child{color:#666255;font-size:14px;line-height:1.8}.roast-login{background:#e6e8dc;border-top:16px solid #d9decb;max-width:470px;margin:42px 0 32px;padding:30px}.roast-login h2{font-family:var(--font-fredoka);letter-spacing:-.7px;font-size:31px;font-weight:500;line-height:1.2}.roast-login>p{margin:14px 0 24px;font-size:13px;line-height:1.7}.roast-login>label{margin-bottom:8px;font-size:12px;font-weight:800;display:block}.roast-login>input{background:#faf8ee;border:1px solid #9eaa8d;border-radius:3px;width:100%;min-height:48px;margin-bottom:20px;padding:10px 12px;font-size:16px}.roast-login>.roast-button{width:100%}.roast-review-controls{border-bottom:1px solid var(--roast-rule);justify-content:space-between;align-items:center;gap:15px;margin-top:32px;margin-bottom:30px;display:flex}.roast-review-tabs{gap:10px;display:flex}.roast-review-tabs>button{border-bottom:3px solid #0000;min-height:48px;padding:16px 22px;font-size:14px;font-weight:700}.roast-review-tabs>button[aria-selected=true]{border-color:var(--roast-ink)}.roast-review-tabs>button:hover:not(:disabled){background:#eae6da}.roast-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:25px;display:grid}.roast-review-grid .roast-note{margin-top:0;transform:none}.roast-review-grid .roast-note-message{font-size:28px}.roast-review-actions{flex-wrap:wrap;gap:10px;padding-top:20px;display:flex}.roast-review-actions .roast-button{min-height:44px;padding:11px 13px;font-size:12px!important}.roast-action-confirm{width:100%}.roast-action-confirm>p{margin-bottom:14px;font-size:12px;line-height:1.7}.roast-text-button{text-underline-offset:3px;min-height:44px;margin-left:17px;text-decoration:underline;font-size:12px!important}.roast-review-notice{background:#e0e8d3;border-left:2px solid #7f9468;margin-bottom:25px;padding:16px;font-size:13px}.roast-review-error{background:#f0d9ce;margin:20px 0;padding:20px;font-size:14px;line-height:1.7}.roast-review-error .roast-outline-button{margin-top:12px}.roast-review-empty{text-align:center;color:#696455;border:1px dashed #c5c1b3;padding:48px 25px;font-size:14px}.roast-review-empty>h2{font-family:var(--font-fredoka);color:var(--roast-ink);margin-bottom:12px;font-size:34px;font-weight:500}@media (min-width:1450px){.roast-layout{gap:95px}}@media (max-width:1100px){.roast-wrap{width:calc(100% - 64px)}.roast-intro{gap:20px}.roast-intro-aside{font-size:12px}.roast-intro-aside strong{max-width:250px;line-height:1.7}.roast-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:38px}.roast-note-grid{grid-template-columns:1fr}.roast-note-grid .roast-note{max-width:420px}.roast-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roast-composer{padding:22px}.roast-swatches{gap:5px}.roast-swatches legend{font-size:9px}.roast-bottom-line{gap:12px}.roast-bottom-line>p{font-size:11px}.roast-footer{gap:18px}}@media (max-width:760px){.roast-wrap{width:calc(100% - 40px)}.roast-header{gap:18px;height:82px}.roast-wordmark{font-size:39px}.roast-header nav{gap:18px;font-size:12px}.roast-header nav a{gap:8px}.roast-header nav a:last-child{padding:8px 12px}.roast-intro{padding-top:32px;padding-bottom:28px;display:block}.roast-eyebrow{letter-spacing:1.1px;font-size:9px}.roast-intro h1{letter-spacing:-3.8px;margin:15px 0 10px;font-size:clamp(74px,18.3vw,112px)}.roast-subhead{letter-spacing:-.4px;font-size:18px}.roast-subhead span{margin-left:4px;font-size:30px}.roast-intro-aside{margin-top:21px;font-size:13px;line-height:1.7}.roast-intro-aside br:first-child{display:none}.roast-intro-aside strong{max-width:none;margin-top:6px;font-size:12px}.roast-layout{flex-direction:column;gap:42px;padding-top:26px;padding-bottom:32px;display:flex}.roast-composer-section{width:100%;position:static}.roast-wall-section{width:100%}.roast-section-heading{margin-bottom:16px}.roast-section-heading h2{font-size:28px}.roast-section-heading>span{font-size:9px}.roast-composer{border-top-width:17px;padding:22px}.roast-composer textarea{min-height:135px;padding-top:15px;font-size:28px}.roast-message-label>label{font-size:31px}.roast-message-label>span{font-size:11px}.roast-name-row input{font-size:16px}.roast-name-row>label{font-size:24px}.roast-swatches{gap:7px;margin-top:20px}.roast-swatches legend{max-width:80px;font-size:10px}.roast-consent{gap:11px;margin-bottom:12px;font-size:12px}.roast-composer-help{margin-top:18px;font-size:12px;line-height:1.75}.roast-wall-jump{align-items:center;gap:16px;min-height:44px;margin-top:10px;font-size:12px;font-weight:800;display:flex}.roast-wall-intro{font-size:12px}.roast-note-grid{gap:24px;padding-inline:5px}.roast-note{padding:25px;transform:rotate(-1deg)}.roast-note:nth-child(2n){margin-top:0;transform:rotate(1deg)}.roast-note-category{letter-spacing:1.2px;font-size:9px}.roast-note-message{font-size:28px;line-height:1.25}.roast-note>footer{font-size:12px}.roast-note time{font-size:11px}.roast-empty{max-width:none;padding:13px 10px 10px}.roast-first-note{max-width:none;min-height:270px;transform:rotate(-2deg)}.roast-first-note .roast-note-message{font-size:34px}.roast-empty>p{margin:26px 0 0}.roast-sent{min-height:330px}.roast-bottom-line{flex-wrap:wrap;gap:6px 15px;padding-block:23px}.roast-bottom-line>span{font-size:29px}.roast-bottom-line>p{font-size:12px}.roast-bottom-line>a{width:100%;margin-top:4px;margin-left:0;font-size:12px}.roast-footer{grid-template-columns:1fr auto;gap:16px;padding-block:26px;display:grid}.roast-footer>p{grid-area:2/1/auto/-1}.roast-footer nav{grid-area:3/1/auto/-1;gap:28px;margin-left:0;font-size:12px}.roast-footer>span{grid-area:1/2}.roast-review-main{padding-top:32px;padding-bottom:40px}.roast-review-heading{flex-wrap:wrap;gap:18px}.roast-review-heading h1{letter-spacing:-1.7px;margin-top:18px;font-size:47px}.roast-review-heading>div>p:last-child{font-size:13px}.roast-review-heading>.roast-outline-button{margin-top:0}.roast-login{margin-top:30px;padding:24px}.roast-login h2{font-size:29px}.roast-review-controls{gap:10px;margin-top:26px}.roast-review-tabs{flex:1;gap:0}.roast-review-tabs>button{padding:15px 10px;font-size:12px}.roast-review-controls>.roast-refresh{padding-left:5px;font-size:11px}.roast-review-grid{grid-template-columns:1fr;gap:24px}.roast-review-grid .roast-note-message{font-size:28px}.roast-review-empty{padding:36px 20px}.roast-review-empty>h2{font-size:29px}}@media (max-width:360px){.roast-wrap{width:calc(100% - 32px)}.roast-header{gap:14px}.roast-wordmark{font-size:35px}.roast-header nav{gap:10px;font-size:11px}.roast-header nav a:last-child{padding:8px 9px}.roast-header nav a{gap:5px}.roast-intro h1{font-size:72px}.roast-subhead{font-size:16px}.roast-subhead span{font-size:27px}.roast-composer{padding:18px}.roast-swatches{gap:5px}.roast-swatches legend{max-width:54px;padding-top:7px;font-size:10px;line-height:1.5}.roast-swatch{width:44px;height:44px}.roast-name-row{gap:8px}.roast-name-row input{font-size:16px}.roast-note{padding:21px}.roast-review-heading h1{font-size:43px}.roast-review-tabs>button{padding-inline:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.roast-page *,.roast-page :before,.roast-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:360px){.roast-section-heading h2{font-size:25px}.roast-section-heading>span{white-space:nowrap;font-size:8px}}.roast-review-tabs{gap:6px}.roast-review-tabs>button{border:1px solid #0000}.roast-review-tabs>button[aria-selected=true]{background:var(--roast-ink);color:#faf6e9}