:root{
  --paper:#e7dcc5;--paper2:#f2ead9;--ink:#173d32;--red:#b6402f;--pencil:#756a59;--line:#8d816e;
  color-scheme:light;
}
*{box-sizing:border-box}html{background:#cdbf9f;overflow-x:hidden}
body{margin:0;min-height:100svh;min-height:100dvh;overflow-x:hidden;color:var(--ink);
font-family:Arial,Helvetica,sans-serif;background:
linear-gradient(rgba(51,43,29,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(51,43,29,.025) 1px,transparent 1px),#d2c5a8;
background-size:5px 5px;
padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(20px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}
button,input,textarea{font:inherit;color:inherit}.mast{min-height:58px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink);background:#ded2b7;position:sticky;top:0;z-index:10}
.wordmark{font-weight:950;letter-spacing:-.06em;text-decoration:none;font-size:22px}.wordmark span{font-family:Georgia,serif;font-style:italic;font-weight:700}.tagline{font:700 9px/1.15 Arial;text-transform:uppercase;letter-spacing:.11em;text-align:right;max-width:150px}
main{width:min(980px,100%);margin:auto}.object-sheet,.form-sheet{background:var(--paper);position:relative;border-bottom:2px solid var(--ink)}
.object-sheet{padding:24px 18px 20px 36px;min-height:320px}.label-rail{position:absolute;left:0;top:0;bottom:0;width:24px;border-right:1px dashed var(--line);display:flex;flex-direction:column;justify-content:space-around;align-items:center}.hole{width:9px;height:9px;border-radius:50%;background:#b6a889;box-shadow:inset 0 1px 2px #756a59}
.object-head{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:12px;align-items:start}.eyebrow{font-size:9px;letter-spacing:.14em;font-weight:900;margin:0 0 8px}.object-head h1{font-family:Georgia,serif;font-size:clamp(34px,11vw,68px);line-height:.88;letter-spacing:-.045em;margin:0}.object-head h1 span{font-size:.43em;font-weight:400;letter-spacing:-.025em}.qr-stub{border:2px solid;padding:7px;background:var(--paper2);transform:rotate(2deg);box-shadow:3px 4px 0 rgba(23,61,50,.15)}.qr-grid{aspect-ratio:1;background:
linear-gradient(90deg,var(--ink) 20%,transparent 20% 40%,var(--ink) 40% 60%,transparent 60% 80%,var(--ink) 80%),
linear-gradient(var(--ink) 20%,transparent 20% 40%,var(--ink) 40% 60%,transparent 60% 80%,var(--ink) 80%);
background-size:20% 20%;margin-bottom:6px}.qr-stub small{font-size:8px;font-weight:900;letter-spacing:.08em}
.object-meta{display:grid;grid-template-columns:1fr;gap:8px;margin-top:24px;border-top:1px solid var(--ink);padding-top:12px}.object-meta div{display:flex;justify-content:space-between;gap:15px}.object-meta span{font-size:10px;text-transform:uppercase;font-weight:900;color:var(--pencil)}.object-meta strong{font-family:Georgia,serif;font-size:15px;text-align:right}.stamp{position:absolute;right:18px;bottom:72px;border:3px double var(--red);color:var(--red);padding:7px 9px;font-weight:950;font-size:11px;line-height:1;letter-spacing:.06em;transform:rotate(-7deg);opacity:.86}
.timeline-wrap{background:#f5efe2;padding:22px 16px 28px}.timeline-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.timeline-head h2,.form-top h2{font-family:Georgia,serif;font-size:29px;line-height:.95;margin:0}.add-btn,.save{border:2px solid var(--ink);background:var(--ink);color:#fff;min-height:44px;padding:0 14px;font-weight:900;text-transform:uppercase;font-size:10px;letter-spacing:.08em;cursor:pointer}.timeline{margin-top:20px;border-left:2px solid var(--ink);padding-left:17px}.entry{position:relative;padding:0 0 24px 0}.entry:last-child{padding-bottom:0}.entry:before{content:"";position:absolute;left:-23px;top:5px;width:10px;height:10px;border:2px solid var(--ink);background:#f5efe2;border-radius:50%}.entry time{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--red)}.entry h3{font-family:Georgia,serif;font-size:20px;margin:4px 0}.entry p{margin:0;color:#504c43;line-height:1.45;font-size:14px}.entry .material{display:inline-block;margin-top:8px;border-bottom:1px dashed var(--line);font-size:11px;font-weight:800}.form-sheet{padding:20px 16px 26px;background:#efe4cd;border-top:3px solid var(--ink);position:fixed;inset:auto 0 0 0;z-index:30;max-height:88dvh;overflow:auto;box-shadow:0 -16px 40px rgba(0,0,0,.18)}.form-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.close{width:44px;height:44px;border:0;background:transparent;font-size:34px;cursor:pointer}form{display:grid;gap:13px;margin-top:20px}label{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}input,textarea{display:block;width:100%;margin-top:6px;border:0;border-bottom:2px solid var(--ink);background:rgba(255,255,255,.28);border-radius:0;padding:12px 10px;font-size:16px;outline:none}textarea{resize:vertical}.save{width:100%;margin-top:5px}footer{width:min(980px,100%);margin:auto;padding:18px 16px 70px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(min-width:720px){.mast{padding-inline:26px}.object-sheet{margin-top:30px;border:2px solid var(--ink);padding:42px 42px 34px 62px}.object-head{grid-template-columns:minmax(0,1fr) 140px}.object-meta{grid-template-columns:repeat(3,1fr);gap:20px}.object-meta div{display:block}.object-meta strong{display:block;text-align:left;margin-top:5px}.stamp{bottom:32px}.timeline-wrap{border:2px solid var(--ink);border-top:0;padding:32px 42px 38px}.form-sheet{left:50%;right:auto;width:min(620px,calc(100% - 40px));transform:translateX(-50%);bottom:20px;border:2px solid var(--ink)}}