:root{--bg:#f7f7f2;--paper:#fff;--ink:#080808;--soft-ink:#3c3c3c;--muted:#777;--line:#0808081f;--line-strong:#0808083d;--green:#28d828;--pink:#e356f1}*{box-sizing:border-box}html{background:var(--bg);min-height:100%;color:var(--ink);scroll-behavior:smooth}body{min-height:100%;font-family:var(--font-body), Arial, Helvetica, sans-serif;letter-spacing:0;background:linear-gradient(145deg, var(--bg) 0%, #fff 54%, #eeeeea 100%);margin:0}button,input,textarea{font:inherit}button{color:inherit}.archive-shell{width:min(1220px,100% - 32px);margin:0 auto;padding:40px 0 96px}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;padding:10px 0 34px;display:grid}.hero-copy{text-align:center;justify-items:center;display:grid}h1{max-width:100%;font-family:var(--font-display), var(--font-body), sans-serif;color:var(--ink);letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(44px,7.2vw,98px);font-weight:400;line-height:.96}.player-doodles{width:min(620px,100%);color:var(--ink);justify-items:center;gap:16px;margin-top:22px;display:grid}.track-line{width:min(560px,86vw);height:16px;position:relative}.track-line:before,.track-progress{content:"";height:2px;position:absolute;top:7px;left:0;transform:rotate(-.55deg)}.track-line:before{background:var(--ink);opacity:.5;width:100%}.track-progress{background:linear-gradient(90deg, var(--pink), var(--green));width:58%}.track-dot{border:2px solid var(--ink);background:var(--bg);border-radius:50%;width:14px;height:14px;position:absolute;top:1px;left:57%;transform:rotate(-.55deg)}.player-controls{justify-content:center;align-items:center;gap:clamp(28px,6vw,72px);width:min(520px,100%);display:flex}.doodle{width:30px;height:24px;display:inline-block;position:relative;transform:rotate(-4deg)}.doodle:before,.doodle:after,.doodle span{content:"";display:block;position:absolute}.doodle-play{border:2px solid var(--ink);background:0 0;border-radius:50%;width:54px;height:54px}.doodle-play:before{clip-path:polygon(15% 0,15% 100%,100% 50%);background:var(--green);width:19px;height:25px;top:14px;left:20px}.doodle-pause span{border:2px solid var(--ink);background:0 0;border-radius:2px;width:7px;height:22px;top:1px}.doodle-pause span:first-child{left:4px}.doodle-pause span:last-child{border-color:var(--pink);right:4px}.doodle-rewind span,.doodle-forward span{clip-path:polygon(100% 0,100% 100%,0 50%);background:var(--pink);width:15px;height:18px;top:3px}.doodle-rewind span:first-child{left:0}.doodle-rewind span:last-child{background:var(--green);left:12px}.doodle-forward span{clip-path:polygon(0 0,0 100%,100% 50%)}.doodle-forward span:first-child{background:var(--green);left:3px}.doodle-forward span:last-child{left:15px}.intro{max-width:640px;color:var(--soft-ink);margin:14px 0 0;font-size:clamp(15px,1.35vw,18px);line-height:1.55}.mode-mark{font-family:var(--font-author), var(--font-body), sans-serif;text-transform:lowercase;color:#0000;background:0 0;background:linear-gradient(90deg, var(--pink), var(--green));-webkit-background-clip:text;background-clip:text;justify-self:end;padding:4px 0;font-size:26px;font-weight:400;transform:rotate(2deg)}.toolbar{justify-content:center;padding:22px 0 32px;display:flex}.sort-control{border:2px solid var(--line-strong);background:#ffffff9e;border-radius:26px;gap:6px;padding:6px;display:inline-flex;transform:rotate(-.35deg)}.sort-button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:18px;padding:0 22px;font-size:13px;font-weight:700}.sort-button.active{background:var(--ink);color:#fff}.sort-button:hover:not(.active){color:var(--ink)}.filter-note{border:1px solid var(--line-strong);background:var(--paper);width:fit-content;max-width:100%;color:var(--soft-ink);border-radius:999px;align-items:center;gap:12px;margin:-12px auto 30px;padding:9px 12px 9px 18px;font-size:14px;display:flex}.show-all{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;position:relative;transform:rotate(-4deg)}.show-all span{background:var(--pink);border-radius:999px;width:24px;height:3px;position:absolute;top:16px;left:5px}.show-all span:first-child{transform:rotate(45deg)}.show-all span:last-child{background:var(--green);transform:rotate(-45deg)}.show-all:hover{transform:rotate(8deg)scale(1.08)}.timeline-wrap{position:relative}.timeline-rail{background:linear-gradient(#0000,#08080829 9% 92%,#0000);width:1px;position:absolute;top:4px;bottom:6px;left:126px}.memories{gap:clamp(42px,7vw,90px);display:grid}.memory-card{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:clamp(18px,3vw,48px);display:grid;position:relative}.memory-card:before{display:none}.date-stack{text-align:right;justify-items:end;gap:4px;padding-top:6px;display:grid;position:sticky;top:24px}.date-year{font-family:var(--font-display), var(--font-body), sans-serif;color:var(--ink);font-size:clamp(30px,4vw,54px);font-weight:400;line-height:.92}.memory-card:nth-child(2n) .date-year{color:var(--pink)}.memory-card:nth-child(3n) .date-year{color:var(--green)}.date-detail{min-height:20px;color:var(--muted);text-transform:uppercase;font-size:clamp(16px,1.6vw,24px);font-weight:800}.memory-body{background:0 0;grid-template-columns:minmax(0,1fr) minmax(280px,.44fr);grid-template-areas:"media copy";gap:14px 28px;min-width:0;padding:0;display:grid}.memory-card-1 .memory-body,.memory-card-2 .memory-body,.memory-card-3 .memory-body{transform:none}.memory-body.text-only{grid-template-columns:minmax(0,760px);grid-template-areas:"copy";max-width:840px}.memory-copy{grid-area:copy;align-content:start;gap:10px;min-width:0;display:grid}.memory-meta{flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;display:flex}.author-name{color:var(--ink);cursor:pointer;font-family:var(--font-author), var(--font-body), sans-serif;text-decoration:underline;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);text-underline-offset:5px;background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(28px,3vw,44px);font-weight:400;text-decoration-thickness:4px}.author-name:hover{color:var(--pink);-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.username{color:var(--muted);font-size:13px}.private-tag{border:1px solid var(--ink);background:var(--paper);min-height:24px;color:var(--ink);text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.gallery{grid-area:media;min-width:0}.media-frame{background:0 0;border-radius:0;width:100%;position:relative;overflow:visible}.media-frame-video,.media-frame-video_note,.media-frame-animation{aspect-ratio:16/10;background:var(--ink);overflow:hidden}.media-frame-video_note{aspect-ratio:1;max-width:620px}.image-open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.media-image{object-fit:contain;width:100%;height:auto;max-height:78vh;display:block}.media-embed{border:0;width:100%;height:100%;display:block}.gallery-arrow{cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,15px);place-content:center;gap:0;width:54px;height:54px;transition:transform .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)rotate(-4deg)}.gallery-arrow span{clip-path:polygon(100% 0,100% 100%,0 50%);background:var(--pink);width:15px;height:22px}.gallery-arrow span:last-child{background:var(--green)}.gallery-arrow.next span{clip-path:polygon(0 0,0 100%,100% 50%)}.gallery-arrow:hover{transform:translateY(-50%)rotate(5deg)scale(1.16)}.gallery-arrow.prev{left:10px}.gallery-arrow.next{right:10px}.gallery-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.gallery-count{color:var(--muted);flex:none;font-size:12px;font-weight:800}.gallery-thumbs{justify-content:flex-end;gap:7px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.gallery-thumb{border:1px solid var(--line-strong);background:var(--paper);width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:0;flex:none;padding:0;font-size:9px;overflow:hidden}.gallery-thumb.active{border-color:var(--green);outline:2px solid var(--green)}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumb span{text-transform:uppercase;place-items:center;width:100%;height:100%;padding:4px;display:grid}.file-link,.audio-player{border:1px solid var(--line-strong);background:var(--paper);width:100%;min-height:190px;color:var(--ink);text-align:center;place-content:center;gap:14px;text-decoration:none;display:grid}.file-link span,.audio-player span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.file-link strong{font-size:18px}.audio-player audio{width:min(440px,76vw);max-width:100%;accent-color:var(--green)}.memory-text{grid-area:text;align-self:start;gap:12px;min-width:0;padding:2px 0 0;display:grid}.memory-text p{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:clamp(16px,1.2vw,19px);line-height:1.62}.memory-body.text-only .memory-text{padding:14px 0 0}.empty-state{border:1px solid var(--line-strong);color:var(--muted);background:var(--paper);margin-left:196px;padding:26px}.lightbox{z-index:20;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.lightbox-backdrop{cursor:zoom-out;background:#000000d1;border:0;position:absolute;inset:0}.lightbox-panel{z-index:1;width:min(1160px,100%);max-height:calc(100vh - 44px);position:relative}.lightbox-panel img{object-fit:contain;background:0 0;width:100%;max-height:calc(100vh - 44px);display:block}.lightbox-close{z-index:2;border:1px solid var(--ink);min-height:36px;color:var(--ink);cursor:pointer;text-transform:uppercase;background:#fff;border-radius:999px;padding:0 13px;font-size:12px;font-weight:800;position:absolute;top:12px;right:12px}@media (max-width:940px){.archive-shell{width:min(100% - 24px,720px);padding-top:28px}.hero{grid-template-columns:1fr;gap:18px}h1{white-space:normal}.mode-mark{justify-self:center}.toolbar{justify-content:center}.filter-note{margin:-8px auto 24px}.timeline-rail{display:none}.memories{gap:44px}.memory-card{grid-template-columns:1fr;gap:10px}.date-stack{text-align:left;justify-items:start;position:relative;top:auto}.date-year{font-size:42px}.date-detail{font-size:18px}.memory-body,.memory-body.has-media{grid-template-columns:1fr;grid-template-areas:"media""copy"}.memory-body.text-only{max-width:none}.memory-text{padding-top:2px}.empty-state{margin-left:0}}@media (max-width:560px){.archive-shell{width:min(100% - 18px,460px);padding-bottom:64px}h1{font-size:clamp(39px,13vw,58px)}.player-doodles{gap:12px}.player-controls{gap:26px}.sort-control{width:100%}.sort-button{flex:1;padding:0 9px}.filter-note{border-radius:18px;flex-direction:column;align-items:flex-start}.author-name{font-size:24px}.media-frame-video,.media-frame-animation{aspect-ratio:4/3}.file-link,.audio-player{min-height:160px}.gallery-footer{flex-direction:column;align-items:flex-start}.gallery-thumbs{justify-content:flex-start;width:100%}.memory-text p{font-size:16px}}