:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #2d2024; background: #fff9f1; }
* { box-sizing: border-box; } body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% 0, #fff 0, #fff8ef 55%, #eed9ca 100%); }
header { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px clamp(20px, 5vw, 64px); background: #5c2334; color: white; }
h1, h2 { font-family: Georgia, serif; } header h1 { margin: .1em 0 0; } .eyebrow { letter-spacing: .16em; font-size: .72rem; font-weight: 900; color: #b77d55; } header .eyebrow { color: #ebcda1; }
#admin-root { max-width: 1100px; margin: auto; padding: 28px 22px 60px; }
.identity-card { display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: 20px; align-items: center; background: white; border: 1px solid #ead9cf; border-radius: 16px; padding: 18px; overflow-wrap: anywhere; }
.identity-card div { display: grid; gap: 5px; } .identity-card span { color: #78676c; font-size: .8rem; } .role { background: #d4af6a; color: #3c281a !important; border-radius: 999px; padding: 8px 12px; font-weight: 900; }
.setup-buttons { display: flex; flex-wrap: wrap; gap: 9px; margin: 24px 0; } button, .secondary { border: 0; border-radius: 999px; padding: 11px 16px; background: #5c2334; color: white; font: inherit; font-weight: 800; cursor: pointer; text-decoration: none; }
.secondary { background: white; color: #5c2334; }.panel { background: #fff; padding: 24px; border: 1px solid #ead9cf; border-radius: 16px; min-height: 260px; }.panel label { display: grid; gap: 7px; margin: 15px 0; max-width: 520px; font-weight: 700; }.panel input, .panel select, textarea { padding: 11px; border: 1px solid #bca8a0; border-radius: 8px; font: inherit; }.panel label input[type=checkbox] { width: auto; }.panel code { display: block; margin: 10px 0; }.save-row { display: flex; gap: 14px; align-items: center; margin-top: 20px; } textarea { width: 100%; min-height: 420px; font-family: ui-monospace, monospace; }
.guest { min-height: 100vh; display: grid; place-content: center; justify-items: center; text-align: center; padding: 24px; }.guest h1 { font-size: clamp(3rem, 10vw, 6rem); color: #5c2334; margin: .15em 0; }.reels { display: flex; gap: 12px; margin: 30px 0; }.reels div { display: grid; place-items: center; width: min(25vw, 140px); aspect-ratio: .8; border: 5px solid #d4af6a; border-radius: 18px; background: white; color: #8e2948; font-size: 4rem; box-shadow: inset 0 0 30px #5c233422; }.denied { max-width: 650px; margin: 15vh auto; padding: 30px; }
@media (max-width: 760px) { .identity-card { grid-template-columns: 1fr; } header { align-items: flex-start; flex-direction: column; } }