:root{--paper: #f2ece0;--paper-edge: #ded5c1;--ink: #2c2721;--ink-red: #8c3a2e;--pen: #2a3c58;--desk-near: #332c25;--desk-far: #14110d;--type: "Courier New", Courier, "Nimbus Mono PS", "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(120% 90% at 50% 0%,var(--desk-near),var(--desk-far) 70%);background-attachment:fixed;font-family:var(--type);color:var(--ink)}#racine{min-height:100dvh;padding:clamp(1rem,5vw,4rem) clamp(.5rem,3vw,2rem);display:flex;justify-content:center;align-items:flex-start}body.centered #racine{align-items:center}.sheet{position:relative;container-type:inline-size;--cols: 50;width:min(44rem,100%);padding:clamp(2.25rem,7vw,4.5rem) clamp(1.1rem,6vw,4rem);background:var(--paper);border-radius:2px;transform:rotate(-.25deg);box-shadow:0 1px 1px #00000047,0 2px 6px #00000038,0 26px 50px -18px #000000a6}.sheet.full{min-height:min(60rem,80dvh)}.sheet.note{--cols: 29;width:min(26rem,100%);padding:clamp(2rem,8vw,3rem) clamp(1.5rem,7vw,2.75rem);transform:rotate(.4deg)}.sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:.45;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E")}.sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(115% 90% at 50% 45%,transparent 55%,var(--paper-edge) 100%);opacity:.75}.typed{position:relative;z-index:3;font-size:min(1.02rem,calc(100cqw / var(--cols) / .635));line-height:1.9;letter-spacing:.01em;white-space:pre-wrap;margin:0}.note .typed{font-size:min(.95rem,calc(100cqw / var(--cols) / .635));line-height:1.8}.ghost{visibility:hidden}.caret{position:relative;display:inline-block;width:0}.caret:after{content:"";position:absolute;left:0;bottom:-.12em;width:.58em;height:1.05em;background:var(--ink);opacity:.75;animation:blink 1.05s steps(1,end) infinite}@keyframes blink{0%,55%{opacity:.75}56%,to{opacity:0}}.gate{position:relative;z-index:3;margin:clamp(1.5rem,6vw,2.25rem) 0 0;opacity:0;transition:opacity .9s ease;pointer-events:none}.gate.open{opacity:1;pointer-events:auto}.gate label{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-bottom:.5rem}.gate input{width:100%;padding:.35em .1em .45em;border:0;border-bottom:1px solid rgba(44,39,33,.45);border-radius:0;background:transparent;font:inherit;font-size:clamp(.95rem,4.5vw,1.15rem);letter-spacing:.15em;color:var(--ink);caret-color:var(--ink);outline:none}.gate input:focus{border-bottom-color:var(--ink)}.gate button{margin-top:clamp(1.25rem,5vw,1.75rem);padding:.6em 1.6em;border:1px solid rgba(44,39,33,.55);border-radius:1px;background:transparent;font:inherit;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background .18s ease,color .18s ease,opacity .18s ease}.gate button:hover:not(:disabled),.gate button:focus-visible{background:var(--ink);color:var(--paper)}.gate button:disabled{opacity:.35;cursor:default}.error{position:relative;z-index:3;margin:1.25rem 0 0;font-size:.78rem;letter-spacing:.04em;color:var(--ink-red);animation:shake .42s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.hint{position:fixed;left:50%;bottom:clamp(.75rem,3vw,1.5rem);transform:translate(-50%);z-index:10;margin:0;padding:.45em .9em;border-radius:999px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#f2ece09e;background:#00000047;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .7s ease;pointer-events:none}.hint.visible{opacity:1}.close{position:relative;z-index:3;margin:clamp(2.5rem,8vw,4rem) 0 0;text-align:right}.close button{border:0;background:transparent;padding:0;font:inherit;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:.35;cursor:pointer;transition:opacity .2s ease}.close button:hover{opacity:.75}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:normal;border:0}@media(prefers-reduced-motion:reduce){.caret:after,.error{animation:none}}@media print{body{background:#fff;padding:0}.sheet{box-shadow:none;transform:none}.sheet:before,.sheet:after,.hint,.caret,.close{display:none}.ghost{visibility:visible}}