@font-face{font-family:Switzer;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/switzer-variable.ttf)format("truetype")}:root{--page-bg:#fff;--ink:#202124;--muted:#72757b;--placeholder:#a6abb4;--accent:#0167ff;color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Switzer,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:#fff;background:var(--accent)}.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}.page{justify-content:center;align-items:center;min-height:100dvh;padding:32px;display:flex;position:relative}.entry-tap-target{z-index:1;cursor:text;position:absolute;inset:0}.user-control{z-index:2;letter-spacing:-.045em;width:min(430px,100% - 48px);font-size:clamp(2rem,4vw,3rem);font-weight:450;transition:top .65s cubic-bezier(.22,1,.36,1),width .65s cubic-bezier(.22,1,.36,1),font-size .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page--has-film .user-control{width:min(260px,100% - 48px);font-size:1.0625rem;top:28px;transform:translate(-50%)}.user-form{justify-content:center;align-items:center;min-height:1.4em;display:flex;position:relative}.user-value{white-space:nowrap;align-items:center;max-width:100%;display:inline-flex}.user-prefix{width:.84em;height:1em;color:var(--accent);cursor:text;flex:none;justify-content:center;align-items:center;display:inline-flex}.user-prefix svg{flex:none;width:1em;height:1em;display:block}.user-form input{field-sizing:content;min-width:0;max-width:100%;color:var(--ink);caret-color:var(--accent);font:inherit;text-align:left;background:0 0;border:0;outline:0;padding:0}.user-form input::placeholder{color:var(--placeholder);opacity:1}.user-form button{width:42px;height:42px;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:top .6s cubic-bezier(.22,1,.36,1),transform .2s,opacity .2s;display:grid;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.user-form button svg{width:25px;height:25px}.user-form button:hover:not(:disabled){transform:translate(-50%,4px)}.user-form button:disabled{opacity:.35;cursor:default}.page--loading .user-form button{opacity:1;pointer-events:none;top:calc(100% + 80px)}.page--has-film .user-prefix,.page--has-film .user-form input,.page--has-film .user-form button{color:var(--muted)}.page--has-film .user-form button{top:calc(100% - 8px)}.page--has-film .user-form button svg{width:16px;height:16px}.page--error .user-form button{top:calc(100% + 80px)}.page--empty .user-control{top:calc(50% - 35px)}.page--empty .user-form>button{display:none}.empty-state{text-align:center;flex-direction:column;align-items:center;width:min(480px,100vw - 48px);animation:.24s ease-out both message-enter;display:flex;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)}.empty-state p{color:var(--muted);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(.875rem,1.1vw,1rem);font-weight:400;line-height:1.45}.empty-state button{color:var(--accent);cursor:pointer;letter-spacing:0;background:0 0;border:0;margin-top:8px;padding:5px 0;font-size:.875rem;font-weight:400;transition:opacity .16s}.empty-state button:hover{opacity:.7}.message{width:max-content;max-width:calc(100vw - 48px);color:var(--muted);letter-spacing:0;text-align:center;margin:0;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)}.message--error{color:var(--ink);animation:.18s ease-out both message-enter}@keyframes message-enter{0%{opacity:0}to{opacity:1}}.loading-state{width:max-content;max-width:calc(100vw - 48px);color:var(--muted);letter-spacing:0;text-align:center;margin:0;font-size:.875rem;font-weight:400;position:absolute;top:calc(50% + 180px);left:50%;transform:translate(-50%)}.page--has-film .loading-state{top:50%;transform:translate(-50%,-50%)}.experience{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:42px;width:100%;display:flex}.sentence{letter-spacing:-.03em;text-wrap:balance;max-width:820px;margin:0;font-size:clamp(1.375rem,2.15vw,2.375rem);font-weight:400;line-height:1.32}.sentence-tail{white-space:nowrap;display:inline-block}.sentence a{color:inherit;text-decoration:none}.sentence a .reel-frame--result{border-bottom:1px solid var(--accent);color:var(--accent);transition:border-color .2s}.sentence a:hover .reel-frame--result{border-color:currentColor}.type-slot{vertical-align:top;white-space:nowrap;max-width:100%;display:inline-block;position:relative}.type-measure{visibility:hidden}.type-visual{text-align:left;display:block;position:absolute;inset:0;overflow:hidden}.type-char,.type-char-measure{display:inline-block}.type-cursor{background:var(--accent);opacity:0;width:2px;height:.86em;transition:left 32ms ease-out,opacity 90ms;position:absolute;top:.22em;transform:translate(.1em)}.type-cursor.is-active{opacity:1}.reveal-slot{vertical-align:top;max-width:100%;display:inline-block;position:relative;overflow:hidden}.reveal-slot:before,.reveal-slot:after{z-index:1;content:"";pointer-events:none;height:.35em;transition:opacity .18s;position:absolute;left:0;right:0}.reveal-slot:before{background:linear-gradient(to bottom, var(--page-bg), transparent);top:0}.reveal-slot:after{background:linear-gradient(to top, var(--page-bg), transparent);bottom:0}.reveal-slot.is-settled:before,.reveal-slot.is-settled:after{opacity:0}.reveal-measure{visibility:hidden}.reel-frame{opacity:0;text-align:center;will-change:transform, filter, opacity;display:block;position:absolute;inset:0}.actions{justify-content:center;align-items:center;gap:26px;font-size:.8rem;display:flex}.actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 0;transition:color .2s}.actions button:hover{color:var(--accent)}.actions button:first-child{color:var(--ink)}.actions button:first-child:hover{color:var(--accent)}@media (width<=600px){.page{padding:24px}.page--has-film .user-control{top:68px}.user-form button{top:auto;bottom:calc(100% + 6px)}.page--has-film .user-form button{top:auto;bottom:calc(100% - 6px)}.page--loading .user-form button,.page--error .user-form button{top:auto}.page--empty .user-control{top:calc(50% - 48px)}.page .user-form button svg{transform:rotate(180deg)}.loading-state{top:calc(50% + 48px)}.experience{gap:34px}.sentence{font-size:clamp(1.375rem,5.8vw,1.875rem);line-height:1.35}}@media (prefers-reduced-motion:reduce){.user-control,.user-form button,.sentence a .reel-frame--result,.type-cursor,.reveal-slot:before,.reveal-slot:after,.actions button{transition:none}.message--error,.empty-state{animation:none}.empty-state button{transition:none}}
