@font-face{font-family:Spectral;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/spectral-500.woff2)format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/spectral-500-italic.woff2)format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spectral-600.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans.woff2)format("woff2")}:root{--carta:#f4f4f1;--ink:#1b1d23;--muted:#74767e;--line:#e0e0db;--hover:#eaeae4;--bleu:#2c43d6;--bleu-soft:#2c43d61a;--mattone:#af362b;--sans:"Instrument Sans", system-ui, sans-serif;--serif:"Spectral", Georgia, serif}@media (prefers-color-scheme:dark){:root{--carta:#16171b;--ink:#ebebe6;--muted:#8e9099;--line:#2b2c32;--hover:#22242a;--bleu:#93a2ff;--bleu-soft:#93a2ff21;--mattone:#e08074}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100svh;font-family:var(--sans);color:var(--ink);background:var(--carta);-webkit-font-smoothing:antialiased;line-height:1.45}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}input{font-size:max(16px,1rem)}:focus-visible{outline:2px solid var(--bleu);outline-offset:3px;border-radius:4px}.wordmark{letter-spacing:.01em;color:var(--ink);font-size:.95rem;font-weight:600}.wordmark .dot{color:var(--bleu)}.auth{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:100svh;padding:1.5rem 1.5rem clamp(2rem,9vh,6rem);display:flex}.auth h1{margin-bottom:3rem;font-size:.95rem}.auth form{flex-direction:column;align-items:center;width:100%;max-width:24rem;display:flex}.auth label{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.6rem,5vw,2rem);font-weight:600;line-height:1.2}.auth .sent{color:var(--muted);text-wrap:balance;max-width:24rem;font-size:1.1rem}.shell{min-height:100svh;display:flex}.col{flex-direction:column;flex:1;min-width:0;min-height:100svh;display:flex}header{align-items:center;gap:.75rem;padding:1.1rem 1.4rem;display:flex}.menu-btn{color:var(--ink);border-radius:999px;padding:.4rem;line-height:0}main{flex:1;justify-content:center;align-items:center;padding:1rem 1.5rem clamp(2rem,9vh,6rem);display:flex}.sidebar{border-right:1px solid var(--line);background:var(--carta);flex-direction:column;flex-shrink:0;gap:.15rem;width:250px;height:100svh;padding:1.15rem .9rem 1.2rem;display:flex;position:sticky;top:0}.sidebar .wordmark{padding:0 .9rem 1.5rem}.nav-item{width:100%;color:var(--muted);text-align:left;border-radius:10px;align-items:center;gap:.6rem;padding:.55rem .9rem;font-size:.95rem;font-weight:500;display:flex}.nav-item:before{content:"";background:0 0;border-radius:50%;flex-shrink:0;width:5px;height:5px}.nav-item:not(:disabled):hover{color:var(--ink);background:var(--hover)}.nav-item.active{color:var(--ink);font-weight:600}.nav-item.active:before{background:var(--bleu)}.nav-item:disabled{cursor:default}.presto{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:.12rem .45rem;font-size:.58rem;font-weight:600}.sidebar-footer{flex-direction:column;gap:1rem;margin-top:auto;padding:0 .9rem;display:flex}.lang{flex-direction:column;gap:.2rem;display:flex}.lang .label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:500}.lang .value{font-family:var(--serif);color:var(--ink);font-size:1.1rem;font-style:italic}.user{border-top:1px solid var(--line);align-items:center;gap:.6rem;padding-top:1rem;display:flex}.avatar{background:var(--bleu-soft);width:30px;height:30px;color:var(--bleu);text-transform:uppercase;border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:600;display:grid}.user .name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.esci{color:var(--muted);margin-left:auto;font-size:.85rem}.esci:hover{color:var(--ink)}.scrim{z-index:15;background:#00000059;position:fixed;inset:0}@media (width>=880px){header,.scrim{display:none}}@media (width<=879px){.sidebar{z-index:20;height:auto;transition:transform .24s cubic-bezier(.2,.7,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:0 0 48px #00000047}}.stage{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:27rem;animation:.26s cubic-bezier(.2,.7,.2,1) both rise;display:flex}.stage form{display:contents}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:2.2rem;font-size:.6875rem;font-weight:500}.image{margin-bottom:.6rem;font-size:2.3rem;line-height:1}.gloss{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2.2rem,6vw,2.9rem);font-weight:600;line-height:1.15}.hint{color:var(--muted);margin-top:.45rem;font-size:.95rem}.answer{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(2.8rem,13vw,4.8rem);font-weight:600;line-height:1.08;animation:.48s cubic-bezier(.2,.7,.2,1) both reveal}@keyframes reveal{0%{opacity:0;filter:blur(10px);transform:scale(.98)}to{opacity:1;filter:none;transform:none}}.answer+.gloss{letter-spacing:0;color:var(--muted);margin-top:.9rem;font-size:1.25rem;font-weight:500}.status{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.2rem,10vw,3.2rem);font-weight:700;line-height:1.1}.message{text-wrap:balance;max-width:24rem;font-size:1.2rem;font-weight:500}.stats{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:1.1rem;font-size:1.05rem}.note{color:var(--muted);max-width:22rem;margin-top:1.6rem;font-size:.9rem}.typed{color:var(--muted);margin-top:1.4rem;font-size:1rem}.typed b{font-family:var(--serif);font-style:italic;font-weight:500}.wrong{color:var(--mattone)}.stage input,.auth input{border:none;border-bottom:2px solid var(--line);text-align:center;width:100%;caret-color:var(--bleu);background:0 0;border-radius:0;margin-top:2.6rem;padding:.4rem .2rem .75rem;transition:border-color .16s}.stage input{font-family:var(--serif);font-size:max(16px,1.9rem);font-weight:500}.auth input{font-size:max(16px,1.15rem)}.stage input::placeholder{font-family:var(--sans);color:var(--muted);opacity:.8;font-size:1.05rem;font-weight:400}.stage input:focus,.auth input:focus{border-bottom-color:var(--bleu);outline:none}.actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:.7rem;width:100%;margin-top:2.2rem;display:grid}.actions button{border:1.5px solid var(--ink);background:var(--ink);min-height:56px;color:var(--carta);border-radius:14px;padding:.8rem 1rem;font-size:1.05rem;font-weight:600;transition:transform .12s,opacity .12s}.actions button:hover{opacity:.9}.actions button:active{transform:scale(.97)}.actions button.ghost{color:var(--ink);border-color:var(--line);background:0 0}.actions button.ghost:hover{border-color:var(--muted);opacity:1}.actions button.audio{background:var(--bleu-soft);color:var(--bleu);border-color:#0000}.kbd-hint{color:var(--muted);margin-top:1.1rem;font-size:.78rem;display:none}.kbd-hint kbd{font-family:var(--sans);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;margin-right:.15rem;padding:.1rem .35rem;font-size:.72rem}@media (hover:hover){.kbd-hint{display:block}}@media (prefers-reduced-motion:reduce){.stage,.answer{animation:none}.sidebar,.actions button{transition:none}}