.roast-root{--char-900:#120e10;--blaze:#e23a00;--ember:#c46a00;--hazard:#b08800;--coolant:#2e6e6b;--crem:#7a1400;--bg:#dee2db;--panel:#ecefe8;--panel-2:#e2e6de;--ink:#17151a;--ink-soft:#4a4e49;--rule:#b7bdb3;--bezel:#3a3a38;--stage-bg:#fff;--shadow:0 1px 2px rgba(20,18,14,.16),0 8px 26px -12px rgba(20,18,14,.4);--f-display:"Arial Narrow","Helvetica Neue Condensed","Liberation Sans Narrow","Roboto Condensed",system-ui,sans-serif;--f-body:var(--font-sans),ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--f-mono:var(--font-mono),ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.roast-root *{box-sizing:border-box}@media (prefers-color-scheme:dark){.roast-root{--bg:#120e10;--panel:#1b1418;--panel-2:#221a1e;--ink:#efe7df;--ink-soft:#a2958c;--rule:#3a2c31;--bezel:#0c0809;--stage-bg:#edeae4;--blaze:#ff5a1a;--ember:#ffa425;--hazard:#f2c200;--coolant:#4fa3a0;--crem:#c23a10;--shadow:0 1px 0 hsla(0,0%,100%,.04) inset,0 18px 40px -20px #000}}.dark .roast-root,[data-theme=dark] .roast-root{--bg:#120e10;--panel:#1b1418;--panel-2:#221a1e;--ink:#efe7df;--ink-soft:#a2958c;--rule:#3a2c31;--bezel:#0c0809;--stage-bg:#edeae4;--blaze:#ff5a1a;--ember:#ffa425;--hazard:#f2c200;--coolant:#4fa3a0;--crem:#c23a10;--shadow:0 1px 0 hsla(0,0%,100%,.04) inset,0 18px 40px -20px #000}[data-theme=light] .roast-root{--bg:#dee2db;--panel:#ecefe8;--panel-2:#e2e6de;--ink:#17151a;--ink-soft:#4a4e49;--rule:#b7bdb3;--bezel:#3a3a38;--stage-bg:#fff;--blaze:#e23a00;--ember:#c46a00;--hazard:#b08800;--coolant:#2e6e6b;--crem:#7a1400;--shadow:0 1px 2px rgba(20,18,14,.16),0 8px 26px -12px rgba(20,18,14,.4)}.roast-unit{max-width:1220px;margin:0 auto;padding:clamp(18px,3vw,44px) clamp(14px,3vw,32px) 56px;display:flex;flex-direction:column;gap:22px}.roast-root .plate{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:16px 22px;border-bottom:2px solid var(--ink);padding-bottom:12px}.roast-root .plate-mark{font-family:var(--f-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(27px,5.5vw,58px);line-height:.88;text-wrap:balance;margin:0;color:var(--ink)}.roast-root .plate-mark em{font-style:normal;color:var(--blaze)}.roast-root .plate-sub{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:var(--ink-soft);margin:0 0 6px}.roast-root .serial{font-family:var(--f-mono);font-size:10.5px;line-height:1.7;color:var(--ink-soft);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.roast-root .serial b{color:var(--ink);font-weight:600}@media (max-width:720px){.roast-root .plate{grid-template-columns:1fr}.roast-root .serial{text-align:left}}.roast-root .stripe{height:9px;border-radius:2px;opacity:.85;background:repeating-linear-gradient(-45deg,var(--hazard) 0 13px,transparent 13px 26px)}.roast-root .machine{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:22px;align-items:start}@media (max-width:940px){.roast-root .machine{grid-template-columns:minmax(0,1fr)}}.roast-root .chamber{position:relative;padding-top:170px;margin-top:-170px;pointer-events:none}.roast-root .chamber>*{pointer-events:auto}.roast-root .bezel{position:relative;border-radius:9px;background:var(--bezel);padding:9px;box-shadow:var(--shadow);transform-origin:50% 70%}.roast-root .window{position:relative;border-radius:4px;overflow:hidden;background:var(--stage-bg);aspect-ratio:16/10.4}@media (max-width:600px){.roast-root .window{aspect-ratio:4/3.4}}.roast-root .titlebar{height:34px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#ddd9d2;border-bottom:1px solid #c2bdb4}.roast-root .dots{display:flex;gap:6px;flex:none}.roast-root .dots i{width:10px;height:10px;border-radius:50%;background:#b9b3aa;display:block}.roast-root .omnibox{flex:1;min-width:0;height:20px;border-radius:10px;background:#f2efea;border:1px solid #c9c4bb;display:flex;align-items:center;padding:0 9px;font-family:var(--f-mono);font-size:10.5px;color:#57534c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roast-root .stage{position:absolute;inset:34px 0 0 0;overflow:hidden;background:var(--stage-bg);transition:filter .5s linear}.roast-root .scaler{width:1280px;transform-origin:top left;position:absolute;top:0;left:0}.roast-root .scaler img.shot{display:block;width:1280px;height:auto}.roast-root .empty{position:absolute;inset:34px 0 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(120% 70% at 50% 118%,rgba(226,58,0,.28),transparent 62%),repeating-linear-gradient(90deg,#2a2124 0 6px,#1a1417 6px 26px);color:#b9afa6;text-align:center;padding:20px}.roast-root .empty h3{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.24em;font-size:13px;margin:0;color:#e4d9ce}.roast-root .empty p{margin:0;font-family:var(--f-mono);font-size:11px;color:#9a8f86;max-width:36ch}.roast-root .memo{position:absolute;left:12px;bottom:12px;z-index:4;max-width:min(360px,74%);background:var(--char-900);color:#efe7df;border-left:3px solid var(--hazard);border-radius:3px;padding:8px 11px;font-family:var(--f-mono);font-size:10.5px;line-height:1.5;box-shadow:0 8px 24px -10px rgba(0,0,0,.7);transition:opacity .4s ease}.roast-root .memo b{color:var(--hazard);letter-spacing:.1em;text-transform:uppercase;font-size:9.5px;display:block}.roast-root canvas.fx{position:absolute;left:-7%;top:-170px;width:114%;height:calc(100% + 170px);pointer-events:none;z-index:6}.roast-root .verdict{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%) scale(.94);width:min(430px,86%);background:var(--char-900);color:#f0e7de;border:1px solid rgba(255,140,40,.35);border-radius:6px;padding:22px 24px;text-align:center;box-shadow:0 30px 70px -24px #000;opacity:0;pointer-events:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.3,1)}.roast-root .verdict.on{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.roast-root .verdict .vk{letter-spacing:.26em;font-size:10px;color:#ff8a3c;margin:0 0 8px}.roast-root .verdict .vk,.roast-root .verdict h4{font-family:var(--f-display);text-transform:uppercase}.roast-root .verdict h4{font-size:clamp(26px,4.4vw,38px);line-height:.95;margin:0 0 10px;text-wrap:balance}.roast-root .verdict p{margin:0 0 16px;font-size:13.5px;color:#bcada2;text-wrap:pretty}.roast-root .verdict-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.roast-root .console{display:flex;flex-direction:column;gap:16px;background:var(--panel);border:1px solid var(--rule);border-radius:8px;padding:18px;box-shadow:var(--shadow)}.roast-root .fs{border:0;margin:0;padding:0;min-width:0}.roast-root .lg{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700;color:var(--ink-soft);padding:0 0 8px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%}.roast-root .lg span{font-family:var(--f-mono);letter-spacing:0;font-size:10px;color:var(--ink-soft)}.roast-root .feed{display:flex;gap:8px}.roast-root .feed input{flex:1;min-width:0;font-family:var(--f-mono);font-size:12px;color:var(--ink);background:var(--panel-2);border:1px solid var(--rule);border-radius:4px;padding:10px 11px}.roast-root .feed input::-moz-placeholder{color:var(--ink-soft);opacity:.85}.roast-root .feed input::placeholder{color:var(--ink-soft);opacity:.85}.roast-root .btn:focus-visible,.roast-root .dn:focus-visible,.roast-root .feed input:focus-visible{outline:2px solid var(--blaze);outline-offset:2px}.roast-root .hint{margin:7px 0 0;font-family:var(--f-mono);font-size:10px;color:var(--ink-soft);line-height:1.5}.roast-root .btn{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:12px;border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:4px;padding:10px 15px;cursor:pointer;transition:background .16s ease,color .16s ease,transform .1s ease}.roast-root .btn:hover{background:var(--ink);color:var(--panel)}.roast-root .btn:active{transform:translateY(1px)}.roast-root .btn.cool{border-color:var(--coolant);color:var(--coolant)}.roast-root .btn.cool:hover{background:var(--coolant);color:var(--panel)}.roast-root .btn.ghost{border-color:hsla(0,0%,100%,.28);color:#efe7df}.roast-root .btn.ghost:hover{background:#efe7df;color:var(--char-900)}.roast-root .btn[disabled]{opacity:.34;cursor:not-allowed}.roast-root .btn[disabled]:hover{background:transparent;color:var(--ink)}.roast-root .btn.ghost[disabled]:hover{background:transparent;color:#efe7df}.roast-root .dial{display:flex;flex-direction:column;gap:6px}.roast-root .dn{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:11px;text-align:left;background:var(--panel-2);border:1px solid var(--rule);border-radius:4px;padding:9px 11px;cursor:pointer;color:var(--ink);transition:border-color .16s ease,background .16s ease}.roast-root .dn:hover{border-color:var(--ink-soft)}.roast-root .dn[aria-checked=true]{border-color:var(--blaze);background:color-mix(in srgb,var(--blaze) 9%,var(--panel-2))}.roast-root .pip{display:flex;gap:3px;align-items:flex-end;height:18px}.roast-root .pip i{width:4px;border-radius:1px;background:var(--rule);display:block}.roast-root .pip i:first-child{height:7px}.roast-root .pip i:nth-child(2){height:12px}.roast-root .pip i:nth-child(3){height:18px}.roast-root .pip i.on{background:var(--blaze)}.roast-root .pip.max i.on{background:var(--crem)}.roast-root .dn-name{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.09em;font-weight:700;font-size:13.5px;line-height:1.15;display:block}.roast-root .dn-note{font-size:11.5px;color:var(--ink-soft);line-height:1.35;display:block}.roast-root .dn-temp{font-family:var(--f-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap}.roast-root .dn[aria-checked=true] .dn-temp{color:var(--blaze)}.roast-root .gauge{display:flex;flex-direction:column;gap:6px}.roast-root .gauge-bar{height:12px;border-radius:2px;border:1px solid var(--rule);background:var(--panel-2);overflow:hidden}.roast-root .gauge-fill{height:100%;width:0;background:linear-gradient(90deg,var(--hazard),var(--ember) 46%,var(--blaze));transition:width .28s linear}.roast-root .gauge-read{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.roast-root .gauge-read b{color:var(--ink);font-weight:600}.roast-root .ignite{width:100%;border:0;border-radius:5px;padding:0;cursor:pointer;background:var(--blaze);color:#fff;overflow:hidden;transition:transform .1s ease,filter .16s ease}.roast-root .ignite:hover{filter:brightness(1.09)}.roast-root .ignite:active{transform:translateY(1px)}.roast-root .ignite:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.roast-root .ignite[disabled]{background:var(--rule);color:var(--ink-soft);cursor:not-allowed;filter:none}.roast-root .ignite-top{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.3em;font-weight:700;font-size:19px;padding:15px 10px 14px;display:block}.roast-root .ignite-hz{height:7px;display:block;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.42) 0 9px,transparent 9px 18px)}.roast-root .row{display:flex;gap:8px}.roast-root .row .btn{flex:1}.roast-root .log{height:132px;overflow:auto;background:var(--char-900);border-radius:4px;padding:10px 11px;font-family:var(--f-mono);font-size:10.5px;line-height:1.65;color:#9fd8c4;display:flex;flex-direction:column;gap:2px}.roast-root .log p{margin:0;text-wrap:pretty}.roast-root .log .t{color:#5e6f69}.roast-root .log .warn{color:#ffb84d}.roast-root .log .hot{color:#ff7a3c}.roast-root .reject{position:fixed;z-index:80;left:50%;top:clamp(14px,8vh,84px);transform:translateX(-50%);width:min(440px,calc(100vw - 26px));background:var(--char-900);border-radius:5px;box-shadow:0 26px 62px -22px rgba(0,0,0,.82);overflow:hidden;animation:roast-drop .32s cubic-bezier(.2,.9,.3,1)}@keyframes roast-drop{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}.roast-root .reject-inner{transition:filter .3s linear}.roast-root .reject-hz{display:block;height:7px;background:repeating-linear-gradient(-45deg,var(--hazard) 0 10px,transparent 10px 20px)}.roast-root .reject-body{padding:14px 18px 17px}.roast-root .reject-body b{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.24em;font-size:10px;color:#ff8a3c;display:block;margin-bottom:7px}.roast-root .reject-body p{margin:0;font-size:13.5px;line-height:1.55;color:#e9ded4;text-wrap:pretty}.roast-root .reject-body code{font-family:var(--f-mono);font-size:12.5px;color:#ffc46b;display:inline-block;margin-top:3px;word-break:break-all}.roast-root .reject canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.roast-root .foot{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-top:16px;font-size:13px;color:var(--ink-soft)}.roast-root .foot a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--blaze);padding-bottom:1px}.roast-root .foot a:hover{color:var(--blaze)}.roast-root .toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,14px);background:var(--char-900);color:#f0e7de;font-family:var(--f-mono);font-size:11.5px;padding:9px 15px;border-radius:4px;border-left:3px solid var(--blaze);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:81}.roast-root .toast.on{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.roast-root *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.roast-root .ab{width:1280px;background:#f7f7f5;color:#1b1b20;font-family:var(--f-body);padding-bottom:44px}.roast-root .ab-top{display:flex;align-items:center;gap:11px;padding:17px 98px;background:#fff;border-bottom:1px solid #e8e8e6}.roast-root .ab-logo{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px;letter-spacing:-.02em;flex:none}.roast-root .ab-topname{font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.roast-root .ab-chev{width:9px;height:9px;border-right:2px solid #a5a5a8;border-bottom:2px solid #a5a5a8;transform:rotate(45deg);margin-top:-4px;flex:none}.roast-root .ab-right{margin-left:auto;display:flex;align-items:center;gap:20px}.roast-root .ab-globe{width:19px;height:19px;border-radius:50%;border:1.8px solid #8e8e92;position:relative}.roast-root .ab-globe:after{content:"";position:absolute;inset:-1.8px 4px;border-radius:50%;border:1.8px solid #8e8e92}.roast-root .ab-login{border:1px solid #dcdcda;border-radius:8px;padding:9px 21px;font-size:14px;font-weight:600}.roast-root .ab-wrap{display:grid;grid-template-columns:768px 271px;gap:45px;padding:32px 98px 0;align-items:start}.roast-root .ab-main{background:#fff;border:1px solid #e8e8e6;border-radius:12px;padding:28px 32px 32px}.roast-root .ab-main h1{font-size:26px;font-weight:700;margin:0 0 20px;letter-spacing:-.012em;line-height:1.2;color:#1b1b20}.roast-root .ab-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden}.roast-root .ab-guy{position:absolute;right:7%;bottom:0;width:172px;height:196px}.roast-root .ab-guy:before{top:8px;width:74px;height:74px;border-radius:50%;background:#d8a87c}.roast-root .ab-guy:after,.roast-root .ab-guy:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.roast-root .ab-guy:after{bottom:0;width:164px;height:110px;border-radius:82px 82px 0 0;background:#33405c}.roast-root .ab-hook{position:absolute;left:6%;top:33%;background:#e11d2e;color:#fff;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:36px;line-height:1.05;letter-spacing:.005em;padding:7px 15px;border-radius:3px;transform:rotate(-2.2deg);box-shadow:0 5px 0 rgba(0,0,0,.28)}.roast-root .ab-arrow{position:absolute;left:56%;top:22%;width:0;height:0;border-left:30px solid #ffd400;border-top:19px solid transparent;border-bottom:19px solid transparent;transform:rotate(24deg);filter:drop-shadow(0 3px 0 rgba(0,0,0,.25))}.roast-root .ab-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:56px;border-radius:13px;background:rgba(18,18,20,.74);display:grid;place-items:center}.roast-root .ab-play:after{content:"";border-left:21px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}.roast-root .ab-dur{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.roast-root .ab-strip{display:flex;gap:8px;margin-top:11px}.roast-root .ab-strip i{width:90px;height:62px;border-radius:6px;display:block;position:relative;overflow:hidden;flex:none}.roast-root .ab-strip i:after{content:"";position:absolute;right:6px;bottom:5px;width:0;height:0;border-left:9px solid hsla(0,0%,100%,.9);border-top:6px solid transparent;border-bottom:6px solid transparent}.roast-root .ab-meta{display:flex;align-items:center;gap:25px;margin-top:24px;font-size:15px;color:#26262c;flex-wrap:wrap}.roast-root .ab-meta span{display:flex;align-items:center;gap:8px;white-space:nowrap}.roast-root .ab-meta svg{width:17px;height:17px;flex:none;stroke:#57575e;fill:none;stroke-width:1.9}.roast-root .ab-face{width:19px;height:19px}.roast-root .ab-dot,.roast-root .ab-face{border-radius:50%;flex:none;display:block}.roast-root .ab-dot{width:9px;height:9px;background:#22c55e}.roast-root .ab-lead{font-size:16px;line-height:1.62;color:#26262c;margin:24px 0 0;max-width:60ch}.roast-root .ab-main h2{font-size:17px;font-weight:700;margin:26px 0 12px;color:#1b1b20}.roast-root .ab-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.roast-root .ab-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#3a3a42;line-height:1.45}.roast-root .ab-list i{width:18px;height:18px;border-radius:50%;flex:none;margin-top:1px;display:grid;place-items:center;background:#e9f7ee;position:relative}.roast-root .ab-list i:after{content:"";width:8px;height:4px;border-left:2px solid #17a34a;border-bottom:2px solid #17a34a;transform:rotate(-45deg);margin-top:-2px}.roast-root .ab-side{background:#fff;border:1px solid #e8e8e6;border-radius:12px;overflow:hidden}.roast-root .ab-cover{height:152px;position:relative;overflow:hidden;display:block}.roast-root .ab-covertext{position:absolute;left:14px;top:16px;right:88px;font-family:var(--f-display);font-weight:700;text-transform:uppercase;font-size:29px;line-height:.92;color:#16161a;letter-spacing:-.005em}.roast-root .ab-coverguy{position:absolute;right:-6px;bottom:0;width:96px;height:112px}.roast-root .ab-coverguy:before{top:6px;width:44px;height:44px;border-radius:50%;background:#d8a87c}.roast-root .ab-coverguy:after,.roast-root .ab-coverguy:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.roast-root .ab-coverguy:after{bottom:0;width:92px;height:62px;border-radius:46px 46px 0 0;background:#2b3550}.roast-root .ab-sidebody{padding:15px 17px 17px}.roast-root .ab-sidename{font-weight:700;font-size:17px;margin:0;line-height:1.25;color:#1b1b20}.roast-root .ab-url{font-size:13px;color:#8a8a90;margin:2px 0 9px;word-break:break-all}.roast-root .ab-tag{font-size:14px;color:#26262c;margin:0 0 13px;line-height:1.45}.roast-root .ab-stats{display:flex;border-top:1px solid #efefed;border-bottom:1px solid #efefed;margin-bottom:13px}.roast-root .ab-stat{flex:1;text-align:center;padding:11px 0}.roast-root .ab-stat b{display:block;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:#1b1b20}.roast-root .ab-stat span{font-size:11.5px;color:#8a8a90;white-space:nowrap}.roast-root .ab-was{text-align:center;font-size:12px;color:#9a9a9f;margin:0 0 6px;text-decoration:line-through}.roast-root .ab-join{background:#ffd666;border-radius:8px;padding:14px;text-align:center;font-weight:700;font-size:15px;color:#1b1b20}.roast-root .ab-urgency{text-align:center;font-size:11px;color:#c2410c;margin:8px 0 0;font-weight:600;letter-spacing:.01em}.roast-root .ab-powered{text-align:center;font-size:12px;color:#a2a2a7;margin-top:13px}