:root{--bg: #0a0a0c;--bg-raised: #121216;--bg-card: #16161c;--line: rgba(255, 255, 255, .09);--text: #f4f1ec;--text-dim: rgba(244, 241, 236, .62);--text-faint: rgba(244, 241, 236, .38);--ember: #ff4d00;--ember-hot: #ff8a1e;--ember-soft: rgba(255, 77, 0, .14);--fire-grad: linear-gradient(92deg, #ff2d55 0%, #ff4d00 45%, #ffb347 100%);--radius: 18px;--font-display: "Anton", sans-serif;--font-body: "Archivo", sans-serif;--font-mono: "Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--ember);color:#0a0a0c}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.app-shell{position:relative;min-height:100vh}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#0a0a0cb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.06em;color:var(--text);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px}.logo-flame{filter:drop-shadow(0 0 8px rgba(255,77,0,.8))}.nav-right{display:flex;align-items:center;gap:18px}.nav-tag{color:var(--text-faint)}@media (max-width: 640px){.nav-tag{display:none}}.btn{font-family:var(--font-body);font-weight:700;font-size:1rem;border:none;border-radius:999px;padding:14px 28px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background .18s ease,color .18s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--fire-grad);color:#140700;box-shadow:0 4px 24px #ff4d0059,inset 0 1px #ffffff59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px #ff4d008c,inset 0 1px #ffffff59}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{border-color:#ff8a1e99;color:var(--ember-hot);transform:translateY(-2px)}.btn-danger{background:transparent;color:#ff5f6d;border:1px solid rgba(255,95,109,.45)}.btn-danger:hover{background:#ff5f6d1f;border-color:#ff5f6dcc;transform:translateY(-2px)}.btn-danger:disabled{opacity:.6;cursor:wait;transform:none}.btn-lg{font-size:1.1rem;padding:18px 36px}.btn-sm{font-size:.85rem;padding:10px 20px}.hero{position:relative;min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:60px 24px 90px}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(560px 560px at var(--mx, 50%) var(--my, 40%),rgba(255,77,0,.16),transparent 65%),radial-gradient(900px 480px at 50% 115%,rgba(255,45,85,.14),transparent 70%),radial-gradient(700px 420px at 85% -10%,rgba(255,179,71,.08),transparent 70%)}.hero-embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ember{position:absolute;bottom:-12px;left:calc(6% + var(--i) * 6.5%);width:5px;height:5px;border-radius:50%;background:var(--ember-hot);opacity:0;filter:blur(.5px) drop-shadow(0 0 6px rgba(255,138,30,.9));animation:rise calc(5s + var(--i) * .7s) linear infinite;animation-delay:calc(var(--i) * -1.3s)}@keyframes rise{0%{transform:translateY(0) translate(0) scale(1);opacity:0}8%{opacity:.85}to{transform:translateY(-105vh) translate(calc(30px - var(--i) * 5px)) scale(.2);opacity:0}}.hero-inner{position:relative;max-width:1040px}.hero-kicker{color:var(--ember-hot);margin-bottom:26px}.hero-title{font-family:var(--font-display);font-size:clamp(3.4rem,11vw,8.6rem);line-height:.98;letter-spacing:.01em;text-transform:uppercase}.hero-title .line{display:block}.hero-title .outline{color:transparent;-webkit-text-stroke:2px rgba(244,241,236,.85)}.hero-title .fire,.fire-text{background:var(--fire-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(255,77,0,.35))}.outline-text{color:transparent;-webkit-text-stroke:1.5px rgba(244,241,236,.8)}.hero-sub{max-width:620px;margin:30px auto 0;font-size:1.15rem;line-height:1.65;color:var(--text-dim)}.hero-sub b{color:var(--ember-hot)}.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}.hero-stats{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:54px;color:var(--text-faint)}.hero-stats .dot{font-size:.5rem;color:var(--ember)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:var(--bg-raised);padding:18px 0}.marquee-track{display:flex;gap:42px;width:max-content;animation:marquee 28s linear infinite}.marquee-track span{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.08em;color:var(--text-faint);white-space:nowrap;display:flex;align-items:center;gap:42px}.marquee-track em{font-style:normal;font-size:1rem}@keyframes marquee{to{transform:translate(-50%)}}.section{max-width:1120px;margin:0 auto;padding:110px 24px 20px}.section-title{font-family:var(--font-display);font-size:clamp(2.2rem,5.5vw,4rem);letter-spacing:.02em;text-transform:uppercase;margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.step-card{position:relative;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:34px 28px;overflow:hidden;transition:border-color .25s ease}.step-card:hover{border-color:#ff8a1e80}.step-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(320px 180px at 20% 0%,var(--ember-soft),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.step-card:hover:after{opacity:1}.step-num{position:absolute;top:20px;right:22px;color:var(--text-faint)}.step-emoji{font-size:2.2rem;display:block;margin-bottom:18px}.step-card h3{font-size:1.3rem;font-weight:700;margin-bottom:10px}.step-card p{color:var(--text-dim);line-height:1.6;font-size:.98rem}.sample-card{display:grid;grid-template-columns:300px 1fr;gap:44px;background:var(--bg-card);border:1px solid var(--line);border-radius:24px;padding:44px;align-items:center;background-image:radial-gradient(600px 300px at 0% 0%,var(--ember-soft),transparent 65%)}@media (max-width: 800px){.sample-card{grid-template-columns:1fr}}.sample-left{display:flex;flex-direction:column;align-items:center;gap:8px}.verdict{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.03em;text-align:center;color:var(--ember-hot)}.verdict.big{font-size:1.7rem;margin-top:6px}.crowd-line{display:inline-block;padding:7px 14px;border:1px solid rgba(255,77,0,.38);border-radius:999px;background:var(--ember-soft);color:var(--ember-hot);font-size:.74rem;white-space:nowrap}.sample-roast{font-size:1.12rem;line-height:1.7;color:var(--text-dim);margin-bottom:28px}.sample-roast b,.sample-roast i{color:var(--text)}.metric-row{display:grid;grid-template-columns:170px 1fr 44px;align-items:center;gap:14px;margin-bottom:12px}.metric-name{color:var(--text-dim)}.metric-bar{height:8px;border-radius:999px;background:#ffffff12;overflow:hidden}.metric-fill{height:100%;border-radius:999px;background:hsl(var(--metric-hue, 20),95%,55%);box-shadow:0 0 12px hsla(var(--metric-hue, 20),95%,55%,.5)}.metric-score{text-align:right;color:var(--text-dim)}.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.wall-note{text-align:center;color:var(--text-faint);margin:-18px 0 30px}.quote-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px}.quote-card blockquote{font-size:1.02rem;line-height:1.6;margin-bottom:18px}.quote-card figcaption{color:var(--text-faint);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.quote-perma{color:var(--text-dim);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.quote-perma:hover,.quote-perma:focus-visible{color:var(--ember-hot);border-bottom-color:var(--ember)}.quote-score{color:var(--ember-hot);white-space:nowrap}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:860px;margin:0 auto}.price-card{position:relative;background:var(--bg-card);border:1px solid var(--line);border-radius:24px;padding:40px 34px;display:flex;flex-direction:column;gap:6px}.price-card.premium{border-color:#ff4d008c;background-image:radial-gradient(420px 260px at 50% 0%,var(--ember-soft),transparent 70%);box-shadow:0 0 60px #ff4d001f}.price-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--fire-grad);color:#140700;padding:6px 14px;border-radius:999px;font-weight:700}.price-tier{color:var(--text-faint)}.price{font-family:var(--font-display);font-size:3.4rem;margin:6px 0 16px}.price-sub{font-size:1.1rem;color:var(--text-faint);font-family:var(--font-body)}.price-card ul{list-style:none;margin-bottom:28px;display:flex;flex-direction:column;gap:12px;color:var(--text-dim);line-height:1.5}.price-card .btn{margin-top:auto}.final-cta{text-align:center;padding:130px 24px 150px}.final-title{font-family:var(--font-display);font-size:clamp(3rem,9vw,6.5rem);margin-bottom:18px}.final-cta .hero-sub{margin-bottom:36px}.footer{border-top:1px solid var(--line);padding:30px 24px;background:var(--bg-raised)}.footer-badges{max-width:1120px;margin:0 auto 22px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.footer-badges img{display:block;height:54px;width:auto;opacity:.85;transition:opacity .2s ease}.footer-badges a:hover img{opacity:1}.footer-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--text-faint)}@media (max-width: 700px){.footer-inner{flex-direction:column;text-align:center}}.gauge{position:relative;display:flex;flex-direction:column;align-items:center}.gauge svg{display:block}.gauge-readout{position:absolute;bottom:4px;left:0;right:0;display:flex;flex-direction:column;align-items:center;line-height:1}.gauge-number{font-family:var(--font-display);font-size:3.6rem;text-shadow:0 0 30px currentColor}.gauge-outof{color:var(--text-faint);margin-top:4px}.gauge-label{margin-top:10px;letter-spacing:.18em}.roast-app{position:relative;max-width:1120px;margin:0 auto;padding:70px 24px 120px;min-height:calc(100vh - 200px)}.stage-title{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,5rem);text-align:center;text-transform:uppercase}.stage-sub{text-align:center;color:var(--text-dim);margin-top:14px;font-size:1.08rem}.stage-sub.center,.roast-heading.center{text-align:center}.upload-stage{display:flex;flex-direction:column;align-items:center}.dropzone{margin-top:46px;width:min(640px,100%);border:2px dashed rgba(255,138,30,.4);border-radius:24px;background:var(--bg-card);padding:80px 30px;text-align:center;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease}.dropzone:hover,.dropzone.drag{border-color:var(--ember);background:#1a1712;transform:scale(1.01)}.drop-emoji{font-size:2.6rem;display:block;margin-bottom:20px}.drop-title{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.04em;margin-bottom:10px}.drop-sub{color:var(--text-faint)}.drop-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}.preview-wrap{margin-top:46px;display:flex;flex-direction:column;align-items:center;gap:26px}.preview-wrap img{max-width:min(640px,100%);max-height:420px;border-radius:20px;border:1px solid var(--line);box-shadow:0 20px 60px #00000080}.preview-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.error-text{margin-top:22px;color:#ff6b6b;text-align:center}@keyframes limit-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.limit-card{animation:limit-in .35s ease both;width:min(560px,100%);margin-top:34px;padding:26px 24px 22px;border:1px solid rgba(255,138,30,.34);border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 0%,rgba(255,77,0,.13),transparent 70%),var(--bg-card);text-align:center}.limit-kicker{display:block;color:var(--ember-hot);margin-bottom:12px}.limit-title{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.05;letter-spacing:.01em;text-transform:uppercase}.limit-body{margin:12px auto 0;max-width:42ch;color:var(--text-dim);font-size:.95rem}.limit-clock{display:inline-flex;align-items:baseline;gap:10px;margin-top:20px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--bg-raised)}.limit-clock-label{color:var(--text-faint);font-size:.65rem}.limit-clock-time{color:var(--ember-hot);font-size:1.15rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.limit-share{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.limit-share-line{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase}.limit-share .share-socials{justify-content:center}.limit-foot{margin-top:18px;color:var(--text-faint);font-size:.62rem;line-height:1.7;text-transform:none;letter-spacing:.03em}.missing-id{margin:6px 0 34px;color:var(--text-faint);font-size:.8rem;text-align:center;word-break:break-all}.recent-roasts{width:min(640px,100%);margin-top:48px;padding-top:28px;border-top:1px solid var(--line);text-align:center}.recent-label{display:block;color:var(--text-faint);font-size:.75rem;letter-spacing:.08em;margin-bottom:16px}.recent-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.recent-card{position:relative;width:150px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-card);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.recent-card:hover{border-color:var(--ember);transform:translateY(-3px)}.recent-card img{display:block;width:100%;height:96px;object-fit:cover}.recent-score{display:block;padding:9px 0;color:var(--ember-hot);font-size:.9rem}.recent-paid{position:absolute;top:8px;right:8px;padding:3px 7px;border-radius:999px;background:#0a0a0cd1;color:#7ee787;font-size:.6rem;letter-spacing:.06em}.loading-stage{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.loading-flame{font-size:4.4rem;filter:drop-shadow(0 0 30px rgba(255,77,0,.7))}.loading-line{color:var(--text-dim);font-size:.85rem}.loading-bar{width:min(340px,80vw);height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.loading-bar-fill{width:45%;height:100%;border-radius:999px;background:var(--fire-grad)}.loading-stage:has(.court) .loading-flame{font-size:3rem}.court{width:min(560px,92vw);display:flex;flex-direction:column;gap:18px}.court-head{display:flex;align-items:center;justify-content:space-between;color:var(--text-faint);padding-bottom:12px;border-bottom:1px solid var(--line)}.court-live{display:inline-flex;align-items:center;gap:9px}.court-dot{width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px var(--ember);animation:court-pulse 1.6s ease-in-out infinite}@keyframes court-pulse{0%,to{opacity:1}50%{opacity:.25}}.court-clock{font-variant-numeric:tabular-nums}.court-feed{height:186px;display:flex;flex-direction:column;justify-content:flex-end;gap:13px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 32%);mask-image:linear-gradient(to bottom,transparent 0,#000 32%)}.court-line{display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:baseline;font-size:.92rem;line-height:1.45;color:var(--text-faint);transition:color .45s ease;overflow:hidden;flex:none;animation:court-line-in .4s cubic-bezier(.2,.7,.3,1)}@keyframes court-line-in{0%{max-height:0}to{max-height:5em}}@media (prefers-reduced-motion: reduce){.court-line{animation:none}}.court-line.now{color:var(--text)}.court-who{font-size:.6rem;color:var(--text-faint);text-align:right}.court-who.judge{color:var(--ember-hot)}.court-bar{width:100%;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.court-bar-fill{width:100%;height:100%;border-radius:999px;background:var(--fire-grad);transform-origin:left center;transform:scaleX(0);transition:transform .5s ease-out}@media (max-width: 520px){.court-feed{height:168px;gap:11px}.court-line{grid-template-columns:58px 1fr;gap:10px;font-size:.85rem}.court-who{font-size:.54rem;letter-spacing:.04em}}@media (prefers-reduced-motion: reduce){.court-dot{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-banner{background:#ffb3471a;border:1px solid rgba(255,179,71,.35);color:#ffb347;border-radius:12px;padding:12px 18px;text-align:center;margin-bottom:34px}.result-hero{display:grid;grid-template-columns:340px 1fr;gap:44px;align-items:start}.result-hero>*{min-width:0}@media (max-width: 860px){.result-hero{grid-template-columns:1fr}}.result-gauge-card{background:var(--bg-card);border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column;align-items:center;gap:14px;background-image:radial-gradient(360px 220px at 50% 0%,var(--ember-soft),transparent 70%);position:sticky;top:90px}@media (max-width: 860px){.result-gauge-card{position:static}}.result-intro{margin-bottom:70px}.evidence-hero{position:relative;margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 26px 80px #0000008c}.evidence-zoom{display:block;position:relative;width:100%;padding:0;border:none;background:none;cursor:zoom-in}.evidence-hero img{display:block;width:100%;max-height:min(60vh,580px);object-fit:cover;object-position:center}.evidence-zoom-hint{position:absolute;top:16px;right:16px;background:#0a0a0cc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 15px;color:var(--text-dim);font-size:.72rem;letter-spacing:.08em;display:inline-flex;gap:7px;opacity:0;transition:opacity .2s ease}.evidence-zoom:hover .evidence-zoom-hint,.evidence-zoom:focus-visible .evidence-zoom-hint{opacity:1}.evidence-watermark{position:absolute;bottom:16px;right:16px;text-transform:none;background:#0a0a0cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;color:#f4f1ecd9;font-size:.72rem;letter-spacing:.04em;max-width:calc(100% - 32px);text-align:right;overflow-wrap:anywhere}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#050507e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:40px;cursor:zoom-out}.lightbox-img{display:block;max-width:min(1200px,100%);max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 90px #000000b3;cursor:default}.lightbox-close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:999px;background:#0a0a0ccc;border:1px solid rgba(255,255,255,.16);color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer}.lightbox-close:hover{border-color:#ff8a1e99}.roast-heading{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3rem);margin-bottom:24px;text-transform:uppercase}.roast-para{font-size:1.13rem;line-height:1.75;color:var(--text-dim);margin-bottom:20px}.compliment{margin-top:30px;background:#3ddc8412;border:1px solid rgba(61,220,132,.3);border-radius:16px;padding:22px 24px}.compliment.standalone{margin:70px auto 0;max-width:720px;text-align:center}.compliment.standalone .compliment-tag{margin-bottom:12px}.share-standalone{margin:28px auto 0;max-width:720px}.compliment-tag{color:#3ddc84;display:block;margin-bottom:10px}.compliment p{line-height:1.6;color:var(--text-dim)}.share-block{width:100%;border-top:1px solid var(--line);padding-top:16px;margin-top:4px;display:flex;flex-direction:column;gap:10px}.share-label{color:var(--text-faint)}.share-row{display:flex;align-items:center;gap:8px;background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:8px 8px 8px 14px}.share-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);text-transform:none;letter-spacing:.02em}.share-copy{flex-shrink:0;font-family:var(--font-body);font-weight:700;font-size:.82rem;border:none;border-radius:9px;padding:9px 14px;cursor:pointer;background:var(--fire-grad);color:#140700;transition:transform .15s ease,background .2s ease}.share-copy:hover{transform:translateY(-1px)}.share-copy.done{background:#3ddc84}.share-socials{display:flex;gap:8px;flex-wrap:wrap}.share-social{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;color:var(--text-dim);background:transparent;border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer;text-decoration:none;transition:border-color .2s ease,color .2s ease}.share-social:hover{border-color:#ff8a1e99;color:var(--ember-hot)}.visitor-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:linear-gradient(92deg,#ff2d551f,#ff4d001f);border:1px solid rgba(255,77,0,.45);border-radius:16px;padding:18px 22px;margin-bottom:34px}.visitor-banner p{color:var(--text-dim);font-size:1.05rem;line-height:1.5}.visitor-banner b{color:var(--ember-hot)}.metrics-grid{margin-top:70px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.metric-row.big{display:block;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:0}.metric-head{display:flex;justify-content:space-between;margin-bottom:12px}.metric-row.big .metric-bar{height:10px;margin-bottom:14px}.metric-comment{color:var(--text-dim);font-size:.95rem;line-height:1.5}.premium-section{margin-top:90px}.pack-applied{display:block;width:fit-content;margin:0 auto;padding:5px 13px;border:1px solid rgba(126,231,135,.35);border-radius:999px;background:#7ee78717;color:#7ee787}.premium-content{position:relative;margin-top:40px;border-radius:24px}.premium-content.locked .premium-teaser{filter:blur(14px) saturate(.7);pointer-events:none;-webkit-user-select:none;user-select:none}.premium-teaser{display:flex;flex-direction:column;gap:28px;min-height:420px}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:0 20px}.lock-emoji{font-size:3rem;filter:drop-shadow(0 0 20px rgba(255,138,30,.6))}.lock-overlay p{color:var(--text-dim);font-size:1.05rem;max-width:38ch}.lock-overlay p.lock-crime{font-family:var(--font-display);font-size:clamp(1.5rem,3.4vw,2rem);letter-spacing:.03em;line-height:1.2;color:var(--text);max-width:min(340px,100%)}.lock-overlay p.lock-terms{color:var(--text-faint);font-size:.82rem;line-height:1.6;max-width:46ch}.free-fix{margin-top:40px;padding:22px;border:1px solid rgba(126,231,135,.32);border-radius:20px;background:#3ddc840d}.free-fix-label{display:block;color:#7ee787;margin-bottom:14px;text-align:center}.shop-grid.free{grid-template-columns:minmax(0,300px);justify-content:center}.free-fix-note{display:block;margin-top:14px;text-align:center;color:var(--text-faint);font-size:.82rem}.premium-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;transition:filter .5s ease}@media (max-width: 800px){.premium-grid{grid-template-columns:1fr}}.premium-col-title{color:var(--text-faint);margin-bottom:16px}.premium-card{display:flex;flex-direction:column;gap:6px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:14px;text-decoration:none;color:var(--text);transition:border-color .2s ease,transform .2s ease}.premium-card:hover{border-color:#ff8a1e8c;transform:translateY(-3px)}.premium-card-title{font-weight:700;font-size:1.06rem}.premium-card-sub{color:var(--text-dim);font-size:.94rem;line-height:1.5}.premium-card-link{color:var(--ember-hot);margin-top:8px}.result-actions{margin-top:80px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.delete-confirm{margin:22px auto 0;max-width:520px;text-align:center;background:#ff5f6d12;border:1px solid rgba(255,95,109,.3);border-radius:var(--radius);padding:20px 22px}.delete-confirm p{color:#ff8f99;line-height:1.7;margin-bottom:16px}.delete-note{margin-top:22px;text-align:center;color:var(--text-faint)}.delete-error{margin:22px auto 0;max-width:520px;background:#ff5f6d1a;border-color:#ff5f6d59;color:#ff8f99}.glow-part{margin-top:56px}.glow-part:first-child{margin-top:0}.glow-part-title{font-size:.85rem;color:var(--ember-hot);letter-spacing:.14em}.glow-part-sub{color:var(--text-dim);margin:10px 0 30px;font-size:1.02rem;line-height:1.6}.setup-block{background:var(--bg-card);border:1px solid var(--line);border-radius:24px;padding:30px;margin-bottom:26px;background-image:radial-gradient(500px 220px at 0% 0%,var(--ember-soft),transparent 70%)}.setup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:22px}.setup-index{color:var(--text-faint)}.setup-title{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.03em;margin:6px 0 8px;text-transform:uppercase}.setup-vibe{color:var(--text-dim);line-height:1.55;max-width:560px}.pin-masonry{columns:4;column-gap:14px}@media (max-width: 1000px){.pin-masonry{columns:3}}@media (max-width: 700px){.pin-masonry{columns:2}}.pin-card{position:relative;display:block;break-inside:avoid;margin-bottom:14px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg-raised);color:var(--text);text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s ease,box-shadow .22s ease}.pin-card:hover{transform:translateY(-4px) scale(1.015);border-color:#ff8a1e99;box-shadow:0 14px 40px #0000008c}.pin-card img{display:block;width:100%;height:auto}.pin-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:linear-gradient(180deg,transparent 55%,rgba(5,5,7,.55) 100%);opacity:0;transition:opacity .22s ease}.pin-card:hover .pin-overlay{opacity:1}.pin-open{display:inline-flex;align-items:center;gap:6px;background:#0a0a0cd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 14px;color:var(--text);font-size:.62rem;white-space:nowrap;transform:translateY(6px);transition:transform .22s ease}.pin-card:hover .pin-open{transform:translateY(0)}.pin-skeleton{break-inside:avoid;margin-bottom:14px;border-radius:16px;background:linear-gradient(100deg,#ffffff0d 30%,#ffffff1f,#ffffff0d 70%);background-size:300% 100%;animation:shimmer 1.4s ease infinite}.pin-skeleton.still{animation:none;background:#ffffff12}@keyframes shimmer{to{background-position:-200% 0}}.pin-empty{display:block;padding:26px;border:1px dashed var(--line);border-radius:16px;color:var(--text-dim);text-decoration:none;text-align:center;line-height:1.6}.pin-empty:hover{border-color:#ff8a1e80;color:var(--ember-hot)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.shop-card{display:flex;flex-direction:column;gap:10px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;text-decoration:none;color:var(--text);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.shop-card:hover{border-color:#ff8a1e8c;transform:translateY(-4px);box-shadow:0 14px 40px #0006}.shop-img{display:flex;align-items:center;justify-content:center;height:168px;border-radius:12px;background:#fff;overflow:hidden;margin-bottom:6px}.shop-img img{max-width:100%;max-height:100%;object-fit:contain;padding:12px}.shop-img.placeholder{background:#ffffff0d;font-size:2.4rem}.shop-img.skeleton{background:linear-gradient(100deg,#ffffff0d 30%,#ffffff1f,#ffffff0d 70%);background-size:300% 100%;animation:shimmer 1.4s ease infinite}.shop-num{color:var(--text-faint)}.shop-product{font-weight:700;font-size:1.08rem;line-height:1.35}.shop-reason{color:var(--text-dim);font-size:.94rem;line-height:1.55;flex-grow:1}.shop-cta{color:var(--ember-hot);margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#050507cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(440px,100%);background:var(--bg-card);border:1px solid rgba(255,138,30,.4);border-radius:24px;padding:40px 36px;text-align:center;box-shadow:0 30px 90px #0009,0 0 80px #ff4d0026}.modal-emoji{font-size:2.6rem}.modal h3{font-family:var(--font-display);font-size:1.9rem;letter-spacing:.03em;margin:14px 0 12px}.modal-sub{color:var(--text-dim);line-height:1.6;margin-bottom:26px}.modal-price{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 4px;margin-bottom:26px;color:var(--text-dim)}.modal-pay{width:100%}.modal-samosa{margin:-14px 0 22px;color:var(--text-dim);font-size:.95rem;line-height:1.55}.modal-note{margin-top:16px;color:var(--text-faint)}.modal-error{margin-top:16px;color:#ff6b6b;font-size:.95rem;line-height:1.5}.pack-error{border:1px solid rgba(255,138,30,.4);background:#ff8a1e0f;border-radius:var(--radius);padding:26px;text-align:center}.pack-error p{color:var(--text-dim);line-height:1.6;margin-bottom:18px}@media (max-width: 640px){.roast-app{padding:40px 16px 90px}.result-intro{margin-bottom:52px}.dropzone{padding:52px 20px}.evidence-hero img{max-height:44vh}.evidence-zoom-hint{opacity:1;top:10px;right:10px;padding:7px 10px}.evidence-zoom-label{display:none}.lightbox-backdrop{padding:64px 12px 24px}.lightbox-close{top:12px;right:12px}.evidence-watermark{bottom:10px;right:10px;left:auto;padding:6px 10px;font-size:.62rem;max-width:calc(100% - 20px)}.result-gauge-card{padding:20px 16px}.result-hero{gap:28px}.metrics-grid{margin-top:44px;grid-template-columns:1fr}.premium-section{margin-top:56px}.setup-block{padding:18px;border-radius:18px}.setup-head .btn{width:100%}.visitor-banner{flex-direction:column;align-items:stretch;text-align:center;padding:16px}.result-actions{margin-top:52px;flex-direction:column;align-items:stretch}.modal{padding:30px 22px}.share-socials{justify-content:center}}
