.scrapbook-main{padding:38px 4% 55px}.scrap-heading{font:clamp(38px,5vw,60px)/1.08 'VT323',monospace;letter-spacing:0;margin:13px 0 18px}.scrap-heading>span{font-size:.6em;color:var(--pink);margin-left:18px}.scrap-intro{color:var(--muted);font-size:16px;line-height:1.7;max-width:650px;margin-bottom:28px}.scrap-grid{columns:2;column-gap:25px}.scrap-card{break-inside:avoid;margin:0 0 24px;border:2px solid #786b7b;border-right-color:#080908;border-bottom-color:#080908;background:#20211e;box-shadow:3px 3px #080908;min-width:0;overflow:hidden}.scrap-card:nth-child(even) .scrap-title{background:#3e3042;color:var(--pink)}.scrap-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 12px;background:#373148;border-bottom:2px solid #090a08;color:var(--lavender);font:12px/1.5 monospace}.scrap-title a{text-decoration:underline;text-underline-offset:3px}.scrap-media{background:#11120f;display:block}.scrap-media img,.scrap-media video{display:block;width:auto;max-width:100%;height:auto;max-height:640px;margin:0 auto}.scrap-media video{width:100%}.scrap-body{padding:18px 20px}.scrap-text{font:16px/1.8 Verdana,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 15px}.scrap-text:last-child{margin-bottom:0}.scrap-link{display:block;color:var(--pink);font:14px/1.7 monospace;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.scrap-open{display:inline-block;margin-top:14px;font:13px monospace;color:var(--lavender);text-decoration:underline}.scrap-empty{border:1px dashed #6d5b6e;padding:26px;background:#201c22;color:var(--muted);font-size:16px;line-height:1.8;column-span:all;grid-column:1/-1}.scrap-empty p{margin:0}.scrap-detail{max-width:790px}.scrap-detail .scrap-card{margin-top:22px}.scrap-back{font:14px monospace;color:var(--lavender);text-decoration:underline}.scrap-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.scrap-home-grid .scrap-card{margin:0}.scrap-home-grid .scrap-media img,.scrap-home-grid .scrap-media video{max-height:230px;object-fit:contain}.scrapbook-preview{border-top:1px dotted #635165}.scrapbook-preview #scrap-desk-link{margin-top:16px}.scrap-home-grid .scrap-text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.scrap-desk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px}.scrap-form{padding:22px;display:flex;flex-direction:column;gap:10px}.scrap-form label{font:14px/1.6 monospace;color:var(--ink);margin-top:5px}.scrap-form label small{font-size:12px;color:var(--muted)}.scrap-form textarea,.scrap-form input:not([type=file]){width:100%;min-width:0;border:2px solid #090a08;border-right-color:#796c7c;border-bottom-color:#796c7c;border-radius:0;background:#11130f;color:var(--ink);padding:10px 12px;font:16px/1.6 Verdana,Arial,sans-serif}.scrap-form textarea{resize:vertical;min-height:185px}.scrap-form input[type=file]{max-width:100%;font:14px monospace;color:var(--lavender)}.scrap-form input::file-selector-button{cursor:pointer;background:#322b31;color:var(--pink);border:2px outset #807381;padding:8px 12px;font:13px monospace;margin-right:8px}.scrap-form :is(input,textarea):focus-visible{outline:2px solid var(--pink);outline-offset:2px}.scrap-form .form-hint{font-size:12px;margin:0 0 8px}.scrap-form #attachment-preview img,.scrap-form #attachment-preview video{display:block;max-width:100%;max-height:240px;margin:auto}.composer-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:8px}.scrap-form progress{width:100%;accent-color:var(--pink)}#saved-post-link{color:var(--pink);font:14px monospace;text-decoration:underline}.scrap-manage-list h2{font:36px/1 'VT323',monospace;letter-spacing:0;margin:0}.scrap-manage-list .scrap-media img,.scrap-manage-list .scrap-media video{max-height:220px}.scrap-manage-list .scrap-text{max-height:180px;overflow:auto}.scrap-post-actions{display:flex;gap:12px;padding:0 18px 18px;flex-wrap:wrap}.scrap-delete-confirm{margin:0 18px 18px;padding:13px;border:1px dashed #927075;font-size:14px}.scrap-delete-confirm p{margin:0 0 10px}.scrap-delete-confirm button{margin-right:10px}.scrap-media-error{font:13px/1.7 monospace;color:var(--muted);padding:12px}.scrapbook-main #scrap-more,.scrapbook-main #desk-more{margin-top:20px}
@media(max-width:1000px){header nav{flex-wrap:wrap}.scrap-desk-grid{gap:20px}.scrap-title{font-size:11px}.scrap-home-grid{gap:13px}.scrap-body{padding:16px}}
@media(max-width:750px){.scrap-grid{columns:1}.scrap-home-grid,.scrap-desk-grid{grid-template-columns:1fr}.scrapbook-main{padding:28px 5% 40px}.scrap-form{padding:18px}.scrap-heading{font-size:42px}.scrap-detail{padding-inline:5%}.scrap-home-grid .scrap-media img,.scrap-home-grid .scrap-media video{max-height:360px}.scrap-title{font-size:12px}.scrap-manage-list{margin-top:15px}}

/* Photos and videos stand on their own; text posts retain the little retro windows. */
.scrap-card.scrap-visual{width:var(--media-width,100%);max-width:100%;background:transparent;border:0;box-shadow:none;overflow:visible}
.scrap-visual .scrap-media{background:transparent}
.scrap-visual .scrap-media :is(img,video){border:1px solid #514851;box-sizing:border-box}
.scrap-visual .scrap-media>a{display:block}
.scrap-visual .scrap-body{padding:12px 0 3px}
.scrap-visual .scrap-text{margin-bottom:10px}
.scrap-visual-date{display:inline-block;color:var(--muted);font:12px/1.6 monospace;margin-top:8px;margin-right:18px}
.scrap-visual .scrap-open{margin-top:8px;font-size:12px}
.scrap-visual .scrap-link{margin-bottom:6px}
.scrap-visual .scrap-post-actions{padding:10px 0 0}
.scrap-visual .scrap-delete-confirm{margin:14px 0 0}

.scrap-visual .scrap-media video{width:auto}

.scrap-caption-link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.scrap-caption-link:hover{color:var(--pink)}
.scrap-caption-link:focus-visible,.scrap-visual .scrap-media>a:focus-visible{outline:2px solid var(--pink);outline-offset:4px}

/* A quiet route to video details without interfering with playback controls. */
.scrap-visual .scrap-media{position:relative}
.scrap-visual .scrap-media>a.scrap-video-post{position:absolute;top:8px;right:8px;display:block;padding:5px 8px;background:#111116e8;color:var(--lavender);border:1px solid var(--line);font:12px/1.4 monospace;text-decoration:none}
.scrap-video-post:hover{color:var(--ink);border-color:var(--lavender)}

/* Compact, flowing columns for both the scrapbook and its homepage preview. */
.scrap-grid,.scrap-home-grid{display:block;columns:3;column-gap:16px}
.scrap-grid>.scrap-card,.scrap-home-grid>.scrap-card{display:inline-block;vertical-align:top;width:100%;margin:0 0 18px;break-inside:avoid}
.scrap-grid>.scrap-visual,.scrap-home-grid>.scrap-visual{width:var(--media-width,100%);max-width:100%}
.scrap-grid .scrap-media :is(img,video){max-height:360px}
.scrap-home-grid .scrap-media :is(img,video){max-height:280px}
.scrap-grid .scrap-visual .scrap-body,.scrap-home-grid .scrap-visual .scrap-body{padding-top:8px}
.scrap-detail .scrap-media :is(img,video){max-height:520px}
@media(max-width:1000px){.scrap-grid,.scrap-home-grid{columns:2;column-gap:14px}}
@media(max-width:560px){.scrap-grid,.scrap-home-grid{columns:1}.scrap-grid .scrap-media :is(img,video){max-height:340px}.scrap-home-grid .scrap-media :is(img,video){max-height:280px}}

/* Homepage posts sit next to each other at their own widths. */
.scrap-home-grid{display:flex;flex-wrap:wrap;columns:auto;gap:20px 14px;align-items:flex-start;justify-content:flex-start}
.scrap-home-grid>.scrap-card{flex:0 0 auto;width:calc((100% - 28px)/3);margin:0;max-width:100%}
.scrap-home-grid>.scrap-visual{width:min(var(--media-width,320px),calc((100% - 28px)/3))}
.scrap-home-grid>.scrap-empty{flex-basis:100%}
@media(max-width:1000px){.scrap-home-grid>.scrap-card{width:calc((100% - 14px)/2)}.scrap-home-grid>.scrap-visual{width:min(var(--media-width,320px),calc((100% - 14px)/2))}}
@media(max-width:560px){.scrap-home-grid>.scrap-card{width:100%}.scrap-home-grid>.scrap-visual{width:min(var(--media-width,100%),100%)}}

.scrap-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.scrap-filters .retro-action[aria-pressed=true]{background:var(--lavender);color:#151019;border-color:var(--lavender)}
.scrap-form select{width:100%;min-width:0;border:2px inset var(--edge);border-radius:0;background:#0d0d13;color:var(--ink);padding:10px 12px;font:16px/1.6 Verdana,Arial,sans-serif}
.scrap-form select:focus-visible{outline:2px solid var(--pink);outline-offset:2px}
.scrap-section-link{display:inline-block;margin-top:8px;color:var(--lavender);font:13px/1.6 monospace;text-decoration:underline;text-underline-offset:3px}

.homepage-selection{font:14px/1.7 monospace;color:var(--yellow);margin:0 0 8px}
.desk-quick-hint{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:24px}
.scrap-quick-controls{border-top:1px dotted var(--line);margin:12px 18px;padding:12px 0 0;display:flex;flex-direction:column;gap:10px}
.scrap-visual .scrap-quick-controls{margin-inline:0}
.scrap-quick-controls label{font:14px/1.6 monospace;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.scrap-quick-controls select{max-width:100%;min-width:0;flex:1;padding:7px;background:#0d0d13;color:var(--ink);border:1px solid var(--edge);font:14px/1.5 monospace}
.scrap-featured-choice{cursor:pointer}.scrap-featured-choice input{width:17px;height:17px;accent-color:var(--lavender);flex-shrink:0}
.scrap-quick-controls :is(select,input):focus-visible{outline:2px solid var(--pink);outline-offset:3px}
.scrap-quick-controls .guest-status:empty{display:none}