@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/mnemochrome/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0e0e10;--paper:#ece6da;--mute:#7a7670;--accent:#c2185b;--glass-bg:#0e0e108c;--glass-border:#ece6da1a}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden}body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;font-family:Inter Variable,system-ui,sans-serif;font-size:15px}#app{width:100vw;height:100dvh;position:relative}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);border-radius:16px}.wordmark{font-variation-settings:"opsz" 144;letter-spacing:-.02em;color:var(--paper);font-family:Fraunces Variable,Georgia,serif;font-size:52px;font-weight:400;line-height:1}@media (display-mode:standalone){.wordmark{font-size:46px}}.wordmark .o{color:var(--accent)}.wordmark span{opacity:0;animation:.6s cubic-bezier(.2,.85,.25,1) forwards wordmarkLetterIn;display:inline-block;transform:translateY(8px)}@keyframes wordmarkLetterIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wordmark .o.o-breath{animation:4.6s ease-in-out infinite wordmarkOBreath}@keyframes wordmarkOBreath{0%,to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}50%{opacity:1;filter:brightness(1.12);transform:translateY(0)scale(1.06)}}.splash-root{background:var(--ink);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-root .wordmark{text-shadow:0 1px 2px #00000040,0 0 1px #0006;opacity:0;transition-property:text-shadow,opacity;transition-duration:.4s,.3s;transition-timing-function:ease-in,ease-out}.splash-root.is-visible .wordmark{opacity:1}.splash-root.is-washing-out .wordmark{text-shadow:none}.splash-root .wordmark .o.o-splash-pulse{animation:.25s ease-out splashOPulse}@keyframes splashOPulse{0%{text-shadow:0 0 0 var(--accent)}50%{text-shadow:0 0 14px var(--accent)}to{text-shadow:0 0 0 var(--accent)}}@media (prefers-reduced-motion:reduce){.splash-root,.splash-root .wordmark,.splash-root .wordmark .o.o-splash-pulse{transition:none!important;animation:none!important}}.label-micro{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:11px;font-weight:500}.btn-primary{background:var(--accent);color:var(--paper);font:inherit;letter-spacing:.01em;cursor:pointer;border:none;border-radius:14px;min-height:56px;padding:18px 28px;font-size:17px;font-weight:600;transition:transform 80ms,box-shadow .12s,filter .12s;box-shadow:0 8px 24px #c2185b47,inset 0 1px #ffffff0f}.btn-primary:active{filter:brightness(.94);transform:scale(.98);box-shadow:0 4px 14px #c2185b3d}.btn-ghost{color:var(--paper);font:inherit;cursor:pointer;opacity:.85;background:0 0;border:none;padding:14px 20px;font-size:14px;font-weight:500;transition:opacity .12s}.btn-ghost:active{opacity:1}.hue-strip{opacity:.72;background:linear-gradient(90deg,#e83030,#e8e830,#30e830,#30e8e8,#3030e8,#e830e8,#e83030,#e8e830,#30e830) 0%/200% 100%;border-radius:2px;width:200px;height:4px;animation:60s linear infinite hueStripDrift}@keyframes hueStripDrift{0%{background-position:0%}to{background-position:100%}}@media (prefers-reduced-motion:reduce){.wordmark span{opacity:1!important;animation:none!important;transform:none!important}.wordmark .o.o-breath,.hue-strip{animation:none!important}}.reveal-hint{top:calc(56px + env(safe-area-inset-top));text-align:center;font-variation-settings:"opsz" 144;letter-spacing:.005em;color:var(--paper);text-shadow:0 1px 10px #0000006b,0 0 28px #00000038;opacity:0;pointer-events:none;z-index:5;-webkit-font-smoothing:antialiased;padding:0 32px;font-family:Fraunces Variable,Georgia,serif;font-size:19px;font-style:italic;font-weight:400;line-height:1.35;animation:.7s cubic-bezier(.2,.85,.25,1) .22s forwards revealHintIn;position:absolute;left:0;right:0;transform:translateY(-6px)}@keyframes revealHintIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:.95;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal-hint{opacity:.95;transform:none;animation:none!important}}.version-stamp{bottom:calc(8px + env(safe-area-inset-bottom));letter-spacing:.08em;color:var(--mute);opacity:.55;font-feature-settings:"tnum";font-size:10px;position:absolute;right:12px}@keyframes gradeCardEnter{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.grade-card-enter{animation:.32s cubic-bezier(.2,.8,.25,1) both gradeCardEnter}@keyframes gradeCardPulse{0%{border-color:var(--glass-border);transform:translate(-50%,-50%)scale(1);box-shadow:0 12px 32px #0000008c}35%{border-color:#c2185bb3;transform:translate(-50%,-50%)scale(1.045);box-shadow:0 12px 32px #0000008c,0 0 36px 6px #c2185ba6}to{border-color:var(--glass-border);transform:translate(-50%,-50%)scale(1);box-shadow:0 12px 32px #0000008c}}.grade-card-pulse{animation:.62s cubic-bezier(.2,.8,.25,1) gradeCardPulse}@keyframes gradeNumFlare{0%{color:var(--paper);text-shadow:none}18%{color:var(--accent);text-shadow:0 0 36px #c2185be6}60%{color:var(--accent);text-shadow:0 0 18px #c2185b80}to{color:var(--paper);text-shadow:none}}.grade-num-flare{animation:.72s cubic-bezier(.2,.8,.25,1) gradeNumFlare}@media (prefers-reduced-motion:reduce){.grade-card-enter,.grade-card-pulse,.grade-num-flare{animation:none!important}}.shutter-overlay{z-index:1000;pointer-events:none;position:absolute;inset:0}.shutter-bar{will-change:transform;height:50%;animation-fill-mode:both;position:absolute;left:0;right:0}.shutter-bar-top{background:linear-gradient(#16161c 0%,#0a0a0c 100%);animation-name:shutterTop;top:0;transform:translateY(-100%);box-shadow:inset 0 -1px #ece6da47,0 6px 18px #00000080}.shutter-bar-bot{background:linear-gradient(#0a0a0c 0%,#16161c 100%);animation-name:shutterBot;bottom:0;transform:translateY(100%);box-shadow:inset 0 1px #ece6da47,0 -6px 18px #00000080}@keyframes shutterTop{0%{animation-timing-function:cubic-bezier(.55,0,.78,0);transform:translateY(-100%)}20%{animation-timing-function:step-end;transform:translateY(0)}38%{animation-timing-function:linear;transform:translateY(0)}82%{animation-timing-function:step-end;transform:translateY(-100%)}to{transform:translateY(-100%)}}@keyframes shutterBot{0%{animation-timing-function:cubic-bezier(.55,0,.78,0);transform:translateY(100%)}21%{animation-timing-function:step-end;transform:translateY(0)}38%{animation-timing-function:linear;transform:translateY(0)}84%{animation-timing-function:step-end;transform:translateY(100%)}to{transform:translateY(100%)}}.shutter-seam{background:var(--accent);opacity:0;border-radius:2px;height:2px;margin-top:-1px;animation-name:shutterSeam;animation-fill-mode:both;position:absolute;top:50%;left:8%;right:8%;transform:scaleX(0);box-shadow:0 0 18px #c2185bd9,0 0 6px #c2185b}@keyframes shutterSeam{0%,20%{opacity:0;transform:scaleX(0)}24%{opacity:1;transform:scaleX(1)}34%{opacity:.4;transform:scaleX(1)}44%{opacity:0;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.shutter-dot{background:var(--accent);opacity:0;border-radius:50%;width:5px;height:5px;animation-name:shutterDot;animation-timing-function:ease-in-out;animation-fill-mode:both;position:absolute;top:50%;transform:translateY(-50%)scale(0);box-shadow:0 0 12px #c2185be6}.shutter-dot-l{left:38%}.shutter-dot-r{left:58%}@keyframes shutterDot{0%,24%{opacity:0;transform:translateY(-50%)scale(.6)}30%{opacity:1;transform:translateY(-50%)scale(1)}46%{opacity:.9;transform:translateY(-50%)scale(1)}56%{opacity:0;transform:translateY(-50%)scale(.8)}to{opacity:0;transform:translateY(-50%)scale(.8)}}@media (prefers-reduced-motion:reduce){.shutter-overlay{display:none!important}}.pour-overlay{z-index:1000;pointer-events:none;position:absolute;inset:0}.pour-picker{padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(112px + env(safe-area-inset-bottom));z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.pour-pad{border:1px solid #ece6da2e;border-radius:16px;flex:1 1 0;width:100%;max-width:360px;max-height:380px;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000059}.pour-slider{border:1px solid #ece6da2e;border-radius:16px;width:100%;max-width:360px;height:56px;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000059}.pour-reticle,.pour-thumb{border:2px solid var(--paper);outline:1px solid var(--ink);pointer-events:none;z-index:4;will-change:top, left, box-shadow, background;border-radius:50%;transition:top .36s cubic-bezier(.4,0,.2,1),left .36s cubic-bezier(.4,0,.2,1),box-shadow .22s ease-out,background .36s cubic-bezier(.4,0,.2,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073,0 2px 8px #0006}.pour-reticle{width:26px;height:26px}.pour-thumb{width:34px;height:34px;top:50%}.pour-reticle.pour-ignite,.pour-thumb.pour-ignite{box-shadow:0 0 0 1px #00000073,0 0 32px 12px #ffffffd9}.pour-region{z-index:5;pointer-events:none;height:50%;position:absolute;left:0;right:0;overflow:hidden}.pour-region-top{top:0}.pour-region-bot{bottom:0}.pour-disc{will-change:transform;border-radius:50%;width:30px;height:30px;transition:transform 1.1s cubic-bezier(.2,.65,.2,1);position:absolute;transform:translate(-50%,-50%)scale(0)}.pour-disc.pour-grow{transform:translate(-50%,-50%)scale(60)}@media (prefers-reduced-motion:reduce){.pour-overlay{display:none!important}}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:26px}input[type=range]::-webkit-slider-runnable-track{background:#ece6da2e;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--paper);border:2px solid var(--accent);border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 2px 6px #0006}input[type=range]::-moz-range-track{background:#ece6da2e;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:var(--paper);border:2px solid var(--accent);border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0006}