@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Caveat:wght@500;600&display=swap');
:root{--paper:#f4eee2;--paper-deep:#e9dfce;--ink:#282722;--muted:#81796d;--rust:#a9573f;--peach:#e7b5a1;--lilac:#d8cee5;--sage:#cbd4bd;--blue:#c5d7dc;--butter:#ebdfa7;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace;--hand:'Caveat',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#d7cdbd;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.cover{min-height:100vh;display:grid;place-items:center;padding:40px 22px;background:#d8cebf;position:relative;overflow:hidden}.cover:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ad9d85 0.65px,transparent .65px);background-size:7px 7px;opacity:.17}.cover-paper{position:relative;width:min(1110px,100%);min-height:690px;padding:40px 6.7%;background:linear-gradient(120deg,#f6f0e5,#eee5d6);box-shadow:0 26px 70px #65594633,0 3px 7px #594c3633;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden}.cover-paper:after,.paper-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(#b6a58d .65px,transparent .65px);background-size:5px 5px}.cover-stamp,.cover-date{position:absolute;top:31px;font:10px var(--mono);letter-spacing:.12em;color:#655e53}.cover-stamp{left:6.7%}.cover-stamp span{color:var(--rust);margin-left:7px}.cover-date{right:6.7%}.cover-date span{font-family:var(--hand);font-size:16px;letter-spacing:0;text-decoration:underline dotted}.cover-copy{z-index:2;max-width:600px;padding-top:40px;grid-column:1;grid-row:1}.envelope{grid-column:2;grid-row:1}.eyebrow,.mono,.section-no{font:10px var(--mono);letter-spacing:.12em;color:#81796d}.cover h1{font:clamp(35px,5.2vw,64px)/1.08 var(--serif);letter-spacing:-.045em;margin:17px 0 19px;max-width:630px}.cover h1 em{font-weight:500;color:#a45f4b}.cover-copy>p:not(.eyebrow){max-width:490px;font-size:15px;color:#625b50}.button{font:10px var(--mono);letter-spacing:.08em;border:1px solid transparent;padding:14px 18px;cursor:pointer;transition:.22s ease;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-align:center}.button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #2b27221c}.button-dark{background:var(--ink);color:#f8f1e5}.button-outline{background:transparent;border-color:#756d61;color:#403c34}.button-light{background:#eee5d6;color:#332f29}.button-outline-light{background:transparent;border-color:#e3d5c0;color:#f1e7d5}.open-archive{margin-top:19px}.open-archive span{font-size:18px}.cover-edge{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.18em;color:#7a7062}.envelope{position:relative;width:min(355px,100%);height:260px;justify-self:center;margin-top:35px;filter:drop-shadow(0 20px 20px #6658402b);transform:rotate(3deg);transition:.8s cubic-bezier(.2,.8,.2,1);z-index:1}.env-back,.env-front,.env-flap{position:absolute;inset:0;background:#c88368}.env-back{background:#b96d53}.env-front{clip-path:polygon(0 29%,50% 70%,100% 29%,100% 100%,0 100%);background:#d99a7e;z-index:3}.env-flap{clip-path:polygon(0 0,100% 0,50% 65%);background:#e3ad92;transform-origin:top;z-index:4;transition:transform .8s}.env-letter{position:absolute;left:8%;right:8%;height:83%;bottom:5%;background:#faf5e9;z-index:2;text-align:center;padding-top:42px;color:#8f5143;font:24px var(--serif);transition:transform .9s}.env-letter small{display:block;font:12px var(--hand);color:#81796d}.env-seal{position:absolute;z-index:5;left:calc(50% - 20px);top:48%;width:40px;height:40px;border-radius:50%;background:#865042;color:#f4e6d0;display:grid;place-items:center;font:19px var(--serif);box-shadow:0 2px 4px #53372d55;transition:opacity .25s}.cover.opened .env-flap{transform:rotateX(180deg);z-index:1}.cover.opened .env-letter{transform:translateY(-80px)}.cover.opened .env-seal{opacity:0}.cover.opened .envelope{transform:rotate(0) translateY(25px)}.cover-scraps{position:absolute;right:5%;top:18%;width:33%;height:72%;pointer-events:none}.scrap{position:absolute;display:grid;place-content:center;text-align:center;width:130px;height:92px;background:#d8cfb9;color:#6c6251;font:19px/1 var(--hand);box-shadow:2px 5px 10px #5b4a3022;transform:rotate(-8deg)}.scrap-one{top:5%;right:4%;background:#d9d0bc}.scrap-two{right:25%;bottom:8%;background:#cdd5c4;font:10px var(--mono);letter-spacing:.1em;transform:rotate(8deg)}.cover-star{position:absolute;top:42%;left:4%;font-size:41px;color:#b67558}.cover-tape{position:absolute;width:86px;height:23px;background:#d9bd82aa;z-index:4;transform:rotate(-11deg)}.tape-a{left:18%;top:0}.tape-b{right:18%;bottom:0;transform:rotate(7deg)}
.archive-shell{max-width:1300px;margin:0 auto;background:var(--paper);box-shadow:0 0 70px #564a382c;overflow:hidden}.sitebar{height:68px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8cebd;background:#f8f3e9;position:sticky;top:0;z-index:10}.wordmark{text-decoration:none;color:var(--ink);font:12px var(--mono);letter-spacing:.08em}.wordmark span{color:var(--rust)}.sitebar nav{display:flex;gap:22px}.sitebar nav a{font:9px var(--mono);letter-spacing:.08em;text-decoration:none;color:#615a50}.sitebar nav a:hover{color:var(--rust)}.archive-index{font:9px var(--mono);color:#928878}.menu-toggle{display:none;background:none;border:0;font-size:22px;color:var(--ink)}.intro-strip{background:#e8dfce;padding:18px 7%;display:flex;align-items:center;gap:24px;justify-content:space-between;border-bottom:1px dashed #bdb09b}.intro-strip p{margin:0;flex:1;font:15px var(--serif);text-align:center}.hand{font:20px var(--hand);color:#9c5d49;transform:rotate(-4deg)}.section-pad{padding:79px 8%}.section-heading{display:flex;align-items:center;gap:17px;margin-bottom:30px}.section-heading .rule{height:1px;background:#c7bdad;flex:1}.section-no{color:#766b5d}.section-heading .mono{font-size:9px}.letter-section{padding-bottom:88px}.letter-paper{position:relative;max-width:850px;margin:0 auto;padding:45px 8% 38px;background:#fbf7ee;box-shadow:0 10px 25px #55472b18;border:1px solid #e9e0d0;background-image:repeating-linear-gradient(transparent 0 34px,#ded8c987 35px)}.letter-paper:before{content:"";position:absolute;left:8%;top:0;bottom:0;border-left:1px solid #d8a79a88}.paper-clip{position:absolute;width:18px;height:46px;border:2px solid #9c9588;border-radius:12px;top:-12px;left:50%;transform:rotate(7deg);z-index:2}.letter-top{display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);letter-spacing:.12em;color:#80604f}.text-button{background:none;border:0;color:#80604f;font:9px var(--mono);letter-spacing:.08em;padding:7px 4px;cursor:pointer}.text-button:hover{text-decoration:underline;color:var(--rust)}.letter-body{position:relative;z-index:1;font:17px/2.05 var(--hand);white-space:pre-wrap;color:#48443b;min-height:100px}.letter-sign{position:relative;z-index:1;margin-top:22px;font:25px var(--hand);color:#8e5645}.letter-sign span{font:18px var(--sans)}.letter-mark{position:absolute;bottom:27px;right:8%;font:52px var(--serif);color:#ab785f;opacity:.42;transform:rotate(-14deg)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.evidence-card,.college-card,.brief-card,.meme-card,.polaroid,.memory-entry,.eli-card{position:relative;box-shadow:3px 7px 14px #55452a17;transition:transform .3s,box-shadow .3s}.evidence-card:hover,.college-card:hover,.brief-card:hover,.meme-card:hover,.polaroid:hover{box-shadow:4px 12px 20px #55452a20}.evidence-card{min-height:258px;padding:25px 23px 23px;background:var(--card,#e7b5a1);transform:rotate(var(--rotate,0deg));display:flex;flex-direction:column}.evidence-card:nth-child(3n+2){--rotate:1deg}.evidence-card:nth-child(3n){--rotate:-1deg}.card-index{font:9px var(--mono);letter-spacing:.12em;color:#5f554b;opacity:.78}.evidence-card h3,.college-card h3,.brief-card h3{font:21px/1.15 var(--serif);margin:17px 0 10px}.evidence-card p,.college-card p,.brief-card p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.7;color:#49453e}.card-stamp{border:1px solid currentColor;align-self:flex-end;margin-top:auto;padding:4px 7px;font:8px var(--mono);letter-spacing:.08em;transform:rotate(-6deg);opacity:.68}.card-more{display:none;padding-top:12px;font:17px var(--hand)}.evidence-card.expanded .card-more{display:block}.card-tools{position:absolute;top:9px;right:9px;display:flex;gap:2px;opacity:.7}.icon-button{border:0;background:#f6f0e4b8;color:#39362f;width:27px;height:25px;font:12px var(--mono);cursor:pointer}.icon-button:hover{background:#fff}.section-actions{text-align:center;margin-top:26px}.section-actions .button{font-size:9px}.college-section{background:#dcd9c9;border-top:1px solid #c8c5b6;border-bottom:1px solid #c8c5b6;position:relative}.college-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7a786b .6px,transparent .6px);background-size:6px 6px;opacity:.08;pointer-events:none}.board-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px;position:relative}.board-top h2,.newspaper-head h2,.gift-copy h2{font:clamp(31px,4vw,48px)/1 var(--serif);margin:12px 0 0;letter-spacing:-.04em}.board-top h2 em,.newspaper-head h2 em,.gift-copy h2 em{font-weight:500;color:#9a5b47}.board-label{font:9px var(--mono);border:1px solid #9f9987;padding:7px 10px;letter-spacing:.1em}.college-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px;position:relative}.college-card{min-height:210px;padding:22px 18px 19px;background:var(--card,#d8cee5);transform:rotate(var(--rotate,0deg))}.college-card:before{content:"";position:absolute;left:calc(50% - 18px);top:-8px;width:36px;height:14px;background:#c5b28d99;transform:rotate(-5deg)}.college-card h3{font-size:18px;margin:10px 0}.college-card p{font-size:12px}.college-card .card-tools{top:4px;right:4px}.college-section>.button{position:relative}
.meme-section{background:#292a28;color:#eee8dd}.meme-section .section-no,.meme-section .mono{color:#b7ad9e}.meme-section .section-heading .rule{background:#55534c}.meme-layout{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:24px}.meme-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-content:start}.meme-card{padding:12px 12px 16px;background:var(--card,#f1eadc);color:#34312c;transform:rotate(var(--rotate,0deg))}.meme-card:nth-child(3n+2){--rotate:1.8deg}.meme-card:nth-child(3n){--rotate:-1.5deg}.media-frame{height:170px;background:#d8d0c2;display:grid;place-items:center;position:relative;overflow:hidden}.media-frame img{width:100%;height:100%;object-fit:cover}.media-tools{position:absolute;right:5px;top:5px;z-index:4;display:flex;gap:3px}.media-tools .icon-button{background:#f6f0e4e8}.memory-empty{padding:28px 22px;border:1px dashed #b8aa94;color:#766b5d;font:11px var(--mono);letter-spacing:.04em}.memory-empty span{display:block;margin-top:8px;font:20px var(--hand);letter-spacing:0}.form-hint{font:12px/1.5 var(--sans);color:#71675a;background:#eee5d7;padding:10px}.placeholder-image{font:12px var(--mono);letter-spacing:.08em;text-align:center;color:#766b5d;padding:15px}.meme-caption{font:20px/1.2 var(--hand);padding:13px 4px 0;min-height:52px}.meme-title{font:9px var(--mono);letter-spacing:.1em;color:#797163}.sticker{position:absolute;right:6px;top:6px;background:#e7b5a1;color:#483d34;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:17px;box-shadow:0 2px 4px #3333}.meme-card .card-tools{top:7px;right:7px;transform:translateY(40px);z-index:2}.meme-card:hover .card-tools,.meme-card:focus-within .card-tools{transform:none}.meme-sidebar{display:flex;flex-direction:column;align-items:center;gap:19px;color:#cfc5b4}.reaction-note{background:#e9dca9;color:#403a2d;padding:13px 12px 9px;transform:rotate(-5deg);font-size:27px;text-align:center;width:100%;box-shadow:2px 4px 10px #0003}.reaction-note small{display:block;font:9px var(--mono);margin-top:4px}.reaction-note.sage{background:#c7d0bd;transform:rotate(4deg)}.sidebar-scribble{font:20px/1.05 var(--hand);color:#d3a08c;transform:rotate(-7deg);margin:12px 0}.floating-stamp{width:67px;height:67px;border:2px solid #b97058;border-radius:50%;display:grid;place-content:center;text-align:center;color:#d48c6f;font:10px var(--mono);transform:rotate(13deg)}.meme-section>.button{margin-top:25px}.meme-section .button-dark{background:#e9dfcd;color:#2b2925}
.section-intro{font:17px/1.55 var(--serif);max-width:700px;color:#5c554b;margin:-9px 0 30px}.timeline{position:relative;margin:0 0 28px;padding-left:36px}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:15px;border-left:1px dashed #aaa08d}.memory-entry{display:grid;grid-template-columns:minmax(170px,.72fr) 1.3fr;gap:26px;padding:18px 0 24px;border-bottom:1px solid #ddd2c0;position:relative}.memory-entry:before{content:"";position:absolute;left:-31px;top:25px;width:11px;height:11px;background:var(--rust);border:3px solid var(--paper);outline:1px solid var(--rust);border-radius:50%}.memory-entry .media-frame{height:180px;transform:rotate(-2deg);box-shadow:3px 6px 13px #40372425}.memory-copy{align-self:center}.memory-meta{font:9px var(--mono);letter-spacing:.12em;color:#8d6755}.memory-copy h3{font:26px var(--serif);margin:7px 0}.memory-copy p{font:18px/1.45 var(--hand);white-space:pre-wrap;color:#5a5146;margin:0}.memory-copy .location{font:10px var(--mono);color:#898072;margin-top:12px}.memory-entry .card-tools{top:14px;right:0}
.briefing-section{background:#ede4d6;border-top:1px solid #d4c8b5}.newspaper-head{text-align:center;border-top:3px double #47423a;border-bottom:1px solid #777065;padding:18px 0 17px;margin-bottom:22px;position:relative}.newspaper-head h2{font-size:clamp(28px,4vw,43px);margin:11px 0}.edition{position:absolute;right:0;bottom:8px;font:8px var(--mono);color:#7b7266}.brief-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #aaa08f;margin-bottom:24px}.brief-card{padding:20px 15px;min-height:216px;border-right:1px solid #bdb3a3;background:#f4eee2}.brief-card:last-child{border-right:0}.brief-card h3{font:19px var(--serif);margin:9px 0}.brief-card p{font-size:12px}.brief-card .card-tools{top:4px;right:4px}
.music-section{background:#d5d8cb}.music-card{display:grid;grid-template-columns:300px 1fr;max-width:900px;margin:0 auto;background:#f5eee1;border:1px solid #b8b4a6;box-shadow:5px 9px 0 #b6b9ac;padding:25px;gap:34px;position:relative}.music-card:before{content:"";position:absolute;left:50%;top:-9px;width:54px;height:16px;background:#c9b98eaa;transform:translateX(-50%) rotate(-3deg)}.music-art{aspect-ratio:1;background:#d5c2a8;display:grid;place-items:center;position:relative;overflow:hidden}.vinyl{width:78%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#242421 0 2px,#35342e 3px 5px,#262521 6px 8px);display:grid;place-items:center;box-shadow:4px 7px 12px #38302450;animation:spin 7s linear infinite;animation-play-state:paused}.vinyl.playing{animation-play-state:running}.vinyl-label{width:33%;aspect-ratio:1;border-radius:50%;background:#be8063;display:grid;place-content:center;text-align:center;font:15px/1.15 var(--serif);color:#fff1da}.music-art img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:2}.music-art img:not([hidden])~.vinyl{opacity:.18}.music-doodle{position:absolute;right:18px;top:14px;font:34px var(--hand);color:#83694c;animation:bob 1.7s ease-in-out infinite;opacity:0}.music-art.is-playing .music-doodle{opacity:1}.music-controls h3{font:21px/1.3 var(--serif);margin:9px 0 6px}.local-note{font-size:11px;color:#716b5e;line-height:1.5}.progress-row{display:grid;grid-template-columns:36px 1fr 36px;gap:8px;align-items:center;font:9px var(--mono);color:#716a60;margin-top:18px}.progress-row input,.volume-label input{width:100%;accent-color:#9e634e;height:3px}.player-row{display:flex;align-items:center;gap:16px;margin-top:13px}.play-button{width:39px;height:39px;border:0;border-radius:50%;background:#33332e;color:#f4ebdd;cursor:pointer;font-size:13px}.volume-label{margin-left:auto;display:flex;align-items:center;gap:8px;font:9px var(--mono)}.volume-label input{width:75px}.music-actions{display:flex;align-items:center;gap:15px;margin-top:15px;flex-wrap:wrap}.music-actions .button{padding:11px 13px;font-size:9px}.cover-upload{margin-top:7px}.gallery-section{background:#f7f0e4}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px 19px;margin-bottom:28px}.polaroid{background:var(--card,#fffdf5);padding:11px 11px 18px;transform:rotate(var(--rotate,0deg));}.polaroid:nth-child(4n+1){--rotate:-2deg}.polaroid:nth-child(4n+2){--rotate:1deg}.polaroid:nth-child(4n+3){--rotate:2deg}.polaroid:nth-child(4n){--rotate:-1deg}.polaroid .media-frame{height:auto;aspect-ratio:1/1;background:#e6dfd2}.polaroid .caption{font:18px/1.1 var(--hand);text-align:center;padding:13px 5px 2px;min-height:43px}.polaroid .date{font:8px var(--mono);text-align:center;color:#978b79}.polaroid .card-tools{top:14px;right:13px;z-index:2;opacity:0}.polaroid:hover .card-tools,.polaroid:focus-within .card-tools{opacity:1}.polaroid .sticker{top:-12px;right:13px;z-index:1}.gift-section{display:grid;grid-template-columns:210px 1fr;gap:36px;align-items:center;background:#e9dfce;border-block:1px solid #d5c9b5}.gift-box{height:155px;width:165px;margin:auto;position:relative;cursor:pointer;filter:drop-shadow(4px 8px 7px #55452a33);transition:.4s}.gift-box:hover{transform:translateY(-5px) rotate(-2deg)}.gift-body{position:absolute;bottom:0;left:12px;right:12px;height:100px;background:#b77d69;display:grid;place-items:center;color:#f4e6d0;font-size:28px}.gift-ribbon{position:absolute;left:calc(50% - 11px);top:46px;bottom:0;width:22px;background:#ddbd82}.gift-lid{position:absolute;z-index:2;left:3px;right:3px;top:37px;height:25px;background:#c38a73;transition:.65s;transform-origin:left center}.gift-box.open .gift-lid{transform:translate(-8px,-40px) rotate(-18deg)}.gift-copy h2{font-size:38px;margin:11px 0 18px}.gift-note{position:relative;margin-top:17px;padding:20px 22px;background:#fbf5e8;box-shadow:2px 5px 12px #51442b20;max-width:700px;animation:paperIn .5s}.gift-note p{font:20px/1.45 var(--hand);margin:5px 0;color:#514a40;white-space:pre-wrap}.edit-gift{display:block;margin-left:auto}.eli-section{background:#e1d8cb;border-block:1px dashed #c1b39e}.eli-toggle-wrap{text-align:center;padding:18px;background:#f6efe3}.eli-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.eli-card{background:#e8cfb9;padding:22px;min-height:150px}.eli-card h3{font:22px var(--serif);margin:0 0 10px}.eli-card p{font:18px/1.4 var(--hand);white-space:pre-wrap}.hidden-notes-section{padding-top:50px;padding-bottom:56px}.secret-row{display:flex;gap:20px;justify-content:space-between;margin:10px 0 16px}.secret-clue{border:0;background:transparent;color:#9d795e;font-size:24px;cursor:pointer;padding:7px;transition:.2s}.secret-clue:hover{transform:translateY(-4px) rotate(12deg);color:var(--rust)}.secret-reveal{padding:14px 20px;background:#eee1c5;font:20px var(--hand);color:#625343;max-width:650px;animation:paperIn .35s}.archive-footer{background:#31312d;color:#eee6d9;text-align:center;padding:54px 8% 36px}.footer-stamp{font:clamp(23px,4vw,37px) var(--serif);letter-spacing:.03em}.footer-stamp span{color:#d3a07c}.archive-footer p{font:19px var(--hand);color:#d1c6b5;margin:13px 0 24px}.footer-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.footer-actions .button{font-size:9px;padding:12px}.footer-small{display:block;margin-top:28px;font:8px var(--mono);letter-spacing:.15em;color:#a79d8f}
.editor-dialog{width:min(570px,calc(100% - 28px));max-height:88vh;border:1px solid #c3b59e;background:#f7f0e4;color:var(--ink);padding:0;box-shadow:0 22px 75px #19171266}.editor-dialog::backdrop{background:#25221d99;backdrop-filter:blur(3px)}.editor-dialog form{padding:25px 28px 27px;max-height:88vh;overflow:auto}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-close{font-size:25px;border:0;background:none;color:#62584b;cursor:pointer}.editor-dialog h2{font:29px var(--serif);margin:10px 0 20px}.field{display:block;margin:14px 0}.field span{display:block;font:9px var(--mono);letter-spacing:.08em;color:#71675a;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid #c9bead;background:#fffaf1;color:#38352f;font:14px var(--sans);border-radius:0}.field textarea{min-height:120px;resize:vertical;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#292925;color:#f6eee1;padding:12px 17px;font:12px var(--sans);box-shadow:0 7px 20px #0003;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:min(90vw,480px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-6px) rotate(8deg)}}@keyframes paperIn{from{opacity:0;transform:translateY(8px) rotateX(-5deg)}to{opacity:1;transform:none}}
@media(max-width:900px){.sitebar nav{gap:12px}.sitebar nav a{font-size:8px}.archive-index{display:none}.college-grid{grid-template-columns:repeat(2,1fr)}.brief-grid{grid-template-columns:repeat(2,1fr)}.brief-card{border-bottom:1px solid #bdb3a3}.brief-card:nth-child(even){border-right:0}.brief-card:last-child{grid-column:span 2}.gallery-grid{grid-template-columns:repeat(3,1fr)}.meme-wall{grid-template-columns:repeat(2,1fr)}.cover-paper{grid-template-columns:1.1fr .9fr}.scrap{width:105px;height:78px}}
@media(max-width:650px){body{font-size:14px}.cover{min-height:100svh;padding:15px}.cover-paper{min-height:740px;display:flex;flex-direction:column;justify-content:flex-start;padding:65px 8% 42px}.cover-stamp{left:8%;top:25px;font-size:9px}.cover-date{top:25px;right:8%;font-size:8px}.cover-copy{padding-top:10px;order:1}.cover h1{font-size:39px}.cover-copy>p:not(.eyebrow){font-size:14px}.envelope{width:240px;height:175px;margin:33px auto 12px;order:2}.env-letter{padding-top:25px;font-size:20px}.env-seal{width:34px;height:34px;left:calc(50% - 17px)}.cover-scraps{right:0;top:47%;width:100%;height:38%;opacity:.7}.scrap-one{right:4%;top:2%}.scrap-two{right:28%;bottom:0}.cover-star{top:45%;left:7%}.cover-edge{font-size:7px;white-space:nowrap}.tape-a{left:14%}.tape-b{right:12%}.sitebar{height:59px;padding:0 5%;}.wordmark{font-size:10px}.menu-toggle{display:block}.sitebar nav{display:none;position:absolute;left:0;right:0;top:58px;background:#f8f3e9;padding:17px 5% 20px;grid-template-columns:repeat(3,1fr);gap:16px;border-bottom:1px solid #c9bdab}.sitebar nav.open{display:grid}.sitebar nav a{font-size:9px}.intro-strip{padding:15px 6%;gap:10px}.intro-strip p{font-size:13px}.intro-strip .mono{font-size:8px}.hand{font-size:16px}.section-pad{padding:56px 6%}.section-heading{gap:10px;margin-bottom:22px}.section-heading .mono{font-size:7px}.section-no{font-size:8px}.letter-paper{padding:33px 7% 30px}.letter-top{font-size:9px}.letter-body{font-size:17px;line-height:1.85}.letter-sign{font-size:23px}.card-grid{grid-template-columns:1fr 1fr;gap:11px}.evidence-card{padding:21px 15px 17px;min-height:260px}.evidence-card h3{font-size:18px}.evidence-card p{font-size:12px}.card-stamp{font-size:7px}.card-tools{opacity:1}.icon-button{width:25px;height:25px}.board-top{align-items:start;gap:10px}.board-top h2{font-size:34px}.board-label{font-size:7px;padding:6px}.college-grid{gap:10px}.college-card{padding:19px 13px 16px;min-height:230px}.college-card h3{font-size:17px}.college-card p{font-size:11px}.meme-layout{display:block}.meme-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meme-sidebar{margin:20px -6vw -15px;padding:13px 6vw;background:#242522;flex-direction:row;justify-content:flex-start;overflow-x:auto;gap:13px}.meme-sidebar>.mono{min-width:90px;font-size:8px}.reaction-note{min-width:105px;width:105px;padding:8px;font-size:23px}.reaction-note small{font-size:8px}.sidebar-scribble{min-width:110px;font-size:18px}.floating-stamp{min-width:55px;height:55px}.media-frame{height:125px}.meme-caption{font-size:18px}.timeline{padding-left:26px}.timeline:before{left:7px}.memory-entry{grid-template-columns:1fr;gap:12px;padding:16px 0 20px}.memory-entry:before{left:-24px}.memory-entry .media-frame{height:auto;aspect-ratio:1.55;max-width:100%;transform:rotate(-1deg)}.memory-copy h3{font-size:23px}.memory-copy p{font-size:18px}.memory-entry .card-tools{top:14px;right:0}.newspaper-head{padding:16px 0}.newspaper-head h2{font-size:29px}.edition{position:static;display:block;margin-top:8px}.brief-grid{grid-template-columns:1fr 1fr}.brief-card{min-height:192px;padding:17px 12px}.brief-card:nth-child(odd){border-right:1px solid #bdb3a3}.brief-card:nth-child(even){border-right:0}.brief-card:last-child{grid-column:span 2}.brief-card h3{font-size:18px}.brief-card p{font-size:11px}.music-card{grid-template-columns:1fr;padding:18px;gap:20px}.music-art{width:min(230px,100%);margin:auto}.music-controls h3{font-size:19px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:17px 12px}.polaroid{padding:8px 8px 13px}.polaroid .caption{font-size:17px;padding-top:10px}.polaroid .card-tools{opacity:1;top:10px;right:10px}.gift-section{grid-template-columns:115px 1fr;gap:16px;padding:45px 6%}.gift-box{transform:scale(.75);transform-origin:center}.gift-box:hover{transform:scale(.75) translateY(-5px)}.gift-copy h2{font-size:30px}.gift-copy .button{font-size:8px;padding:11px}.gift-note{grid-column:1/-1;margin-left:-128px;width:calc(100% + 128px)}.gift-note p{font-size:18px}.eli-grid{grid-template-columns:1fr 1fr}.secret-row{gap:9px}.secret-clue{font-size:21px}.footer-actions{display:grid;grid-template-columns:1fr 1fr}.footer-actions .button{min-height:43px;padding:9px;font-size:8px}.archive-footer{padding:44px 6% 30px}.archive-footer p{font-size:18px}.editor-dialog form{padding:20px}.editor-dialog h2{font-size:25px}}
@media(max-width:390px){.cover h1{font-size:34px}.card-grid,.college-grid{grid-template-columns:1fr}.evidence-card{min-height:220px}.college-card{min-height:180px}.college-card p{font-size:12px}.card-grid{gap:13px}.brief-card{padding:15px 9px}.section-heading .mono{display:none}.intro-strip .hand{display:none}.eli-grid{grid-template-columns:1fr}.meme-wall{gap:9px}.meme-card{padding:8px}.media-frame{height:108px}.meme-caption{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}