:root{color-scheme:dark;--night: #1a1b1f;--paper: #f9f6f0;--ink: #e6e4dd;--ink-dark: #2c2d31;--sage: #7a8b7b;--line: rgba(230, 228, 221, .16);--amber: #8c5e55;--serif: "Libre Baskerville", "Palatino Linotype", Palatino, serif;--sans: Inter, "Segoe UI", sans-serif;font-size:100%}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--night);color:var(--ink);font-family:var(--sans);font-size:1.125rem;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}#root{display:flex;justify-content:center}.page{width:min(28rem,100%);min-height:100dvh;display:flex;flex-direction:column;padding:1.75rem 1.4rem 2rem;background:var(--night);color:var(--ink)}.theme-cabinet{background:#f4efe6;color:#2a2824}.theme-jardin{background:#e7eee6;color:#243028}.theme-nuit.writing{background:#efe6d6;color:#2a261f}.theme-nuit.writing .quiet,.theme-nuit.writing .hint{color:#6d6458}.theme-cabinet .quiet,.theme-cabinet .hint,.theme-jardin .quiet,.theme-jardin .hint{color:#6b645b}.theme-jardin .quiet,.theme-jardin .hint{color:#4d5c52}@media(min-width:52rem){.page{border-left:1px solid var(--line);border-right:1px solid var(--line)}}h1,h2,.serif{font-family:var(--serif);font-weight:400}h1{font-size:1.85rem;line-height:1.25;margin:.4rem 0 .8rem}h2{font-size:1.35rem;line-height:1.3;margin:0 0 .8rem}.grow{flex:1}.quiet{color:#e6e4ddb8;font-size:.95rem}.lead{font-family:var(--serif);font-size:1.15rem;line-height:1.55}.actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.btn,.choice,.door,.shelf{border:1px solid var(--line);background:transparent;text-align:left;padding:.9rem 1rem;min-height:3.25rem;border-radius:2px}.btn{text-align:center;width:100%}.btn.primary{background:var(--sage);color:var(--night);border-color:var(--sage)}.btn:disabled{opacity:.38;cursor:default}.btn.link,.text-btn{background:none;border:none;color:var(--sage);min-height:2.5rem;padding:.4rem;text-align:center}.choice[aria-pressed=true],.shelf[aria-pressed=true]{border-color:var(--sage)}.stack{display:flex;flex-direction:column;gap:.75rem}label.field{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}input[type=email],input[type=password],input[type=text],textarea{width:100%;background:transparent;border:none;border-bottom:1px solid var(--sage);border-radius:0;padding:.7rem 0;outline:none}textarea{border:none;resize:vertical;min-height:11rem;font-family:var(--serif);font-size:1.15rem;line-height:1.6}.logo{width:3rem;height:3rem;display:block;margin:18vh auto 0}.center{text-align:center}.top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.progress{height:1px;background:var(--line);margin:.5rem 0 1.2rem}.progress span{display:block;height:1px;background:var(--sage)}.check{display:flex;gap:.8rem;align-items:flex-start;margin:1.2rem 0}.check input{width:1.2rem;height:1.2rem;margin-top:.25rem;accent-color:var(--sage)}.hint{color:var(--sage);min-height:1.4rem;font-size:.95rem}.error{color:var(--amber)}.door{display:flex;flex-direction:column;gap:.25rem;width:100%}.door strong{font-family:var(--serif);font-weight:400;font-size:1.15rem}.section-label{margin:1.6rem 0 .35rem;font-family:var(--serif);font-size:1.35rem;color:inherit}.purpose{margin:0 0 .9rem;font-family:var(--serif);line-height:1.55}.sas-name{margin:2.2rem 0 0;font-family:var(--serif);font-size:1.7rem}.sas{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;margin:2rem 0 1.5rem}.sas-door{min-height:8.5rem;justify-content:center;gap:.4rem;padding:1.5rem 1.3rem}.sas-door strong{font-size:1.45rem}.back{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;margin:0 0 .4rem -.15rem;padding:.2rem .35rem;border:none;background:transparent;font-family:var(--serif)}.back svg{width:1.35rem;height:1.35rem}.writing h2.addressee{font-size:2rem;margin:.15rem 0 1rem}.writing .desk{display:flex;flex-direction:column}.writing textarea{resize:none;border:none;background-color:transparent;min-height:14rem;padding:0 .1rem;line-height:2rem;font-size:1.2rem;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2rem - 1px),rgba(90,70,45,.16) calc(2rem - 1px),rgba(90,70,45,.16) 2rem);background-attachment:local}.writing .ink-note{font-family:var(--serif);font-style:italic}.choice strong{display:block;font-family:var(--serif);font-weight:400}.quote{font-family:var(--serif);font-style:italic;line-height:1.6;margin:1rem 0}.letter{font-family:var(--serif);line-height:1.65;margin:0 0 1.4rem;white-space:pre-wrap}.letter.veil{opacity:.55}.fog .letter{opacity:.5}.gauge{height:1px;background:var(--line);margin:.8rem 0}.gauge span{display:block;height:1px;background:var(--sage)}.seal,.hold{position:relative;width:100%;min-height:7.5rem;border:1px solid var(--sage);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;touch-action:none}.hold.danger{border-color:var(--amber)}.seal-fill,.hold-fill{position:absolute;left:0;bottom:0;height:2px;background:var(--sage);width:calc(var(--p) * 100%)}.hold.danger .hold-fill{background:var(--amber)}.composer{margin-top:.5rem}.stamp-row{display:flex;justify-content:flex-end;margin-top:.6rem}.stamp{width:4.6rem;height:4.6rem;border-radius:50%;border:1px solid #7a4e3a;background:#f3e6d8;color:#6a4030;touch-action:none;font-family:var(--serif);font-size:.95rem}.stamp:disabled{opacity:.35}.pulse{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.fade{animation:fade 1.1s ease both}@keyframes fade{0%{opacity:1}to{opacity:.15}}@media(prefers-reduced-motion:reduce){.pulse,.fade{animation:none}}