:root{--ink:#153342;--muted:#536974;--paper:#f4f1e9;--surface:#fffefb;--line:#d7ddd8;--accent:#dc5b2b;--green:#24746b}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#e2eee8,transparent 58%),var(--paper);color:var(--ink);font:16px Georgia,'Times New Roman',serif;min-height:100vh}
header,main{max-width:1320px;margin:auto;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:700 14px Verdana,sans-serif;letter-spacing:.2em;text-transform:uppercase}.dot{color:var(--accent)}h1{font-size:clamp(34px,5vw,64px);font-weight:400;line-height:1.05;margin:20px 0}h2{font-size:26px;font-weight:400}p{line-height:1.6;max-width:760px}.eyebrow,.label,button,select,.meta,table{font-family:Verdana,sans-serif}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:12px;letter-spacing:.15em}.meta,.label{font-size:12px;color:var(--muted);line-height:1.6}.hero{padding:36px 0 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:22px;margin-bottom:16px;box-shadow:0 4px 18px #15334205}.big{font:38px Georgia,serif;margin:10px 0}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}button,.button{border:1px solid var(--ink);padding:12px 16px;background:var(--ink);color:white;border-radius:3px;font:13px Verdana,sans-serif;cursor:pointer;text-decoration:none;display:inline-block}button.secondary{color:var(--ink);background:transparent}button:disabled{opacity:.5;cursor:wait}a{color:var(--ink)}select{padding:12px;max-width:100%;background:white;border:1px solid var(--line)}.section{margin-top:28px}#rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.value{font-size:24px}.error{color:#a12f20}.login{max-width:800px;padding-top:10vh}.divider{width:70px;height:4px;background:var(--accent);margin:28px 0}svg{width:100%;height:190px;display:block;margin-top:20px}.legend{font:11px Verdana,sans-serif;color:var(--muted)}.privacy{max-width:850px}code{overflow-wrap:anywhere}footer{padding:30px 0;color:var(--muted);font-size:13px}.tag{font:11px Verdana,sans-serif;border:1px solid var(--line);padding:6px 9px;border-radius:20px}details{margin-top:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px monospace;max-height:360px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}
@media(max-width:720px){header,main{padding:20px}.grid{grid-template-columns:1fr}#rooms{grid-template-columns:1fr}.hero{padding-top:20px}header .tag{display:none}.big{font-size:30px}}
@media(prefers-reduced-motion:no-preference){.hero,.card{animation:arrive .4s ease both}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}