:root{--bg-page: #f6f2ea;--paper: #fcf8f0;--ink: #231d1f;--accent: #b83b4d;--tape: #d8c4a2;--shadow: 0 12px 26px rgba(35, 29, 31, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 18% 10%,rgba(248,206,143,.36),transparent 30%),radial-gradient(circle at 82% 22%,rgba(178,151,230,.18),transparent 28%),linear-gradient(160deg,#f8f1e2,#f4eee4 52%,#eee5d4);font-family:Cormorant Garamond,serif;line-height:1.45}h1,h2,h3{font-family:Bebas Neue,sans-serif;letter-spacing:.06em;margin:0}.hero{position:relative;padding:4.5rem 1.25rem 3.2rem;text-align:center;overflow:clip;border-bottom:2px dashed rgba(35,29,31,.24);background:linear-gradient(124deg,#ffefd6e6,#ffecd299),repeating-linear-gradient(45deg,#fff3 0 10px,#f0cfb333 10px 20px)}.hero__grain{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(rgba(80,62,42,.28) .45px,transparent .45px),radial-gradient(rgba(80,62,42,.24) .45px,transparent .45px);background-size:3px 3px,5px 5px;background-position:0 0,1px 1px;pointer-events:none}.hero>*{position:relative;z-index:2}.hero__eyebrow{margin:0;font-family:Special Elite,cursive;letter-spacing:.08em;font-size:.9rem;text-transform:uppercase}.hero h1{margin-top:.6rem;font-size:clamp(2.2rem,7vw,4.8rem)}.hero__intro{max-width:56ch;margin:.8rem auto 0;font-size:clamp(1rem,2.6vw,1.2rem)}.hero__jump{display:inline-block;margin-top:1.3rem;padding:.6rem 1.05rem;color:#fff;text-decoration:none;border-radius:3px;background:linear-gradient(130deg,#7d2937,#b83b4d);box-shadow:0 7px 18px #7d293747;transition:transform .18s ease}.hero__jump:hover,.hero__jump:focus-visible{transform:translateY(-2px) rotate(-1deg)}.era-nav{position:sticky;top:0;z-index:40;border-bottom:1px dashed rgba(35,29,31,.3);background:#f8f1e2e0;backdrop-filter:blur(6px)}.era-nav__inner{display:flex;gap:.55rem;overflow-x:auto;padding:.6rem .8rem}.era-nav__inner a{flex:0 0 auto;text-decoration:none;color:var(--ink);border:1px solid rgba(35,29,31,.22);border-radius:999px;padding:.35rem .8rem;font-size:.92rem;background:#fcf8f0f2}.era-nav__inner a:focus-visible,.era-nav__inner a:hover{outline:none;border-color:#231d1f94;transform:translateY(-1px)}.eras{padding:1.2rem;display:grid;gap:1rem}.era-card,.status-card{position:relative;border:1px solid rgba(35,29,31,.2);border-radius:8px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden;opacity:0;transform:translateY(18px) rotate(var(--tilt, 0deg))}.era-card:before,.status-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.56),transparent 45%),linear-gradient(180deg,transparent 0%,rgba(50,35,23,.04) 100%);pointer-events:none}.is-visible{animation:reveal .5s ease forwards}@keyframes reveal{to{opacity:1;transform:translateY(0) rotate(var(--tilt, 0deg))}}.era-card__header{padding:1.05rem;border-bottom:1px dashed rgba(35,29,31,.25);background:linear-gradient(140deg,var(--paper-accent),var(--paper))}.era-card__topline{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.era-card h2{font-size:clamp(1.45rem,6vw,2.2rem)}.era-card__tag{font-family:Special Elite,cursive;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border:1px dashed rgba(35,29,31,.45);border-radius:999px;padding:.2rem .65rem;background:#ffffffb8}.era-card__subtitle{margin:.2rem 0 0;font-style:italic;font-size:1.02rem}.era-card__content{padding:1rem;display:grid;gap:.92rem}.era-card__note{margin:0;padding:.75rem;background:#ffffffad;border-left:4px solid var(--accent-color);font-size:1.02rem}.era-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.era-card__meta h3{font-size:1rem;margin-bottom:.3rem}.era-card__meta ul{margin:0;padding-left:1rem}.era-card__meta li{margin-bottom:.22rem}.era-card__year{font-family:Special Elite,cursive;font-size:.88rem;opacity:.9}.tape{position:absolute;width:72px;height:18px;background:#d8c4a2a8;border:1px solid rgba(91,77,55,.15);transform:rotate(-9deg);top:10px;left:14px}.sticker{position:absolute;right:11px;bottom:10px;border:1px solid rgba(35,29,31,.2);border-radius:999px;padding:.22rem .62rem;font-family:Special Elite,cursive;font-size:.72rem;background:#ffffffe6}.timeline,.social-windows,.status-feed,.status-upload{margin:2rem 1.2rem 1.4rem;border:1px dashed rgba(35,29,31,.3);border-radius:10px;background:#fcf8f0b8;padding:1rem}.timeline h2,.social-windows h2,.status-feed h2,.status-upload h2{margin-bottom:.75rem;font-size:1.5rem}.timeline__strip{display:flex;gap:.45rem;flex-wrap:wrap}.timeline__chip{border:1px solid rgba(35,29,31,.24);border-radius:4px;font-family:Special Elite,cursive;font-size:.72rem;padding:.3rem .5rem;background:linear-gradient(130deg,var(--chip-a),var(--chip-b))}.status-feed__lead,.social-windows__lead,.status-upload__lead{margin-top:0}.social-windows__grid{display:grid;gap:.85rem}.social-window{border:1px solid rgba(35,29,31,.2);border-radius:8px;background:#fcf8f0e6;box-shadow:var(--shadow);opacity:0;transform:translateY(18px)}.social-window__header{display:flex;align-items:center;gap:.6rem;border-bottom:1px dashed rgba(35,29,31,.25);padding:.65rem .8rem;background:linear-gradient(160deg,#ffffffeb,#f0e4d1b3)}.social-window__header h3{font-size:1.2rem}.social-window__dots{width:34px;height:10px;border-radius:999px;background:radial-gradient(circle at 5px 5px,#d56b5f 0 3px,transparent 3.1px),radial-gradient(circle at 17px 5px,#ddb85e 0 3px,transparent 3.1px),radial-gradient(circle at 29px 5px,#6fa567 0 3px,transparent 3.1px)}.social-window__list{list-style:none;margin:0;padding:.8rem;display:grid;gap:.6rem}.social-window__item a{display:flex;justify-content:space-between;gap:.8rem;text-decoration:none;color:var(--ink);border:1px solid rgba(35,29,31,.15);border-radius:8px;padding:.55rem .65rem;background:#ffffffbf}.social-window__item a span{white-space:nowrap;opacity:.8;font-size:.92rem;font-family:Special Elite,cursive}.social-window__item a:hover,.social-window__item a:focus-visible{border-color:#231d1f6b;transform:translateY(-1px)}.status-feed__grid{display:grid;gap:.8rem}.status-card{padding:.9rem}.status-card h3{font-size:1.3rem;margin:.2rem 0}.status-card p{margin:.25rem 0 .5rem}.status-card__meta{margin:0;display:flex;justify-content:space-between;font-size:.9rem;font-family:Special Elite,cursive}.status-card a,.site-footer a,.status-post__back{color:var(--ink);text-underline-offset:2px}.status-upload__form{display:grid;gap:.7rem}.status-upload label{display:grid;gap:.25rem;font-weight:500}.status-upload input,.status-upload textarea,.status-upload button{font:inherit}.status-upload input,.status-upload textarea{border:1px solid rgba(35,29,31,.3);border-radius:6px;padding:.5rem .6rem;background:#fffc}.status-upload__actions{display:flex;flex-wrap:wrap;gap:.65rem}.status-upload__actions button,.status-upload__file{border:1px solid rgba(35,29,31,.35);border-radius:999px;background:#fff;padding:.4rem .85rem;cursor:pointer}.status-upload__file input{display:none}.status-upload__saved h3{margin:1rem 0 .5rem;font-size:1.15rem}.status-upload__list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.status-upload__item{display:flex;justify-content:space-between;gap:.5rem;border:1px solid rgba(35,29,31,.2);border-radius:8px;padding:.6rem;background:#ffffffd9}.status-upload__item p{margin:.2rem 0}.status-upload__item small{opacity:.8}.status-upload__item button{align-self:start;border:1px solid rgba(35,29,31,.35);border-radius:999px;background:#fff;padding:.25rem .6rem}.status-upload__empty{opacity:.75}.site-footer{text-align:center;padding:1rem 1rem 2rem;font-size:.98rem}.status-post{padding:1.2rem}.status-post__article{margin:0 auto;max-width:760px;background:#fcf8f0eb;border:1px solid rgba(35,29,31,.2);border-radius:10px;box-shadow:var(--shadow);padding:1.2rem}.status-post__meta{margin:0;font-family:Special Elite,cursive;font-size:.9rem}.status-post__article h1{font-size:clamp(2rem,5vw,2.8rem);margin:.4rem 0 .6rem}.status-post__article p,.status-post__article li{font-size:1.07rem}.status-post__article code{background:#231d1f14;padding:.08rem .3rem;border-radius:3px}@media(min-width:760px){.eras,.social-windows__grid,.status-feed__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;padding:1.5rem}.era-card:nth-child(3n){transform:translateY(18px) rotate(-.6deg)}.era-card:nth-child(4n){transform:translateY(18px) rotate(.45deg)}.timeline,.status-feed,.status-upload{margin-inline:1.5rem}}@media(max-width:540px){.era-card__meta{grid-template-columns:1fr}}