:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;color:#ecf0e9;background:#10231e;--muted:#b1bfb6;--line:#395048;--gold:#e8c777}
*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:44px 28px 60px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.15;margin:8px 0}h2{font-size:1.2rem;margin:0}p{margin:8px 0}.eyebrow{font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.muted,small{color:var(--muted)}small{font-size:.875rem}
a{color:var(--gold);text-underline-offset:3px}button,.button{font:inherit;font-weight:600;border:1px solid var(--gold);border-radius:6px;padding:10px 17px;cursor:pointer;color:#10231e;background:var(--gold);text-decoration:none;display:inline-block;text-align:center}
button.secondary{color:#ecf0e9;border-color:#61776b;background:transparent}button:hover,.button:hover{filter:brightness(1.1)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
.card{border:1px solid var(--line);border-radius:10px;padding:24px;background:#182f27;margin-bottom:20px}.card-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.badge{font-size:.875rem;white-space:nowrap;color:var(--gold)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 20px}.stat strong{display:block;font-size:2.5rem;line-height:1.2;font-weight:500}.stat span{display:block;color:var(--muted);font-size:.875rem}.stat time{display:block;font-size:1rem;padding-top:12px}
.link-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.link-row input{flex:1;min-width:180px;background:#10231e;color:#e9eee8;border:1px solid var(--line);border-radius:6px;padding:12px;font:14px/1.4 ui-monospace,monospace}
.dates{font-size:.875rem;margin-top:16px;color:var(--muted)}.explanation{max-width:780px;color:var(--muted);margin:22px 0}.live{font-size:.875rem;color:var(--muted)}.live.error{color:#ffbfaf}
details{margin:26px 0}summary{cursor:pointer;color:var(--gold);padding:8px 0}details .card{margin-top:16px}.activity{list-style:none;padding:0;margin:14px 0}.activity li{border-top:1px solid var(--line);padding:13px 0;display:grid;grid-template-columns:minmax(160px,1fr) 1fr auto;gap:12px;align-items:start}.activity time{font-variant-numeric:tabular-nums;font-size:.875rem}.activity .status{font-size:.875rem;color:var(--gold)}
.forward{max-width:600px;padding-top:20vh}.forward p{margin:18px 0}.forward h1{font-size:2.5rem}
@media(max-width:600px){main{padding:26px 18px 44px}header{align-items:start}.card{padding:18px}.card-head{display:block}.badge{display:block;margin-top:5px}.stats{gap:12px}.stat strong{font-size:2rem}.stat time{font-size:.875rem}.link-row input{flex-basis:100%;width:100%;min-width:0}.link-row button,.link-row a{flex:1}.activity li{grid-template-columns:1fr}.activity li>*{margin:0}.forward{padding-top:14vh}}

[hidden]{display:none!important}.auth{max-width:500px;padding-top:12vh}.auth label{display:block;margin:24px 0 8px}.auth input{width:100%;font:inherit;color:inherit;background:#10231e;border:1px solid var(--line);border-radius:6px;padding:12px}.auth button{margin-top:18px}.controls{display:flex;gap:10px;flex-wrap:wrap}.choice{display:grid;gap:14px;margin:26px 0}.choice>*{width:100%}.choice .button.secondary{color:#ecf0e9;border-color:#61776b;background:transparent}.consent-note{font-size:.875rem;color:var(--muted)}.stat .timestamp{font-size:1rem;line-height:1.5;padding-top:8px;font-weight:400}.privacy{max-width:750px}.privacy h2{margin-top:26px}.privacy p{margin:12px 0}.status-message{min-height:1.6em}.link-row a.secondary{background:transparent;color:var(--gold)}@media(max-width:600px){.stats .timestamp{font-size:.875rem}.controls{justify-content:end}.auth{padding-top:8vh}}