:root{--paper: #F1EADE;--ink: #2C2118;--ink-soft: #5A4E42;--muted: #9C9180;--accent: #C16B4A;--card: #FBF8F1;--line: rgba(58, 44, 32, .09)}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{scrollbar-gutter:stable}body{font-family:Onest,system-ui,-apple-system,sans-serif;background:#0e0d0c;color:var(--ink);overscroll-behavior:none}#app{height:100%}.serif{font-family:Playfair Display,Georgia,serif}button{font-family:inherit}textarea,input{font-family:Onest,sans-serif}@keyframes hl-install-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.scrl::-webkit-scrollbar{width:0;height:0}.scrl{scrollbar-width:none;-ms-overflow-style:none}.stage{min-height:100vh;min-height:100dvh;width:100%;background:#0e0d0c;display:flex;align-items:center;justify-content:center;padding:40px 20px}.device{width:390px;height:844px;background:var(--paper);border-radius:46px;overflow:hidden;position:relative;box-shadow:0 50px 110px #0000008c,0 0 0 11px #16140f,0 0 0 12px #2a2620}.screen{display:flex;flex-direction:column;height:100%;position:relative}@media(max-width:480px){.stage{padding:0;align-items:stretch}.device{width:100%;height:100vh;height:100dvh;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media(display-mode:standalone){.stage{padding:0;align-items:stretch;background:var(--paper)}.device{width:100%;height:100dvh;border-radius:0;box-shadow:none}}.field-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;display:block;margin-bottom:7px}.input{width:100%;background:var(--card);border:1px solid rgba(58,44,32,.13);border-radius:14px;padding:14px 16px;font-size:15px;color:var(--ink);outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.btn-primary{background:#3a2c20;color:#f4ede0;border:none;border-radius:30px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;width:100%;box-shadow:0 14px 30px #3a2c2038}.btn-primary:disabled{opacity:.55;cursor:default}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 6px}.err{background:#f2cba9;color:#7a3f1e;border-radius:12px;padding:11px 14px;font-size:13px;margin:0 0 14px;line-height:1.4}.spin{width:26px;height:26px;border-radius:50%;border:3px solid rgba(58,44,32,.18);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade .22s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}