:root{--paper:#f1eadb;--ink:#25231f;--coral:#f06449;--blue:#245b78;--line:#bdb3a0;font-family:Georgia,"Songti SC",serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#8b8170 .6px,transparent .6px);background-size:5px 5px}header,main{position:relative;max-width:1120px;margin:auto}header{min-height:410px;display:grid;grid-template-columns:100px 1fr 260px;align-items:center;padding:52px 28px;border-bottom:2px solid var(--ink)}.date-chip{width:76px;height:94px;border:1px solid var(--ink);text-align:center;display:grid;place-content:center;transform:rotate(-4deg);box-shadow:4px 4px 0 var(--coral)}.date-chip span{font:700 38px/1 Arial}.date-chip small{text-transform:uppercase;letter-spacing:.2em}.eyebrow{font:700 11px Arial;letter-spacing:.22em;color:var(--coral)}h1{font-size:clamp(72px,12vw,148px);line-height:.68;letter-spacing:-.08em;margin:30px 0}h1 i{color:var(--blue);font-weight:400}.intro{font-size:18px;line-height:1.6;align-self:end;margin-bottom:50px}.card{padding:45px 28px 60px;border-bottom:1px solid var(--ink)}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:28px}.section-title>span{font:700 11px Arial;border:1px solid;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.section-title h2{font-size:26px;margin:0;font-weight:400}#newForm{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;align-items:end}.wide{grid-column:span 2}label{font:700 11px/1.4 Arial;letter-spacing:.08em;text-transform:uppercase;display:grid;gap:8px}input,select,textarea{border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;padding:11px 2px;font:20px Georgia;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--coral);outline-offset:3px}button{cursor:pointer}#newForm button,.save{background:var(--ink);color:var(--paper);border:0;padding:16px 20px;font:700 12px Arial;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}.summary{padding:42px 28px;border-bottom:1px solid var(--ink)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink)}.stats article{padding:24px;min-height:150px;border-right:1px solid var(--ink)}.stats article:last-child{border:0}.stats small,.stats em{font:11px Arial;text-transform:uppercase;letter-spacing:.1em;display:block}.stats strong{display:block;font-size:52px;color:var(--blue);margin:10px 0}.history{padding:44px 28px 100px}.filters{display:flex;gap:8px;margin-bottom:20px}.filters button{background:transparent;border:1px solid var(--ink);padding:7px 13px}.filters button.active{background:var(--coral);color:white}.record{display:grid;grid-template-columns:100px 1fr 180px auto;gap:20px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.record .when{font:12px Arial;color:#665f54}.record h3{font-size:23px;margin:0 0 7px}.record p{margin:5px 0;color:#665f54}.tag{font:11px Arial;border:1px solid;padding:4px 7px;width:max-content}.review button{background:var(--blue);color:white;border:0;padding:10px 12px}.reviewed-note{border-left:3px solid var(--coral);padding-left:12px}.delete{background:transparent;border:0;font-size:18px;color:#756e62}.empty{padding:70px 20px;text-align:center;border-top:1px solid var(--line);color:#756e62}#formError{color:#a42a1b;font:12px Arial}dialog{width:min(520px,calc(100% - 30px));background:var(--paper);border:2px solid var(--ink);padding:0;box-shadow:12px 12px 0 var(--coral)}dialog::backdrop{background:#25231fc9}dialog form{padding:32px;display:grid;gap:24px}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px}.rating{display:flex}.rating input{position:absolute;opacity:0}.rating label{padding:10px 14px;border:1px solid;margin-right:-1px;cursor:pointer}.rating input:checked+label{background:var(--blue);color:white}textarea{min-height:90px;resize:vertical}@media(max-width:720px){header{grid-template-columns:72px 1fr;padding:30px 18px;min-height:350px}.intro{grid-column:1/-1;margin:20px 0}.date-chip{width:58px;height:72px}h1{font-size:72px}.card,.summary,.history{padding-left:18px;padding-right:18px}#newForm{grid-template-columns:1fr 1fr}.wide{grid-column:1/-1}#newForm button{grid-column:1/-1}.stats{grid-template-columns:1fr}.stats article{border-right:0;border-bottom:1px solid;min-height:120px}.record{grid-template-columns:70px 1fr auto}.record .review{grid-column:2/-1}}