@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap";:root{--bg:#151210;--bg-raised:#1e1a16;--amber:#c68a2e;--amber-soft:#e0ac52;--rust:#7a2e22;--rust-bright:#a83f2d;--bone:#e8dfce;--bone-dim:#a89b83;--moss:#3a4a32;--border:#e8dfce24}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{color:var(--bone);font-family:Inter,sans-serif}#root{min-height:100vh}.page{max-width:640px;margin:0 auto;padding:4rem 1.5rem 3rem;position:relative;overflow:hidden}.grain{pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 20%,#c68a2e0d,#0000 40%),radial-gradient(circle at 80% 70%,#7a2e2214,#0000 45%);position:absolute;inset:0}.hero{text-align:center;margin-bottom:2.5rem}.hero-eyebrow{letter-spacing:.08em;color:var(--amber-soft);margin:0 0 .75rem;font-size:13px}.hero-title{color:var(--bone);letter-spacing:-.01em;margin:0 0 .75rem;font-family:Fraunces,serif;font-size:clamp(2.6rem,9vw,4rem);font-weight:600;line-height:1.05}.hero-tagline{color:var(--bone-dim);margin:0;max-width:32ch;margin-inline:auto;font-size:16px;line-height:1.6}.details{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(2,1fr);gap:1px;margin-bottom:3rem;display:grid;overflow:hidden}.detail-item{background:var(--bg-raised);flex-direction:column;gap:.3rem;padding:1rem 1.2rem;display:flex}.detail-label{color:var(--bone-dim);font-size:12px}.detail-value{color:var(--bone);font-size:15px;font-weight:500}.section-title{text-align:center;margin:0 0 .4rem;font-family:Fraunces,serif;font-size:1.6rem;font-weight:600}.section-sub{text-align:center;color:var(--bone-dim);margin:0 0 1.75rem;font-size:15px;line-height:1.6}.form{flex-direction:column;gap:1.1rem;display:flex}.field{color:var(--bone-dim);flex-direction:column;gap:.4rem;font-size:14px;display:flex}.field input{background:var(--bg-raised);border:1px solid var(--border);color:var(--bone);border-radius:8px;padding:.8rem .9rem;font-family:inherit;font-size:16px}.field input:focus{border-color:var(--amber);outline:none}.field input::placeholder{color:#e8dfce4d}.error{color:#e0a68e;margin:0;font-size:14px}.btn-primary{background:var(--rust);color:var(--bone);border:1px solid var(--rust-bright);cursor:pointer;border-radius:8px;margin-top:.5rem;padding:.9rem 1.2rem;font-family:inherit;font-size:16px;font-weight:500;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--rust-bright)}.btn-primary:disabled{opacity:.6;cursor:default}.resultado{text-align:center;background:var(--bg-raised);border:1px solid var(--amber);border-radius:12px;margin-bottom:3rem;padding:2.5rem 1.5rem}.resultado-eyebrow{color:var(--amber-soft);margin:0 0 .5rem;font-size:13px}.resultado-categoria{color:var(--bone-dim);margin:0 0 .3rem;font-size:14px}.resultado-tema{color:var(--amber-soft);margin:0 0 1rem;font-family:Fraunces,serif;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:600}.resultado-nota{color:var(--bone-dim);margin:0;font-size:14px;line-height:1.6}.roster{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.roster-title{letter-spacing:.04em;color:var(--bone-dim);margin:0 0 1rem;font-size:13px;font-weight:500}.roster-empty{color:var(--bone-dim);font-size:14px}.roster-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.roster-list li{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:.6rem;font-size:14px;display:flex}.roster-count{color:var(--bone-dim)}.footer{text-align:center;color:var(--bone-dim);margin-top:3rem;font-size:13px}@media (width<=480px){.details{grid-template-columns:1fr}}