@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";:root{--surface: #131313;--surface-low: #1c1b1b;--surface-container: #201f1f;--surface-high: #2a2a2a;--surface-bright: rgba(57, 57, 57, .4);--on-surface: #e5e2e1;--outline-ghost: rgba(96, 62, 57, .15);--brand-color: #8f9bb3}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--surface);color:var(--on-surface)}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--on-surface);transition:background-color .6s ease;position:relative;padding:28px;overflow:hidden}.noise-overlay,.scanline-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.noise-overlay{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E")}.scanline-overlay{background-image:repeating-linear-gradient(to bottom,rgba(229,226,225,.02) 0,rgba(229,226,225,.02) 1px,transparent 1px,transparent 2px);opacity:.28}.content-wrapper{z-index:2;width:100%;max-width:1060px}.site-shell{background:radial-gradient(circle at 72% 0%,color-mix(in srgb,var(--brand-color) 18%,transparent) 0%,transparent 46%),linear-gradient(145deg,#171616,#121212 55%,#111);border-radius:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 32px 72px #00000080,0 0 64px color-mix(in srgb,var(--brand-color) 6%,transparent);padding:clamp(24px,4vw,40px)}.hero-header{text-align:center;margin-bottom:64px}.eyebrow{display:inline-block;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;opacity:.86;background:var(--surface-bright);border-radius:999px;padding:9px 16px;font-weight:600}.logo-text{font-family:Space Grotesk,sans-serif;font-size:clamp(2.7rem,7vw,5.4rem);line-height:.95;font-weight:700;margin:14px 0 18px;text-wrap:balance}.subtitle{opacity:.9;max-width:660px;margin:0 auto;font-size:clamp(1.05rem,2.6vw,2rem);font-weight:500}.feature-strip{margin:0 auto 34px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.feature-strip span{padding:8px 12px;border-radius:999px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;background:#2a2929;color:#c8c4c3}.grid-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand-card{background:linear-gradient(160deg,#252323,#1f1e1e);border-radius:18px;min-height:194px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;color:var(--on-surface);cursor:pointer;padding:24px}.brand-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-color) 30%,transparent),0 18px 42px #00000059}.brand-card.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(1)}.brand-name{font-family:Space Grotesk,sans-serif;font-size:1.9rem;font-weight:600}.brand-cta,.tag-soon{font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.input-stage{display:grid;gap:20px}.style-panel{background:var(--surface-container);border-radius:18px;padding:20px}.style-panel h3{margin:0 0 14px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.style-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.style-option{text-align:left;background:#2a2929;color:var(--on-surface);border:none;border-radius:14px;padding:16px;cursor:pointer;display:grid;gap:8px;transition:transform .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out}.style-option:hover{transform:translateY(-2px)}.style-option.active{background:color-mix(in srgb,var(--brand-color) 22%,#252424);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-color) 24%,transparent),0 0 48px color-mix(in srgb,var(--brand-color) 8%,transparent)}.style-option small{opacity:.74;font-size:.8rem}.style-label{display:inline-flex;align-items:center;gap:7px;font-weight:600}.roast-form{position:relative}.input-group{position:relative;display:flex;align-items:center}.input-label{position:absolute;left:16px;top:8px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;opacity:.65}.grand-input{width:100%;padding:28px 70px 14px 20px;font-size:1.15rem;background:#151515;border:none;border-radius:14px;color:var(--on-surface);outline:none;font-family:Space Grotesk,monospace}.grand-input::placeholder{color:#726e6d}.grand-input:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-color) 26%,transparent),0 0 42px color-mix(in srgb,var(--brand-color) 14%,transparent)}.submit-btn{position:absolute;right:8px;width:48px;height:48px;border:none;border-radius:12px;color:#111;cursor:pointer}.error-msg{color:#ffb4a8;margin-top:10px;font-size:.9rem;text-align:center}.roast-card{background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--brand-color) 15%,transparent) 0%,transparent 50%),#111;border-radius:16px;padding:clamp(18px,2vw,30px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-color) 20%,transparent),0 0 64px #ffdad40f}.roast-meta{margin:0 0 12px;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;opacity:.76}.roast-text{font-family:Inter,sans-serif;font-size:clamp(1.05rem,2.8vw,1.8rem);line-height:1.5;margin:0}.roast-actions{display:flex;justify-content:flex-end;margin-top:14px}.icon-btn,.back-btn{background:none;border:none;color:#b8b3b2;cursor:pointer}.icon-btn:hover,.back-btn:hover{color:var(--on-surface)}.back-btn{display:flex;align-items:center;gap:8px;justify-content:center;margin-inline:auto;padding:14px 24px;border-radius:12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;background:var(--surface-high)}.auth-screen{background:radial-gradient(circle at 52% 40%,rgba(255,84,64,.13),transparent 50%),#0e0e0e!important}.auth-card{background:#131313cc;padding:44px 40px;border-radius:0;text-align:center;width:100%;max-width:480px;z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-eyebrow{margin-bottom:14px}.lock-icon{width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;background:radial-gradient(circle,#ffb4a838,#ffb4a800)}.auth-title{color:var(--on-surface);font-family:Space Grotesk,sans-serif;margin:0 0 8px;text-transform:uppercase;font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.auth-subtitle{color:#9b9594;margin-bottom:24px;font-size:1.12rem}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input{width:100%;background:#080808;border:none;padding:20px 18px;color:var(--on-surface);font-size:1rem;border-radius:12px;text-align:left;font-family:Space Grotesk,sans-serif}.auth-btn{position:absolute;right:8px;background:#ffb4a8;border:none;color:#231616;width:42px;height:42px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-out,opacity .2s ease-out}.auth-btn:hover:not(:disabled){transform:translate(2px)}.auth-btn:disabled{opacity:.65;cursor:not-allowed}.auth-error{color:#ffb4a8;margin-top:15px;font-size:.85rem}.logout-btn{position:absolute;top:20px;right:20px;background:#131313b8;border:none;color:#bdb7b6;padding:10px 16px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:8px;z-index:10;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;transition:all .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logout-btn:hover{color:var(--on-surface);background:#272727e0}@media(max-width:920px){.grid-menu,.style-grid{grid-template-columns:1fr}.site-shell{border-radius:22px;padding:22px}.hero-header{margin-bottom:42px}}