*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:flex;flex-direction:column;background:#e5e3df;font:14px system-ui,sans-serif;color:#fff}header{background:#24383b;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px;border-bottom:3px solid #bfa777;flex-wrap:wrap}.brand{font-family:Georgia,serif;font-size:24px;letter-spacing:2px;white-space:nowrap}.brand span{font:12px system-ui,sans-serif;letter-spacing:0;color:#ddd;margin-left:10px}nav{display:flex;flex-wrap:wrap;gap:6px}button,nav a{font:inherit;color:white;background:transparent;border:1px solid #738184;border-radius:4px;padding:8px 10px;cursor:pointer;text-decoration:none}button:hover,nav a:hover,button[aria-pressed=true]{background:#496065}button:focus-visible,a:focus-visible{outline:3px solid #e8c582;outline-offset:2px}iframe{width:100%;flex:1;border:0;min-height:0;background:#ddd}#status{position:fixed;bottom:12px;left:12px;right:12px;background:#24383b;padding:12px;border-radius:4px;margin:0}noscript{background:#fff;color:#222;padding:10px}@media(max-width:600px){header{padding:8px 10px;gap:8px}.brand{font-size:20px}button,nav a{font-size:12px;padding:7px}nav{gap:4px}}
:root{--oliva:#999d73;--ink:#1d1e1a}body{background:var(--oliva);color:var(--ink)}header{background:var(--oliva);border-bottom:1px solid #70744f;color:var(--ink)}.brand{font:bold 34px Arial,sans-serif;letter-spacing:-2px}.brand span{display:inline-block;max-width:130px;white-space:normal;letter-spacing:0;color:var(--ink);font-size:12px}.brand span:before{content:none}button,nav a{color:var(--ink);border-color:#5e6246;background:#ffffff38}button:hover,nav a:hover,button[aria-pressed=true]{background:#fff;color:#1d1e1a}button:disabled{opacity:.4;cursor:default}footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px;background:var(--oliva);border-top:1px solid #70744f}footer button{min-width:120px;background:#fff}#counter{font-variant-numeric:tabular-nums;min-width:110px;text-align:center}#status{color:white}#issue{font-size:15px}@media(max-width:600px){.brand{font-size:27px}header{gap:6px}footer{gap:10px;padding:8px}footer button{min-width:80px}#issue{margin-left:auto}}