@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fredoka:wght@500;600&display=swap";@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Editorial New;src:url(/fonts/PPEditorialNew-Ultralight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}:root{color-scheme:light dark;--color-bg: #fff7f0;--color-text: #2a1c14;--color-muted: rgba(42, 28, 20, .64);--color-primary: #ff7f50;--color-primary-dark: #d45a33;--color-dark: #16161d;--color-gold: #f7d77b;--color-coral: #ff9a8b;--color-table: #d6b089;--radius-xl: 28px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}@media(min-width:768px){body{background-color:#000;display:flex;justify-content:center;align-items:center;min-height:100vh}}#root{min-height:100vh;height:100vh;height:100dvh;overflow-x:hidden}@media(min-width:768px){#root{width:393px!important;height:852px!important;max-width:393px!important;max-height:852px!important;min-width:393px!important;min-height:852px!important;margin:0 auto;box-shadow:0 0 40px #00000080;position:relative;overflow:hidden}.screen-shell,.screen-shell--splash,.screen-shell--upload,.screen-shell--loading,.screen-shell--result{width:393px!important;height:852px!important;min-width:393px!important;min-height:852px!important;max-width:393px!important;max-height:852px!important}.splash__container,.upload-screen,.loading-screen,.result-screen{width:393px!important;height:852px!important}.loading-screen__scrim,.result-screen__scrim{position:absolute!important}}img{max-width:100%;display:block}.screen-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center}.screen-shell--padded{padding:2.5rem 1.5rem 3rem}.screen-shell--splash{background-image:url(/assets/splash-1.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1a3a2e;position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow:hidden}.screen-shell--upload{background-image:url(/assets/upload-2.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow:hidden}.screen-shell--upload:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:0}.screen-shell--upload>*{position:relative;z-index:1}.screen-shell--table{background-image:url(/assets/upload-bg.png);background-size:cover}.screen-shell--loading{background-color:#1a1a1a;position:relative;overflow:hidden}.loading__video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);z-index:0;object-fit:cover;background:#1a1a1a;display:block}.screen-shell--dark{background-color:var(--color-dark);color:#fff}.screen-shell--result{background-color:#1a1a1a;position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow:hidden}.screen-shell--canvas{background-color:var(--color-bg)}.splash__container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:3rem 1.5rem calc(2.5rem + 32px);position:relative;z-index:1;overflow:hidden}.splash__title{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:2rem;text-align:center}.splash__title-word{font-family:PP Editorial New,serif;line-height:1;display:block}.splash__title-word--roast{font-weight:400;font-size:7rem;color:#dc2626;margin:0}.splash__title-word--my{font-weight:200;font-size:2.5rem;color:#fff;margin:.25rem 0}.splash__title-word--plate{font-weight:400;font-size:7rem;color:#dc2626;margin:0}.splash__begin-button{width:100%;height:96px;padding:0;background:#dc2626;color:#fff;border:none;border-radius:0;font-size:1.25rem;font-weight:200;font-family:PP Editorial New,serif;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .15s ease;box-shadow:0 4px 12px #dc26264d}.splash__begin-button:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.splash__begin-button:active{transform:translateY(0)}.primary-button{width:100%;border:none;border-radius:0;padding:1rem 1.5rem;font-size:1.25rem;font-weight:200;text-transform:uppercase;letter-spacing:0;font-family:PP Editorial New,serif;background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc26264d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;height:96px}.primary-button:hover:not(:disabled),.primary-button:focus-visible:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #dc26264d}.primary-button--disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.primary-button--ghost{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;box-shadow:0 4px 12px #0003}.plate-upload{display:flex;justify-content:center;width:100%}.plate-upload__surface{width:min(420px,85vw);height:min(420px,85vw);border-radius:50%;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;cursor:pointer;transition:transform .2s ease;position:relative}.plate-upload__surface:hover{transform:scale(1.02)}.plate-upload__surface:active{transform:scale(.98)}.plate-upload__empty{width:100%;height:100%;border-radius:50%;background:#e8e8e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem}.plate-upload__preview{width:100%;height:100%;border-radius:50%;overflow:hidden;background:#e8e8e8;display:flex;align-items:center;justify-content:center}.plate-upload__image{width:100%;height:100%;object-fit:cover;border-radius:50%}.plate-upload__camera-icon{width:48px;height:48px;color:#b0b0b0;stroke-width:1.5}.plate-upload__prompt{font-size:.875rem;letter-spacing:.02em;text-transform:lowercase;color:#b0b0b0;font-family:Space Grotesk,sans-serif;font-weight:500}.plate-upload__input{display:none}.upload-screen{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;padding:0 1.5rem;position:relative;overflow:hidden}.upload-screen__header{position:absolute;top:3rem;left:50%;transform:translate(-50%);text-align:center;z-index:1;transition:transform .5s ease-out;display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-screen__header--slide-up{transform:translate(-50%) translateY(-200%)}.upload-screen__header-text{margin:0;font-family:PP Editorial New,serif;font-size:clamp(4.5rem,8vw,5.125rem);font-weight:200;text-transform:uppercase;letter-spacing:0;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.1}.upload-screen__header-word--submit{color:#fff}.upload-screen__header-word--dish{color:#dc2626}.upload-screen__subheader-text{margin:0;font-family:PP Editorial New,serif;font-size:1.625rem;font-weight:200;color:#fffffff2;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 8px rgba(0,0,0,.5);position:relative}.upload-screen__subheader-text:before,.upload-screen__subheader-text:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:60px;height:1px;background:#fff9}.upload-screen__subheader-text:before{top:-.5rem}.upload-screen__subheader-text:after{bottom:-.5rem}.upload-screen__plate{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;margin-top:calc(3rem + 24px);gap:1rem}.upload-screen__chef-review{font-family:PP Editorial New,serif;font-size:clamp(1.5rem,2.5vw,1.25rem);font-weight:200;color:#ffffffe6;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 2px 8px rgba(0,0,0,.5);margin:0;margin-top:-.25rem;text-align:center;white-space:nowrap}.upload-screen__subheader{position:absolute;bottom:8rem;left:50%;transform:translate(-50%);text-align:center;z-index:1;transition:transform .5s ease-out;width:100%;padding:0 1.5rem}.upload-screen__subheader--slide-down{transform:translate(-50%) translateY(200%)}.upload-screen__footer{position:absolute;bottom:calc(2rem + 32px);left:50%;transform:translate(-50%);z-index:1;width:calc(100% - 3rem);max-width:100%;transition:transform .5s ease-out}.upload-screen__footer--slide-down{transform:translate(-50%) translateY(200%)}.upload-screen__roast-button{width:100%;height:96px;padding:0;background:#dc2626;color:#fff;border:none;border-radius:0;font-size:1.25rem;font-weight:200;font-family:PP Editorial New,serif;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .15s ease;box-shadow:0 4px 12px #dc26264d}.upload-screen__roast-button:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.upload-screen__roast-button:active{transform:translateY(0)}.loading-screen{width:100%;height:100vh;height:100dvh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.75rem;color:#fff;position:relative;z-index:1;padding:2rem 1.5rem 0}.loading-screen__scrim{position:fixed;inset:0;background:linear-gradient(to bottom,#0006,#00000080,#000000d9);z-index:1}.loading-screen__text{font-family:PP Editorial New,serif;font-size:2rem;font-weight:200;color:#fff;text-align:center;margin:0;margin-top:2rem;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.3;text-transform:uppercase;letter-spacing:0;position:relative;z-index:2;max-width:90%}.loading-screen__plate{width:min(420px,85vw);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0006;position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:2}.loading-screen__plate img{width:100%;height:100%;object-fit:cover;border-radius:50%}.loading-screen__progress-container{position:absolute;bottom:calc(8px + min(420px,85vw) + 1.5rem);left:50%;transform:translate(-50%);width:calc(100% - 3rem);max-width:400px;z-index:3}.loading-screen__progress-bar{width:100%;height:24px;background:#00000080;border:3px solid #fff;position:relative;box-shadow:inset 0 0 0 2px #000,0 0 0 2px #000}.loading-screen__progress-fill{height:100%;background:#dc2626;border-right:3px solid #fff;box-shadow:inset 0 0 0 2px #000,0 0 0 2px #000;transition:width .1s linear;position:relative}.loading-screen__progress-fill:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(255,255,255,.1) 8px,rgba(255,255,255,.1) 16px)}.loading-screen__actions{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:calc(100% - 3rem);max-width:400px;display:flex;flex-direction:column;gap:1rem;z-index:100}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.roast-card{background:#fff;padding:1.5rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px #00000014;color:var(--color-text)}.roast-card--gold{border:2px solid var(--color-gold)}.roast-card--coral{border:2px solid var(--color-coral)}.roast-card__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--color-muted)}.roast-card__heading{margin:.5rem 0 1rem;font-size:1.35rem}.roast-card__body{margin:0;line-height:1.5}.result-screen{width:100%;height:100vh;height:100dvh;position:fixed;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.result-screen__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0006,#000000b3);z-index:1}.result-screen__content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;padding:0 1.5rem;overflow:visible}.result-screen__top-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;z-index:10;width:100%}.result-screen__logo{width:200px;height:auto;object-fit:contain;flex:0 0 auto;position:relative;z-index:1;pointer-events:none}.result-screen__new-button{height:56px;padding:0 1.5rem;border:none;border-radius:0;background:#fff;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease;flex-shrink:0;position:relative;z-index:2;font-size:1.25rem;font-weight:200;font-family:PP Editorial New,serif;letter-spacing:0;text-transform:uppercase;box-shadow:0 4px 12px #0003}.result-screen__new-button:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.result-screen__new-button:active{transform:translateY(0)}.result-screen__roast-section{position:absolute;top:15%;left:1.5rem;right:1.5rem;z-index:3;text-align:left}.result-screen__rating{font-family:PP Editorial New,serif;font-size:3rem;font-weight:700;color:#dc2626;margin:0 0 .5rem;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.5)}.result-screen__roast-text{font-family:PP Editorial New,serif;font-size:1.5rem;font-weight:200;color:#fff;margin:0;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:0}.result-screen__plate{width:min(420px,85vw);height:min(420px,85vw);aspect-ratio:1;border-radius:50%;overflow:hidden;position:absolute;bottom:calc(96px + 2.5rem);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006;flex-shrink:0;z-index:3}@media(max-height:900px){.result-screen__plate{bottom:calc(76px + 2.5rem)}}.result-screen__plate img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.result-screen__bottom-ctas{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;z-index:10}.result-screen__share-button{width:100%;height:56px;padding:0;background:#dc2626;color:#fff;border:none;border-radius:0;font-size:1.25rem;font-weight:200;font-family:PP Editorial New,serif;letter-spacing:0;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .15s ease;box-shadow:0 4px 12px #dc26264d}.result-screen__share-button:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.result-screen__share-button:active{transform:translateY(0)}.result-screen__actions{display:flex;flex-direction:column;gap:1rem}.result-screen__status{margin:-.5rem 0 0;font-size:.9rem;color:var(--color-muted)}.camera-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.camera-modal__overlay{position:absolute;inset:0;background:#000000e6}.camera-modal__container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-modal__video{width:100%;height:100%;object-fit:cover}.camera-modal__canvas{display:none}.camera-modal__guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.camera-modal__guide-circle{border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 9999px #00000080,0 0 20px #ffffff4d;position:relative}.camera-modal__guide-circle:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.camera-modal__controls{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:20;width:min(90%,400px);justify-content:center}.camera-modal__button{flex:1;padding:1rem 1.5rem;border:none;border-radius:8px;font-size:1.25rem;font-weight:200;font-family:PP Editorial New,serif;cursor:pointer;transition:transform .15s ease,opacity .15s ease;text-transform:uppercase;letter-spacing:0;height:96px}.camera-modal__button--primary{background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc26264d}.camera-modal__button--primary:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.camera-modal__button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #dc26264d}.camera-modal__button--primary:disabled{opacity:.6;cursor:not-allowed}.camera-modal__button--secondary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-modal__button--secondary:hover{background:#ffffff4d;transform:translateY(-1px)}.camera-modal__button--secondary:active{transform:translateY(0)}.camera-modal__close{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:background .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-modal__close:hover{background:#000000b3}.camera-modal__error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:1.5rem 2rem;border-radius:12px;text-align:center;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-modal__error p{margin:0;font-size:1rem}.camera-modal__file-input{display:none}@media(min-width:768px){.screen-shell--padded{padding:3rem}.result-screen__actions{flex-direction:row}.result-screen__actions .primary-button{flex:1}}