body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,monospace;--sb-primary:#fa8075;--sb-primary-hover:#e96f65;--sb-soft:#fff0ed;--sb-ink:#152622;--sb-text:#23211d;--sb-muted:#837d72;--sb-line:#ddd8cc;--sb-surface:#fdfbf6;--sb-surface-alt:#f0ece2;--sb-bg:#f4f1ea;--sb-white:#fff;background:#f4f1ea;background:var(--sb-bg);color:#23211d;color:var(--sb-text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-synthesis:none}*,:after,:before{box-sizing:border-box}body,html{background:#f4f1ea;background:var(--sb-bg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#23211d;color:var(--sb-text);margin:0;min-height:100vh;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fa807559;outline-offset:2px}::selection{background:#152622;background:var(--sb-ink);color:#fff;color:var(--sb-white)}div{color:#23211d;color:var(--sb-text)}.instructions{background:#fdfbf6;background:var(--sb-surface);border:1px solid #ddd8cc;border:1px solid var(--sb-line);border-radius:16px;box-shadow:0 1px 2px #23211d0a,0 8px 24px #23211d0f;margin:40px auto 30px;max-width:800px;padding:32px}.instructions h2,.instructions h3,.instructions h4{color:#152622;color:var(--sb-ink);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-family:var(--font-serif);letter-spacing:-.02em;margin-top:0}.instructions h2{font-size:28px;margin-bottom:20px}.instructions code{border:1px solid #ddd8cc;border:1px solid var(--sb-line);border-radius:6px!important;color:#152622!important;color:var(--sb-ink)!important;font-family:SFMono-Regular,Consolas,monospace;font-family:var(--font-mono);font-weight:600}.instructions code,.instructions>div[style*=flex]>div{background:#f0ece2!important;background:var(--sb-surface-alt)!important}.instructions>div[style*=flex]>div{border:1px solid #ddd8cc;border:1px solid var(--sb-line)}.instructions>div[style*=e8f0fe]{background:#fff0ed!important;background:var(--sb-soft)!important;border:1px solid #fa80754d;color:#152622;color:var(--sb-ink)}.form-container,.form-container-melody{background:#fdfbf6;background:var(--sb-surface);border:1px solid #ddd8cc;border:1px solid var(--sb-line);border-radius:16px;box-shadow:0 1px 2px #23211d0a,0 8px 24px #23211d0f;display:flex;flex-direction:column;gap:16px;margin:0 auto 30px;max-width:800px;padding:28px;transition:transform .2s ease,box-shadow .2s ease}.form-container-melody:hover,.form-container:hover{box-shadow:0 4px 12px #23211d14;transform:translateY(-2px)}.Input-field{background:#f0ece2;background:var(--sb-surface-alt);border:1px solid #ddd8cc;border:1px solid var(--sb-line);border-radius:10px;caret-color:#fa8075;caret-color:var(--sb-primary);color:#152622;color:var(--sb-ink);font:500 15px SFMono-Regular,Consolas,monospace;font:500 15px var(--font-mono);outline:none;padding:14px 18px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.Input-field:hover{background:#eae5d9}.Input-field:focus{background:#fff;background:var(--sb-white);border-color:#fa8075;border-color:var(--sb-primary);box-shadow:0 0 0 3px #fa807533}.Input-field::placeholder{color:#837d72;color:var(--sb-muted);opacity:.75}.Button{align-items:center;background:#152622;background:var(--sb-ink);border:1px solid #152622;border:1px solid var(--sb-ink);border-radius:10px;box-shadow:0 2px 6px #15262226;color:#fff;color:var(--sb-white);display:flex;font-size:14px;font-weight:600;gap:9px;justify-content:center;padding:12px 24px;transition:transform .15s ease,background .2s ease,border-color .2s ease;width:fit-content}.Button:hover{background:#fa8075;background:var(--sb-primary);border-color:#fa8075;border-color:var(--sb-primary);transform:translateY(-1px)}.Button:active{transform:scale(.98)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f4f1ea;background:var(--sb-bg)}::-webkit-scrollbar-thumb{background:#c8c1b2;border:2px solid #f4f1ea;border:2px solid var(--sb-bg);border-radius:8px}@media (max-width:600px){.form-container,.form-container-melody,.instructions{border-radius:12px;margin:16px;padding:20px}}
/*# sourceMappingURL=main.eab7b024.css.map*/