@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/roboto-latin-800-normal-B5v1chiC.woff2)format("woff2"),url(/assets/roboto-latin-800-normal-D3HpXfg9.woff)format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/roboto-latin-900-normal-lk0O8k6m.woff2)format("woff2"),url(/assets/roboto-latin-900-normal-F72S18P8.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--ink:#111;--muted:#dcdcdc;--field:#ededed;--flower:#f0f0f0;--highlight:#efff00;font-synthesis:none;font-family:Roboto,Arial,system-ui,sans-serif}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101010;--ink:#f5f5f5;--muted:#3c3c3c;--field:#242424;--flower:#1c1c1c}:root[data-highlight=blue]{--highlight:#00eaff}:root[data-highlight=green]{--highlight:#00ff3c}:root[data-highlight=yellow]{--highlight:#efff00}:root[data-highlight=orange]{--highlight:#ff7a00}:root[data-highlight=pink]{--highlight:#ff00c8}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--ink)}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{height:100dvh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:clamp(4.5rem,12dvh,8rem) 1fr clamp(5rem,14dvh,8.5rem);display:grid}.header,.footer{justify-content:space-between;align-items:center;padding-inline:clamp(1.25rem,4vw,3.5rem);display:flex}.header{align-items:flex-end;padding-bottom:.2rem}.footer{align-items:flex-end;padding-bottom:clamp(1.15rem,3.5vh,2.75rem)}.glyph-button{cursor:pointer;background:0 0;border:0;width:2.75rem;height:2.75rem;padding:0;font-size:2.2rem;font-weight:800;line-height:1}.glyph-button:active,.flower-link:active{opacity:.6;font-weight:900}.reset{padding-bottom:.35rem}.calculator{gap:clamp(.7rem,2.3dvh,1.5rem);width:min(88vw,54rem);margin:auto;display:grid}.field-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(.7rem,2vw,1.5rem);font-size:clamp(2.25rem,8vw,6.8rem);font-weight:800;line-height:.95;display:grid}.of-row,.result-row{grid-template-columns:auto minmax(0,1fr)}.field-row input{background:var(--field);text-align:center;width:100%;min-width:0;height:clamp(3.7rem,13dvh,8.2rem);min-height:1.2em;font-size:inherit;font-variant-numeric:tabular-nums;caret-color:var(--ink);touch-action:manipulation;border:0;border-radius:clamp(1rem,2.25vw,1.85rem);outline:0;padding:.08em .18em;font-weight:800;line-height:1}.field-row.is-answer input{background:var(--highlight);color:#090909;font-size:clamp(2.65rem,9.2vw,7.8rem);font-weight:900}.field-row strong{letter-spacing:-.05em}.flower-link{width:clamp(1.8rem,4vw,3.1rem);height:clamp(1.8rem,4vw,3.1rem);color:var(--flower);display:block}.flower-link svg{fill:currentColor;width:100%;height:100%;display:block}.highlight-control{position:relative}.picker-button{z-index:2;position:relative}.swatches{background:var(--bg);border:2px solid var(--ink);visibility:hidden;opacity:0;flex-direction:column-reverse;gap:.6rem;padding:.65rem .5rem;display:flex;position:absolute;bottom:3rem;right:.25rem}.swatches[data-open=true]{visibility:visible;opacity:1}.swatch{border:2px solid var(--ink);cursor:pointer;border-radius:50%;width:1.25rem;height:1.25rem;padding:0}.swatch[aria-pressed=true]{border-width:3px}.swatch-blue{background:#00eaff}.swatch-green{background:#00ff3c}.swatch-yellow{background:#efff00}.swatch-orange{background:#ff7a00}.swatch-pink{background:#ff00c8}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.update-notice{z-index:30;right:calc(env(safe-area-inset-right) + 1rem);bottom:calc(env(safe-area-inset-bottom) + clamp(5rem, 14dvh, 8.5rem) + .75rem);width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 2rem), 31rem);border:2px solid var(--ink);background:var(--bg);color:var(--ink);box-shadow:0 .35rem 0 var(--ink);border-radius:1.15rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.65rem;padding:.75rem .8rem .75rem .95rem;display:grid;position:fixed}.update-flower{width:1.625rem;height:1.625rem;color:var(--ink);fill:currentColor}.update-copy{min-width:0;line-height:1.15}.update-copy strong{font-size:1rem;font-weight:900}.update-action{border:2px solid var(--ink);background:var(--ink);min-height:2.75rem;color:var(--bg);cursor:pointer;border-radius:.75rem;padding:.55rem .85rem;font-weight:900;line-height:1}.update-action:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.update-action:active{transform:translateY(1px)}.update-action:disabled{cursor:wait;opacity:.72}.answer-view{z-index:20;background:var(--bg);cursor:pointer;place-items:center;padding:clamp(1.25rem,5vw,4rem);display:grid;position:fixed;inset:0}.answer-view-value{background:var(--highlight);color:#090909;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;cursor:pointer;border-radius:clamp(.8rem,2vw,1.6rem);width:fit-content;max-width:100%;padding:.08em .16em;font-size:clamp(4rem,17vw,13rem);font-weight:900;line-height:1;display:block;overflow:hidden}@media (width<=460px){.calculator{width:calc(100vw - 2.5rem)}.field-row{font-size:clamp(2rem,12vw,3.3rem)}.field-row input{font-size:inherit}.field-row.is-answer input{font-size:clamp(2.35rem,13vw,3.8rem)}.update-notice{left:calc(env(safe-area-inset-left) + 1rem);right:calc(env(safe-area-inset-right) + 1rem);width:auto}}@media (height<=580px){.app-shell{grid-template-rows:3.25rem 1fr 3.75rem}.header{padding-bottom:0}.footer{padding-bottom:.6rem}.calculator{gap:.42rem}.field-row input{height:clamp(2.8rem,15dvh,4.6rem)}.glyph-button{width:2.2rem;height:2.2rem;font-size:1.8rem}.update-notice{bottom:calc(env(safe-area-inset-bottom) + 3.75rem + .5rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.update-action:active{transform:none}}