:root{--teal: #00a3ce;--teal-ink: #0076a3;--ink: #13203c;--gold: #fba211;--cream: #f0f0e7;--muted: #5b6b85;--line: #dfe0d8;--white: #ffffff;--error: #b3261e}*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--cream);min-height:100vh}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--white);border-bottom:3px solid var(--teal);padding:10px 20px}.brand-logo{height:40px;width:auto;display:block}.brand-sub{font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right}@media (max-width: 480px){.brand-sub{display:none}.brand-logo{height:34px}}main{padding:16px;display:flex;justify-content:center}.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:0 20px 20px;width:100%;max-width:640px;overflow:hidden}.center{text-align:center;margin-top:8vh;padding-top:20px}.card.center{max-width:480px}.masthead{margin:0 -20px;padding:16px 20px 14px;background:var(--ink);color:var(--white)}.badge{display:inline-block;font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-bottom:8px}.badge.online{background:var(--teal);color:var(--white)}.badge.offline{background:var(--gold);color:var(--ink)}.masthead h2{margin:0 0 8px;font-size:1.25rem;font-weight:600;line-height:1.3}.meta-row{display:flex;flex-wrap:wrap;gap:4px 12px;font-family:Montserrat,system-ui,sans-serif;font-size:.78rem;color:#ffffffb3}.meta-row span:not(:first-child):before{content:"·";margin-right:12px;color:#ffffff59}.eyebrow{margin:14px 0 0;font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink)}.label{display:block;font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:.85rem;margin:16px 0 6px}.muted{color:var(--muted);margin:2px 0;font-size:.92rem}.value{font-size:1.02rem;margin:0 0 4px}.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:1rem;font-family:inherit;background:var(--white);color:var(--ink)}.input:focus-visible{outline:2px solid var(--teal);outline-offset:1px}textarea.input{resize:vertical}.spacer{height:8px}.hidden{display:none}.error{color:var(--error);margin:12px 0 0}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn{padding:10px 18px;border-radius:8px;border:1px solid var(--line);background:var(--white);font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer}.btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.btn.primary{background:var(--teal);border-color:var(--teal);color:var(--white)}.btn.primary:disabled{opacity:.6;cursor:default}.q{margin-top:22px}.q .label{margin-top:0}.rating-row{display:flex;gap:4px}.star{font-size:1.7rem;line-height:1;padding:4px 6px;border:none;background:none;color:var(--line);cursor:pointer}.star:focus-visible{outline:2px solid var(--teal);border-radius:4px}.star.on{color:var(--gold)}.choice{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:1rem;cursor:pointer}.choice input{accent-color:var(--teal)}.faded,select.faded,option.faded{opacity:.4}@media (prefers-reduced-motion: no-preference){.card{animation:rise .24s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}@media (min-width: 640px){main{padding:32px}.masthead h2{font-size:1.4rem}}