:root{--papier: #f6f3ec;--encre: #161310;--discret: #8b8378;--trait: rgba(22, 19, 16, .12);--fond-panneau: #fbf9f4}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--papier);color:var(--encre);font-family:Hiragino Mincho ProN,Yu Mincho,Songti SC,Georgia,serif;font-weight:400;-webkit-font-smoothing:antialiased}#scene{display:grid;grid-template-columns:1fr 280px;height:100vh}#stage{display:flex;align-items:center;justify-content:center;padding:3rem}#specimen{width:min(72vh,100%);height:min(72vh,100%);aspect-ratio:1 / 1}.toile-specimen{width:100%;height:100%;display:block}#panel{background:var(--fond-panneau);border-left:1px solid var(--trait);padding:2.4rem 1.8rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.titre{display:flex;flex-direction:column;gap:.3rem}.titre .kanji{font-size:1.5rem;letter-spacing:.15em}.titre .romaji{font-size:.7rem;letter-spacing:.35em;color:var(--discret);text-transform:lowercase}.controles{display:flex;flex-direction:column;gap:1.7rem}.rang{display:flex;flex-direction:column;gap:.55rem}.tete{display:flex;justify-content:space-between;align-items:baseline}.etiquette{font-size:.9rem;letter-spacing:.02em;cursor:default}.valeur{font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-size:.72rem;color:var(--discret);font-variant-numeric:tabular-nums}.bornes{display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.04em;color:var(--discret)}.groupe{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--discret);border-top:1px solid var(--trait);padding-top:1.4rem;margin-top:.4rem}.section{border-top:1px solid var(--trait);margin-top:.4rem}.section-tete{width:100%;appearance:none;border:none;background:none;color:var(--discret);font-family:inherit;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;padding:1.2rem 0 .4rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.section-tete .chev{font-size:.9rem}.section-corps{display:flex;flex-direction:column;gap:1.7rem;padding-top:.8rem}.tabs{display:flex;flex-wrap:wrap;gap:1px;background:var(--trait);border:1px solid var(--trait)}.tab{flex:1 0 auto;appearance:none;border:none;background:var(--fond-panneau);color:var(--discret);font-family:inherit;font-size:.72rem;padding:.35rem .5rem;cursor:pointer}.tab.actif{background:var(--encre);color:var(--papier)}.verrou{appearance:none;border:none;background:none;color:var(--discret);font-size:.85rem;line-height:1;padding:0 0 0 .5rem;cursor:pointer}.verrou.actif{color:var(--encre)}.actions{display:flex;gap:.6rem;margin-top:.4rem}.action{flex:1;appearance:none;border:1px solid var(--trait);background:var(--fond-panneau);color:var(--encre);font-family:inherit;font-size:.82rem;letter-spacing:.02em;padding:.55rem 0;cursor:pointer}.action:hover{background:var(--encre);color:var(--papier)}.action-large{flex:1;background:var(--encre);color:var(--papier)}.action-large:hover{opacity:.85}.toast{position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%) translateY(.6rem);background:var(--encre);color:var(--papier);font-size:.78rem;letter-spacing:.03em;padding:.5rem 1rem;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.toast.vu{opacity:1;transform:translate(-50%) translateY(0)}.courbe{width:100%;height:96px;cursor:crosshair;touch-action:none}.segmente{display:flex;gap:1px;background:var(--trait);border:1px solid var(--trait)}.segmente button{flex:1;appearance:none;border:none;background:var(--fond-panneau);color:var(--discret);font-family:inherit;font-size:.8rem;padding:.4rem 0;cursor:pointer;letter-spacing:.02em}.segmente button.actif{background:var(--encre);color:var(--papier)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:1px;background:var(--trait);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--encre);border:none}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--encre);border:none}#verif{max-width:1100px;margin:0 auto;padding:3rem 2.4rem 5rem}.verif-tete{display:flex;align-items:baseline;gap:1.2rem;flex-wrap:wrap;border-bottom:1px solid var(--trait);padding-bottom:1.2rem;margin-bottom:2rem}.verif-tete .kanji{font-size:1.5rem;letter-spacing:.15em}.verif-titre{color:var(--encre);letter-spacing:.04em}.verif-compte{font-size:.72rem;color:var(--discret);margin-left:auto;font-family:SFMono-Regular,ui-monospace,monospace}.verif-section{font-size:.82rem;font-weight:400;color:var(--discret);letter-spacing:.08em;margin:2.4rem 0 1rem}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.6rem}#grille-kana{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.cellule{display:flex;flex-direction:column;align-items:center;gap:.3rem}.cellule figcaption{font-size:.68rem;color:var(--discret);font-variant-numeric:tabular-nums}@media(max-width:720px){#scene{grid-template-columns:1fr;grid-template-rows:1fr auto}#panel{border-left:none;border-top:1px solid var(--trait)}}