:root{--obsidian:#14110c;--beige:#e6dac0;--beige-2:#d8c9a9;--press-hover:#cbbb98;--press-active:#bfae88;--alert:#e2574c;--ease-settle:cubic-bezier(.16, 1, .3, 1);--ease-mass:cubic-bezier(.34, 1.32, .44, 1);--font-display:"Archivo", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-display);color:var(--beige);background-color:var(--obsidian);margin:0;font-size:16px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:3px;outline:2px solid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{background-color:var(--obsidian);min-height:100dvh;color:var(--beige);background-image:repeating-linear-gradient(90deg,#e6dac00b 0 1px,#0000 1px 5.5rem);grid-template-rows:auto minmax(0,1fr) auto;padding-block:clamp(1.5rem,4vw,3rem);padding-inline:clamp(1.25rem,5vw,4rem);display:grid}.wordmark{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:.875rem;font-weight:800}.hero{flex-direction:column;justify-content:center;gap:clamp(1.5rem,4vw,2.5rem);min-height:0;display:flex}.headline{font-family:var(--font-display);letter-spacing:-.035em;max-width:16ch;color:var(--beige);margin:0;font-size:clamp(2.25rem,7vw,4.5rem);font-weight:700;line-height:.95}.plate-form{display:block}.plate{background-color:var(--beige);outline-offset:1px;transform-origin:0;width:100%;max-width:52rem;transition:transform .5s var(--ease-mass), max-width .62s var(--ease-mass);align-items:stretch;display:flex;position:relative;overflow:hidden;transform:scaleY(1)}.plate[data-phase=working]{transform:scaleY(.86)}.plate[data-phase=done]{max-width:24rem;transition:transform .62s var(--ease-mass), max-width .62s var(--ease-mass)}.plate.bounce{animation:plate-bounce .62s var(--ease-settle)}.plate:focus-within{outline:1px solid var(--beige)}@keyframes plate-bounce{0%{transform:translateY(0)scaleY(1)}14%{transform:translateY(.3125rem)scaleY(.9)}38%{transform:translateY(-.75rem)scaleY(1.08)}62%{transform:translateY(0)scaleY(.96)}82%{transform:translateY(-.1875rem)scaleY(1.02)}to{transform:translateY(0)scaleY(1)}}.plate-row{min-width:0;transition:opacity .18s var(--ease-settle);flex:auto;align-items:stretch;display:flex}.plate[data-phase=done] .plate-row{opacity:0;pointer-events:none}.plate-input-wrap{flex:auto;align-items:center;min-width:0;padding-block:clamp(1rem,2.5vw,1.375rem);padding-inline:clamp(1rem,3vw,1.5rem);display:flex}.plate-input{width:100%;min-width:0;color:var(--obsidian);font-family:var(--font-mono);background:0 0;border:0;outline:none;font-size:clamp(.8125rem,2.4vw,1rem);font-weight:400}.plate-input::placeholder{color:#14110c73}.plate-input:focus-visible{outline:none}.submit-btn{border:0;border-left:1px solid var(--obsidian);background-color:var(--beige-2);min-width:2.75rem;min-height:2.75rem;color:var(--obsidian);cursor:pointer;border-top:1px solid #0000;flex:none;justify-content:center;align-items:center;padding-inline:clamp(1.125rem,3vw,1.875rem);transition:background-color .18s linear,border-top-color .18s linear;display:flex}.submit-btn:hover:not(:disabled){background-color:var(--press-hover);border-top-color:#14110c59}.submit-btn:active:not(:disabled){background-color:var(--press-active);transition:transform .16s var(--ease-settle), background-color .16s var(--ease-settle);transform:translateY(.1875rem)scaleY(.94)}.submit-btn:disabled{cursor:default;background-color:var(--beige-2)}.submit-btn:focus-visible{outline:none}.submit-label{font-family:var(--font-display);letter-spacing:-.005em;white-space:nowrap;font-size:.8125rem;font-weight:700}.submit-btn[data-empty=true] .submit-label{color:#14110cb3}.dots{align-items:center;gap:.375rem;display:inline-flex}.dot{background-color:currentColor;width:.25rem;height:.25rem;animation:1s infinite dot-pulse}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.12s}.dot:nth-child(3){animation-delay:.24s}@keyframes dot-pulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(2.2)}}.press-head{background-color:var(--obsidian);opacity:.14;pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:0}.plate[data-phase=working] .press-head{animation:.85s cubic-bezier(.65,0,.35,1) forwards press-sweep}@keyframes press-sweep{0%{width:0}to{width:100%}}.plate-result{color:var(--obsidian);font-family:var(--font-mono);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-settle);background:0 0;border:0;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,1.5rem);padding-block:clamp(1rem,2.5vw,1.375rem);padding-inline:clamp(1rem,3vw,1.5rem);display:flex;position:absolute;inset:0}.plate[data-phase=done] .plate-result{opacity:1;pointer-events:auto;transition:opacity .18s var(--ease-settle) .22s}.plate-result:focus-visible{outline:none}.result-link{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.875rem,2.6vw,1.0625rem);font-weight:500;overflow:hidden}.result-meta{letter-spacing:.08em;opacity:.45;flex:none;font-size:.625rem;font-weight:400}.action-row{opacity:0;transition:opacity .28s var(--ease-settle) .34s, transform .44s var(--ease-mass) .34s;flex-wrap:wrap;align-items:center;gap:.75rem clamp(1rem,3vw,1.5rem);display:flex;transform:translateY(-.375rem)}.page[data-phase=done] .action-row{opacity:1;transform:translateY(0)}.page[data-phase=error] .action-row{opacity:1;transition:none;transform:translateY(0)}.ghost-btn{color:var(--beige);font-family:var(--font-display);cursor:pointer;visibility:hidden;background:0 0;border:1px solid #e6dac066;order:1;padding:.5625rem clamp(.875rem,2.5vw,1.125rem);font-size:.8125rem;font-weight:600;transition:background-color .18s linear,color .18s linear}.page[data-phase=done] .ghost-btn{visibility:visible}.ghost-btn:hover{background-color:var(--beige);color:var(--obsidian)}.ghost-btn:focus-visible{outline-offset:3px;outline:2px solid}.hint{font-family:var(--font-mono);opacity:.45;visibility:hidden;order:2;font-size:.6875rem}.page[data-phase=done] .hint{visibility:visible}.error-msg{font-family:var(--font-mono);color:var(--alert);opacity:1;order:3;font-size:.6875rem}.footer{font-family:var(--font-mono);color:var(--beige);opacity:.45;margin:0;font-size:.6875rem}@media (prefers-reduced-motion:reduce){.submit-btn:active:not(:disabled){transform:none}}@media (width<=400px){.plate:focus-within{outline:none}.plate-input-wrap,.plate-result{padding-block:.75rem;padding-inline:.875rem}.submit-btn{padding-inline:.875rem}}@media (width>=1600px) and (width<=1919px){.wordmark{font-size:clamp(.9375rem,.9375vw,1.125rem)}.footer,.error-msg{font-size:clamp(.78rem,.78vw,.9375rem)}}@media (width>=1920px) and (width<=2559px){.wordmark{font-size:clamp(1.125rem,.9375vw,1.5rem)}.footer,.error-msg{font-size:clamp(.9375rem,.78vw,1.25rem)}}@media (width>=2560px){.wordmark{font-size:clamp(1.5rem,.9375vw,2.25rem)}.headline{font-size:clamp(6rem,3.75vw,9rem)}.plate-input{font-size:clamp(1.25rem,.78vw,1.75rem)}.submit-label,.ghost-btn{font-size:clamp(1rem,.625vw,1.375rem)}.result-link{font-size:clamp(1.375rem,.86vw,1.875rem)}.result-meta{font-size:clamp(.8125rem,.51vw,1.125rem)}.hint{font-size:clamp(1rem,.625vw,1.5rem)}.footer,.error-msg{font-size:clamp(1.25rem,.78vw,1.875rem)}.plate{max-width:clamp(60rem,37.5vw,90rem)}.plate-input-wrap,.plate-result{padding-block:clamp(1.75rem,1.09vw,2.625rem);padding-inline:clamp(2rem,1.25vw,3rem)}.submit-btn{min-width:clamp(3.5rem,2.19vw,5.25rem);min-height:clamp(3.5rem,2.19vw,5.25rem);padding-inline:clamp(2.25rem,1.41vw,3.375rem)}}