:root{font-family:system-ui,"Segoe UI",sans-serif;color:#17352f;background:#f5f6f1;font-size:15px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dfd4}header nav{display:flex;gap:16px;align-items:center}header nav a{color:inherit;text-decoration:none}.brand{font-weight:850;letter-spacing:.16em;text-decoration:none;color:inherit}h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em;margin:24px 0}h2{font-size:20px;margin:0 0 16px}.heading{display:flex;align-items:center;gap:16px}.panel{background:white;border:1px solid #d8e0d7;border-radius:12px;padding:24px;margin:20px 0}.create{display:grid;grid-template-columns:1fr auto;gap:10px}.create label{grid-column:1/-1}label{display:block;font-weight:650;margin:10px 0}input,textarea{font:inherit;border:1px solid #b5c7bd;background:#fbfcf9;border-radius:6px;padding:12px;width:100%;resize:vertical}button,.button{font:inherit;display:inline-block;padding:11px 18px;border-radius:6px;border:1px solid #196b51;background:#196b51;color:white;cursor:pointer;text-decoration:none;font-weight:650}.quiet{background:transparent;color:#275a47;border-color:#aebfb3}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.notice{padding:16px 20px;background:#e8efe1;border-left:3px solid #8da778;line-height:1.7;margin:22px 0}.muted,footer{color:#5c7367;font-size:13px}.record{display:grid;grid-template-columns:2fr auto 1fr 1.2fr;align-items:center;gap:20px;padding:22px 6px;border-bottom:1px solid #d7dfd4;color:inherit;text-decoration:none}.record:hover{background:#edf2e8}.record div{display:grid;gap:6px}.tag{border:1px solid #b8cbb6;border-radius:24px;font-size:12px;padding:5px 10px;white-space:nowrap}.count{font-size:23px;font-weight:bold}.count small{font-size:12px;font-weight:normal}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.metrics div{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px;background:white;border-top:3px solid #819d64}.metrics strong{font-size:38px}.metrics .date{font-size:17px}.metrics span{color:#607966}.hero{padding:12px 0 8px}.eyebrow{letter-spacing:.18em;font-size:12px;font-weight:700;color:#5c7367}.lead{font-size:18px;line-height:1.7;max-width:38em;color:#2d4a40}.paste{display:grid;gap:8px}.paste button{justify-self:start;margin-top:8px}.steps{padding-left:20px}.login{max-width:440px;margin:8vh auto}footer a{color:inherit}.login button{margin-top:20px;width:100%}.back{color:#386752}.events{list-style:none;margin:0;padding:0}.events li{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid #d7dfd4}.event-head,.event-meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.events .ip{font-variant-numeric:tabular-nums}.events .ua{color:#5c7367;font-size:13px;word-break:break-word}.hint{margin:0;color:#5c4a16;background:#f4efe0;padding:8px 10px;border-radius:6px}.danger{margin-top:36px;color:#8c4038}.danger button{background:#984c43;border-color:#984c43}.empty{padding:50px 12px;text-align:center;color:#607966}li{line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b1bc37;outline-offset:3px}#copy-status{min-height:24px}.alert{color:#962f21;background:#fae8e5;padding:12px}footer{margin-top:32px;border-top:1px solid #d7dfd4}@media(max-width:650px){header,main,footer{padding:18px}.metrics{grid-template-columns:1fr}.metrics div{padding:16px}.record{grid-template-columns:1fr auto;gap:12px}.create{grid-template-columns:1fr}.panel{padding:18px}}
