:root{font-family:Arial,sans-serif;color:#26221f;background:#f6f4ed}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{padding:25px max(24px,calc((100vw - 1200px)/2));background:#191918;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:27px;letter-spacing:3px;font-style:italic;font-weight:900;color:#fff;text-decoration:none}.brand span{color:#e32b37}nav{display:flex;align-items:center;gap:22px;font-size:12px}nav a{color:#ded8cb;text-decoration:none}nav button{border:0;background:none;color:#ded8cb}button,a,input,select{touch-action:manipulation}button{cursor:pointer;font:inherit}button:disabled{cursor:wait;opacity:.6}main{max-width:1200px;margin:0 auto;padding:56px 24px 35px}.eyebrow{color:#c52b36;font-size:11px;letter-spacing:2.5px}h1{font:normal 56px/1.1 Georgia,serif;margin:22px 0}h2{font:normal 28px/1.2 Georgia,serif;margin:0 0 14px}.intro{max-width:710px;color:#756c60;font-size:15px;line-height:1.8;margin-bottom:32px}.summary{display:flex;gap:35px;align-items:center;padding:25px;background:#ebe7db;border:1px solid #ded7c7;border-radius:10px}.summary>div{min-width:130px}.summary strong{font:normal 43px Georgia,serif;display:block}.summary span{font-size:11px;color:#786d5e}.summary p{font-size:13px;line-height:1.8;color:#665c4e;max-width:730px;margin:0}.controls{display:flex;align-items:center;gap:25px;margin:27px 0;font-size:12px;flex-wrap:wrap}.controls label{display:flex;align-items:center;gap:10px}.controls button{margin-left:auto}.controls button,.preference button{padding:10px 16px;background:#fffdf8;border:1px solid #cec6b8;border-radius:5px;color:#443d34}select{padding:10px 12px;border:1px solid #d0c8bb;background:#fffdf8;border-radius:5px;max-width:100%;font:inherit}input[type=checkbox]{accent-color:#ce2b36}.preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.preference{background:#fffdf8;border:1px solid #ddd6c8;border-radius:9px;padding:26px;display:flex;flex-direction:column}.preference.paused{background:#eeece6}.preference .state{font-size:10px;color:#aa3038;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:13px}.preference h2{font-size:25px;overflow-wrap:anywhere}.scope{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 18px}.scope span{font-size:10px;line-height:1.5;background:#eee9df;padding:5px 8px;border-radius:4px;color:#6b6153}.evidence{font-size:11px;color:#847969;line-height:1.8;margin:5px 0 20px}.preference button{align-self:flex-start;margin-top:auto}.empty{padding:45px 30px;text-align:center;border:1px dashed #cfc5b3;border-radius:9px}.empty p{font-size:13px;line-height:1.8;max-width:650px;margin:15px auto 25px;color:#796d5d}a{color:#8e393b}.footnote{font-size:11px;line-height:1.8;color:#8b8172;margin-top:27px}#message{font-size:13px;color:#8d393a;margin:18px 0}#login{max-width:430px;background:#fffdf8;border:1px solid #d9d1c4;padding:25px;border-radius:8px}#login label{display:grid;gap:9px;margin:18px 0;font-size:12px}#login input{padding:12px;border:1px solid #d1c8b9;border-radius:4px;font:inherit}.button{background:#24211e;color:#fff;border:0;border-radius:5px;padding:13px 25px}:focus-visible{outline:3px solid #c92b35;outline-offset:3px}@media(max-width:640px){header{padding:20px;flex-wrap:wrap}.brand{font-size:23px}nav{gap:14px;font-size:11px}main{padding:32px 20px}h1{font-size:43px}.summary{align-items:flex-start;gap:20px;padding:20px}.summary>div{min-width:90px}.summary p{font-size:11px}.preferences{grid-template-columns:1fr}.controls{gap:14px}.controls label:first-child{width:100%;flex-wrap:wrap}.preference{padding:22px}.controls button{margin-left:0}}
