*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-system:"Courier New", "Special Elite", monospace;--font-handwriting-casual:"Caveat", cursive;--font-handwriting-marker:"Permanent Marker", cursive;--font-handwriting-neat:"Patrick Hand", cursive;--font-handwriting-child:"Indie Flower", cursive;--font-handwriting-loose:"Shadows Into Light", cursive;--paper-cream:#f5e9c8;--paper-white:#fffef5;--paper-grid-line:#b4823c40;--ink-black:#1a1a1a;--ink-faded:#4a4a4a;--ink-blue:#1a4a8a;--ink-red:#c33;--highlight-yellow:#ffe066;--highlight-pink:#ff6b9d;--tape-yellow:#ffe664b3;--tape-pink:#ff96c8b3;--tape-blue:#96c8ffb3;--shadow-hard:3px 3px 0 var(--ink-black);--shadow-card:6px 6px 0 var(--ink-black);--border-thin:2px solid var(--ink-black);--border-thick:4px solid var(--ink-black);--border-radius-soft:4px;--border-radius-pill:999px}body{background-color:var(--paper-cream);font-family:var(--font-system);color:var(--ink-black);overscroll-behavior:auto;touch-action:auto;-webkit-overflow-scrolling:touch;background-image:radial-gradient(90px 68px at 96% 5%,#0000 62%,#a064281c 64%,#0000 68%),radial-gradient(60px 44px at 95% 4%,#0000 56%,#a0642812 58%,#0000 62%),repeating-linear-gradient(0deg,#0000,#0000 39px,#b4823c21 39px 40px),repeating-linear-gradient(90deg,#0000,#0000 39px,#b4823c21 39px 40px);max-width:1280px;min-height:100vh;margin:0 auto;padding:0 0 64px}body,button,input,textarea,select{font-family:inherit}:focus-visible{outline:3px solid var(--ink-blue);outline-offset:3px}.status-message{text-align:center;max-width:760px;margin:32px auto;padding:18px}.page-title{margin-bottom:10px;font-size:clamp(1.8rem,5vw,3rem)}.page-intro{color:var(--ink-faded);margin-bottom:24px;line-height:1.6}.explore-page,.not-found-page{max-width:960px;margin:32px auto}.not-found-page{text-align:center}.not-found-page .comic-btn{margin-top:20px;display:inline-block}.people-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.person-card{color:var(--ink-black);border:var(--border-thin);box-shadow:var(--shadow-hard);background:#fff9e6;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:16px;text-decoration:none;display:grid}.person-card:hover{transform:translateY(-2px)}.person-card>span:last-child{color:var(--ink-faded);font-size:.78rem}.person-avatar{background:var(--highlight-yellow);border:var(--border-thin);border-radius:50%;grid-row:span 2;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.compose-file-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.75rem;overflow:hidden}.widget-featured-link{color:var(--ink-black);text-decoration:none;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lifted{box-shadow:var(--shadow-hard)}.lifted--big{box-shadow:var(--shadow-card)}.tilt-1{transform:rotate(-2deg)}.tilt-2{transform:rotate(1.5deg)}.tilt-3{transform:rotate(-1deg)}.tilt-4{transform:rotate(2.5deg)}.tilt-5{transform:rotate(-3deg)}.tilt-hover{transition:transform .2s}.tilt-hover:hover{z-index:10;transform:rotate(0)scale(1.02)}.site-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0 18px;display:flex}.nav-brand{color:#1a1a1a;font-size:1.1rem;font-weight:900;text-decoration:none}.nav-links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.nav-links a{color:#1a1a1a;border-bottom:2px solid #f7c948;font-size:.85rem;font-weight:700;text-decoration:none}.nav-links a:hover{border-color:#c0392b}.nav-logout{cursor:pointer;background:0 0;border:2px solid #1a1a1a;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:.8rem;font-weight:700}.nav-logout:hover{background:#f7c948}.comic-panel{background:var(--paper-white);border:var(--border-thick);border-radius:var(--border-radius-soft);box-shadow:var(--shadow-card);margin-bottom:28px;padding:24px;position:relative;overflow:hidden}.halftone-bg{opacity:.35;pointer-events:none;background-image:radial-gradient(circle,#e8c99af2 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.panel-label{letter-spacing:.18em;color:var(--ink-black);border-bottom:var(--border-thin);text-transform:uppercase;margin-bottom:16px;padding-bottom:6px;font-size:.65rem;font-weight:900}.header-panel{background:#fff9e6}.hero-title{text-transform:uppercase;-webkit-text-stroke:2px #1a1a1a;z-index:1;font-size:3.2rem;font-weight:900;position:relative}.profile-header{z-index:1;align-items:flex-start;gap:24px;display:flex;position:relative}.avatar-wrap{flex-shrink:0}#profile-pic{object-fit:cover;background:#e8c99a;border:4px solid #1a1a1a;border-radius:50%;width:100px;height:100px;display:block}.header-info{flex:1}.username-stamp{font-family:var(--font-system);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-black);-webkit-text-stroke:1px var(--ink-black);margin-bottom:10px;font-size:2rem;font-weight:900}.display-name{font-family:var(--font-handwriting-marker);color:var(--ink-black);margin-bottom:6px;font-size:1.25rem}.speech-bubble{background:var(--paper-white);border:var(--border-thin);border-radius:12px;max-width:420px;padding:10px 16px;font-size:.95rem;line-height:1.5;display:inline-block;position:relative}.speech-bubble p{font-family:var(--font-handwriting-casual);color:var(--ink-black);margin:0;font-size:1rem}.speech-bubble:before{content:"";border:8px solid #0000;border-right-color:var(--ink-black);position:absolute;top:16px;left:-18px}.speech-bubble:after{content:"";border:6px solid #0000;border-right-color:var(--paper-white);position:absolute;top:18px;left:-11px}.pow-badge{background:var(--highlight-yellow);border:var(--border-thick);width:64px;height:64px;box-shadow:3px 3px 0 var(--ink-black);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex;position:absolute;top:12px;right:16px;transform:rotate(12deg)}.stats-panel{border:var(--border-thin);background:#ffe06640;flex-wrap:wrap;gap:32px;padding:14px 24px;display:flex}.stat-item{font-size:.9rem;font-weight:700;font-family:var(--font-system)}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.post-card{background:var(--paper-white);border:var(--border-thin);border-radius:var(--border-radius-soft);box-shadow:var(--shadow-hard);word-break:break-word;padding:14px;font-size:.95rem;line-height:1.5}.post-card:nth-child(odd){transform:rotate(-1.2deg)}.post-card:nth-child(2n){transform:rotate(1deg)}.post-card:hover{z-index:5;transition:transform .15s;transform:rotate(0)scale(1.02)}.post-card p{font-family:var(--font-handwriting-marker);color:var(--ink-black);margin:0 0 10px}.post-date{color:var(--ink-faded);margin-top:8px;font-size:.65rem;display:block}.post-image{border:var(--border-thin);border-radius:var(--border-radius-soft);width:100%;margin-bottom:10px;display:block}.scrapbook-empty{justify-content:center;padding:40px 0;display:flex}.scrapbook-panel{background:var(--scrapbook-bg,#8f2cff);color:#111;border-color:#290860;box-shadow:10px 10px #0000002e}.scrapbook-panel .panel-label{color:#fff;border-color:#fff6}.scrapbook-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.scrapbook-count{font-family:var(--font-system);color:#ffffffeb;letter-spacing:.18em;font-size:.82rem}.scrapbook-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-auto-rows:10px;align-items:start;gap:18px;display:grid}.scrap{border:var(--border-thin);border-radius:var(--border-radius-soft);background:var(--paper-white);box-shadow:var(--shadow-hard);grid-row-end:span var(--row-span,12);min-height:120px;padding:18px;transition:transform .18s,box-shadow .18s;position:relative;overflow:visible}.scrap:hover{z-index:10;transform:translateY(-3px)rotate(0)!important}.scrap--polaroid{border:2px solid var(--ink-black);box-shadow:var(--shadow-heavy);min-height:unset;background:#fffef8;max-width:240px;padding:10px 10px 0}.polaroid__photo-area{background:#ccc;border:1px solid #0000001a;line-height:0;overflow:hidden}.polaroid__img{aspect-ratio:1;object-fit:cover;filter:contrast(1.04)saturate(.95);width:100%;display:block}.polaroid__placeholder{aspect-ratio:1;color:#bbb;background:#e8dfd0;justify-content:center;align-items:center;font-size:3rem;display:flex}.polaroid__caption-area{text-align:center;min-height:44px;padding:10px 6px 12px}.polaroid__caption{font-family:var(--font-handwriting-casual);color:var(--ink-black);margin:0;font-size:.95rem;line-height:1.4}.scrap--sticky{border:1px solid #00000024;min-height:120px;padding:16px 16px 28px;box-shadow:4px 4px #00000024}.sticky__fold{pointer-events:none;background:linear-gradient(225deg,#00000021 50%,#0000 50%);border-top-left-radius:3px;width:28px;height:28px;position:absolute;bottom:0;right:0}.sticky__text{font-family:var(--font-handwriting-marker);color:var(--ink-black);word-break:break-word;margin:0;font-size:1rem;line-height:1.55}.scrap--notebook{border:var(--border-thin);box-shadow:var(--shadow-medium);background:#fffef5 repeating-linear-gradient(#0000,#0000 27px,#a06e3233 27px 28px);min-height:180px;padding:14px 14px 14px 54px;position:relative}.notebook__holes-col{pointer-events:none;flex-direction:column;justify-content:space-evenly;gap:0;padding:18px 0;display:flex;position:absolute;top:0;bottom:0;left:14px}.notebook__hole{background:var(--paper-cream);border:1.5px solid #0000002e;border-radius:50%;width:16px;height:16px;box-shadow:inset 1px 1px 2px #00000014}.notebook__margin-line{pointer-events:none;background:#c8464659;width:1px;position:absolute;top:0;bottom:0;left:42px}.notebook__body{z-index:1;position:relative}.notebook__link{font-family:var(--font-system);color:var(--ink-blue);border-bottom:1px solid var(--ink-blue);word-break:break-all;margin-bottom:10px;font-size:.78rem;text-decoration:none;display:inline-block}.notebook__link:hover{color:var(--ink-red);border-color:var(--ink-red)}.notebook__text{font-family:var(--font-handwriting-casual);color:var(--ink-black);word-break:break-word;margin:0;font-size:1rem;line-height:28px}.scrap--magazine{border:var(--border-thick);box-shadow:var(--shadow-heavy);min-height:unset;background:#fffef5;padding:0;overflow:hidden}.magazine__img{object-fit:cover;filter:contrast(1.06)saturate(.88);width:100%;max-height:200px;display:block}.magazine__cutline{background:var(--highlight-yellow);border-top:2px solid var(--ink-black);padding:10px 12px 12px}.magazine__headline{font-family:var(--font-handwriting-marker);color:var(--ink-black);text-transform:uppercase;word-break:break-word;margin:0;font-size:1.05rem;line-height:1.3}.scrap--ticket{border:2px solid var(--ink-black);box-shadow:var(--shadow-medium);min-height:unset;background:#fffef5;padding:0;overflow:visible}.scrap--ticket:before,.scrap--ticket:after{content:"";background:var(--paper-cream);border:2px solid var(--ink-black);z-index:2;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.scrap--ticket:before{left:-11px}.scrap--ticket:after{right:-11px}.ticket__main{text-align:center;padding:14px 20px 12px}.ticket__admit{font-family:var(--font-system);letter-spacing:4px;color:var(--ink-faded);margin-bottom:8px;font-size:9px}.ticket__event-name{font-family:var(--font-handwriting-marker);color:var(--ink-black);word-break:break-word;margin:6px 0;font-size:1.25rem;line-height:1.2}.ticket__site{font-family:var(--font-system);color:var(--ink-blue);margin-top:4px;font-size:.68rem}.ticket__tear{border-top:1px dashed #0000004d;border-bottom:1px dashed #0000004d;align-items:center;gap:0;padding:2px 10px;display:flex}.ticket__tear span{background:var(--paper-cream);border-left:1px solid #0000001a;flex:1;height:5px}.ticket__stub{padding:10px 20px 12px}.ticket__barcode{align-items:flex-end;gap:2px;height:28px;display:flex}.ticket__bar{background:var(--ink-black);border-radius:1px;flex:1}.scrap--cassette{min-height:unset;background:#2b2b2b;border:3px solid #111;border-radius:8px;padding:12px;box-shadow:5px 5px #111}.cassette__housing{background:#1e1e1e;border:2px solid #3a3a3a;border-radius:5px;padding:10px 10px 8px;position:relative}.cassette__screw{background:#3a3a3a;border:1px solid #555;border-radius:50%;width:9px;height:9px;display:block;position:absolute}.cassette__screw:after{content:"";border-top:1px solid #666;border-right:1px solid #0000;border-radius:50%;position:absolute;inset:2px}.cassette__screw--tl{top:5px;left:5px}.cassette__screw--tr{top:5px;right:5px}.cassette__screw--bl{bottom:5px;left:5px}.cassette__screw--br{bottom:5px;right:5px}.cassette__label{background:#f5f0e8;border:1px solid #ccc;border-radius:2px;min-height:48px;margin:12px 16px 8px;padding:8px 10px 6px}.cassette__title{font-family:var(--font-handwriting-marker);color:#1a1a1a;text-align:center;word-break:break-word;margin:0 0 6px;font-size:.82rem}.cassette__stripe{background:repeating-linear-gradient(90deg,#e05050 0 8px,#1a1a1a 8px 10px);border-radius:1px;height:2px}.cassette__window{background:#111;border:2px solid #3a3a3a;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin:0 10px;padding:8px 12px;display:flex}.cassette__reel{background:#2a2a2a;border:2px solid #4a4a4a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:inset 0 0 0 4px #1a1a1a}.cassette__hub{background:#555;border:1.5px solid #777;border-radius:50%;width:10px;height:10px}.cassette__tape-bridge{background:linear-gradient(90deg,#6b4c2a,#c8883c,#6b4c2a);border-radius:2px;flex:1;height:4px;box-shadow:0 1px #00000080}.cassette__player{filter:brightness(.8)sepia(.2);width:100%;margin-top:10px}.scrap__meta{color:var(--ink-faded);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:10px;font-size:.72rem;display:flex}.scrap--cassette .scrap__meta{color:#888}.scrap__user{font-family:var(--font-system);color:#666;font-size:.7rem}.scrap--pinned{z-index:2;box-shadow:0 16px 28px #0000002e}.tape{z-index:10;filter:drop-shadow(0 1px 3px #0000002e);border:1px dashed #0000001f;border-radius:3px;width:84px;height:18px;position:absolute}.tape--pink{background:linear-gradient(135deg,#ffd0e1 0%,#ffb5d4 50%,#ffd0e1 100%)}.tape--yellow{background:linear-gradient(135deg,#fff5b5 0%,#ffdd70 50%,#fff5b5 100%)}.tape--blue{background:linear-gradient(135deg,#c4e5ff 0%,#95c6ff 50%,#c4e5ff 100%)}.tape--green{background:linear-gradient(135deg,#d9ffd8 0%,#aaf2a7 50%,#d9ffd8 100%)}.tape--mint{background:linear-gradient(135deg,#c0ffe8 0%,#7fffd0 50%,#c0ffe8 100%)}.tape--top-center{top:-9px;left:50%;transform:translate(-50%)rotate(-2deg)}.tape--top-left{top:-9px;left:16px;transform:rotate(-4deg)}.tape--top-right{top:-9px;right:16px;transform:rotate(4deg)}.magazine__img{border-radius:6px;width:100%;margin-bottom:10px;display:block}.magazine__caption{font-family:var(--font-handwriting-marker);color:var(--ink-black);padding:8px 6px;font-size:.95rem}.ticket__header{font-family:var(--font-system);letter-spacing:3px;text-align:center;border-bottom:1px dashed #1a1a1a;margin-bottom:10px;padding-bottom:6px;font-size:10px}.ticket__title{font-family:var(--font-handwriting-marker);text-align:center;flex:1;justify-content:center;align-items:center;font-size:18px;line-height:1.1;display:flex}.ticket__url{font-family:var(--font-system);color:#06c;text-align:center;margin:8px 0;font-size:10px}.ticket__meta{font-family:var(--font-system);color:#888;border-top:1px dashed #1a1a1a;justify-content:space-between;padding-top:6px;font-size:9px;display:flex}.create-post__preview{border:var(--border-thin);box-shadow:var(--shadow-hard);border-radius:var(--border-radius-soft);background:#fffef5;margin:14px 0;padding:16px}.preview-label{color:#1a1a1a;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.auto-detected{color:#5a5a5a;margin-left:8px;font-size:.78rem;font-weight:400}.create-post__customize details{margin-top:10px}.create-post__customize summary{cursor:pointer;font-family:var(--font-handwriting-marker);color:#1a1a1a;font-size:.95rem;list-style:none}.create-post__customize summary::-webkit-details-marker{display:none}.type-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:10px;display:grid}.type-options button{cursor:pointer;text-align:left;background:#fff;border:2px solid #1a1a1a;border-radius:8px;padding:10px 12px;font-family:inherit;transition:transform .18s,background .18s}.type-options button:hover{background:#f7f0ff;transform:translateY(-1px)}.type-options button.active{color:#fff;background:#8f2cff;border-color:#8f2cff}.type-options button small{color:inherit;opacity:.85;margin-top:4px;font-size:.72rem;display:block}.type-options .reset{background:0 0;border-color:#1a1a1a;grid-column:span 2;font-weight:700}.feed-scrap-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:24px;display:grid}.scrap__user{font-family:var(--font-system);color:#555;margin-bottom:6px;font-size:.72rem;display:block}.tweet-page{max-width:600px;margin:30px auto;padding:0 12px}.compose-box{background:var(--paper-white);border:var(--border-thick);border-radius:var(--border-radius-soft);box-shadow:var(--shadow-card);gap:12px;margin-bottom:24px;padding:16px;display:flex}.compose-avatar{background:var(--highlight-yellow);border:var(--border-thick);width:44px;min-width:44px;height:44px;color:var(--ink-black);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:flex}.compose-right{flex-direction:column;flex:1;gap:8px;display:flex}.compose-textarea{border:none;border-bottom:var(--border-thin);resize:none;width:100%;color:var(--ink-black);background:0 0;outline:none;padding:4px 0;font-family:inherit;font-size:1rem}.compose-textarea:focus{border-color:var(--highlight-yellow)}.compose-textarea::placeholder{color:#1a1a1a73}.compose-preview-wrap{display:inline-block;position:relative}.compose-preview-wrap img{border-radius:var(--border-radius-soft);border:var(--border-thin);max-width:100%;max-height:200px;display:block}.compose-remove-img{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:50%;width:22px;height:22px;font-size:.75rem;line-height:1;position:absolute;top:4px;right:4px}.compose-footer{align-items:center;gap:10px;display:flex}.compose-img-btn{cursor:pointer;border-radius:4px;padding:4px;font-size:1.2rem;transition:background .1s}.compose-img-btn:hover{background:#f7c94830}.compose-char{color:#aaa;margin-left:auto;font-size:.75rem}.compose-post-btn{padding:8px 22px;font-size:.85rem}.tweet-feed{border:var(--border-thick);border-radius:var(--border-radius-soft);box-shadow:var(--shadow-card);background:var(--paper-white);overflow:hidden}.tweet-card{border-bottom:2px solid #1a1a1a1f;gap:12px;padding:16px;transition:background .1s;display:flex}.tweet-card:last-child{border-bottom:none}.tweet-card:hover{background:#fff0d28c}.tweet-avatar-link{flex-shrink:0;text-decoration:none}.tweet-avatar{background:var(--highlight-yellow);border:var(--border-thick);width:44px;height:44px;color:var(--ink-black);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:900;display:flex}.tweet-body{flex:1;min-width:0}.tweet-header{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.tweet-username{font-family:var(--font-system);color:var(--ink-black);border-bottom:2px solid #0000;font-size:.95rem;font-weight:900;text-decoration:none}.tweet-username:hover{border-color:var(--highlight-yellow)}.tweet-time{color:var(--ink-faded);font-size:.72rem}.tweet-text{font-family:var(--font-handwriting-neat);color:var(--ink-black);word-break:break-word;white-space:pre-wrap;margin:0 0 10px;font-size:.95rem;line-height:1.55}.tweet-img{object-fit:cover;border:var(--border-thin);border-radius:var(--border-radius-soft);width:100%;max-height:400px;margin-bottom:10px;display:block}.tweet-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.loading-msg{color:#888;font-style:italic}.empty-posts{text-align:center;color:#aaa;padding:24px;font-size:.9rem;font-style:italic}.post-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.like-btn,.delete-btn{cursor:pointer;background:0 0;border:2px solid #1a1a1a;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:.8rem;font-weight:700;transition:background .1s}.like-btn:hover{background:#fde8e8}.like-btn.liked{background:#fde8e8;border-color:#c0392b}.delete-btn{border-color:#c0392b}.delete-btn:hover{background:#fde8e8}.like-count-static{color:#888;font-size:.82rem}.action-panel input,.action-panel textarea{border:var(--border-thin);border-radius:var(--border-radius-soft);background:var(--paper-white);resize:vertical;width:100%;margin-bottom:10px;padding:8px 10px;font-family:inherit;font-size:.9rem;display:block}.action-panel input:focus,.action-panel textarea:focus{border-color:var(--ink-red);box-shadow:2px 2px 0 var(--ink-red);outline:none}.comic-btn{font-family:var(--font-system);letter-spacing:.05em;text-transform:uppercase;background:var(--highlight-yellow);border:var(--border-thick);border-radius:var(--border-radius-soft);cursor:pointer;box-shadow:var(--shadow-hard);color:var(--ink-black);padding:10px 22px;font-size:.9rem;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.comic-btn:hover{box-shadow:var(--shadow-card);transform:translate(-2px,-2px)}.comic-btn:active{box-shadow:2px 2px 0 var(--ink-black);transform:translate(2px,2px)}.comic-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.action-msg{min-height:1.2em;margin-top:8px;font-size:.8rem}.action-msg.error{color:#c0392b;font-weight:700}.action-msg.success{color:#27ae60;font-weight:700}input[type=file]{display:none}.upload-label{cursor:pointer;border:2px dashed #1a1a1a;border-radius:4px;margin-bottom:8px;padding:6px 14px;font-size:.82rem;font-weight:700;display:inline-block}.upload-label:hover{background:#f7c948}.upload-hint{color:#888;margin-left:8px;font-size:.78rem}.upload-row{flex-wrap:wrap;align-items:center;margin-bottom:10px;display:flex}.upload-section{margin-bottom:16px}.image-preview-wrap img{border:2px solid #1a1a1a;border-radius:4px;max-width:100%;margin-bottom:10px}.pfp-preview-img{object-fit:cover;background:#e8c99a;border:3px solid #1a1a1a;border-radius:50%;width:64px;height:64px}.users-strip{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.user-chip{color:#1a1a1a;background:#fffdf5;border:2px solid #1a1a1a;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:3px 3px #1a1a1a}.user-chip:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1a1a1a}.user-chip img{object-fit:cover;background:#e8c99a;border:1px solid #1a1a1a;border-radius:50%;width:26px;height:26px}.chip-avatar-placeholder{background:#f7c948;border:1px solid #1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;font-weight:900;display:flex}.auth-tabs{border-bottom:3px solid #1a1a1a;margin-bottom:20px;display:flex}.auth-tab{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:#888;background:0 0;border:none;flex:1;padding:10px;font-family:inherit;font-size:.85rem;font-weight:900}.auth-tab.active{color:#1a1a1a;background:#f7c948}.auth-form{z-index:1;position:relative}.auth-form input{background:#fffdf5;border:2px solid #1a1a1a;border-radius:4px;width:100%;margin-bottom:10px;padding:8px 10px;font-family:inherit;font-size:.9rem;display:block}.auth-form input:focus{border-color:#c0392b;outline:none;box-shadow:2px 2px #c0392b}@media (width<=600px){body{max-width:100vw;padding:8px 2vw 32px;font-size:.98rem}.site-nav{flex-direction:column;align-items:stretch;gap:4px;padding:8px 0 10px}.nav-links{flex-direction:column;align-items:flex-start;gap:8px}.nav-brand{margin-bottom:2px;font-size:1.2rem}.comic-panel,.header-panel,.stats-panel,.scrapbook-panel,.action-panel{margin-bottom:18px;padding:12px 6px;font-size:.98rem}.hero-title{-webkit-text-stroke:1px #1a1a1a;font-size:2rem}.profile-header{text-align:center;flex-direction:column;align-items:center;gap:10px}#profile-pic{width:70px;height:70px}.stats-panel{flex-direction:column;align-items:stretch;gap:10px}.posts-grid{grid-template-columns:1fr;gap:12px}.post-card{padding:10px;font-size:.97rem}.tweet-page{max-width:100vw;margin:10px auto;padding:0 2vw}.tweet-card{flex-direction:column;gap:6px;padding:10px 4px}.tweet-avatar{width:36px;height:36px;font-size:1rem}.compose-box{flex-direction:column;gap:8px;padding:10px 4px}.compose-avatar{width:36px;height:36px;font-size:1rem}.compose-footer{flex-direction:column;align-items:stretch;gap:6px}.admin-header{flex-direction:column;align-items:flex-start;gap:8px}.admin-stats{flex-direction:column;gap:8px}.admin-table th,.admin-table td{padding:6px 4px;font-size:.9em}.admin-table-wrap{border-width:2px;box-shadow:2px 2px #1a1a1a}.pfp-preview-img{width:44px;height:44px}.banner-preview{max-height:60px}.sticker-controls{flex-direction:column;gap:2px;padding:2px}}.nav-menu-toggle{border:2px solid var(--ink,#1a1a1a);min-height:44px;font:inherit;background:#fffdf5;border-radius:7px;align-items:center;gap:7px;padding:7px 11px;font-weight:700;display:none}@media (width<=600px){.nav-menu-toggle{justify-self:end;display:inline-flex}.nav-shell{grid-template-columns:1fr auto;position:relative}.nav-links{z-index:20;border:2px solid var(--ink,#1a1a1a);box-shadow:4px 4px 0 var(--ink,#1a1a1a);background:#fffdf5;border-radius:9px;flex-direction:column;align-items:stretch;gap:4px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.nav-links.nav-links--open{display:flex}.nav-links .nav-link{box-sizing:border-box;border-bottom:0;border-radius:5px;min-height:44px;padding:12px 14px;display:block}.nav-links .nav-link--active{background:#f7c948}.nav-account{grid-area:2/1/auto/-1;justify-content:space-between}}.hidden{display:none!important}.news-page{padding:20px}.news-list{gap:14px;margin-top:8px;display:grid}.news-item{transition:transform .12s}.news-item:hover{transform:translate(-3px,-3px);box-shadow:6px 6px #1a1a1a}.news-item h3{margin:0;font-size:1.05rem}.news-item p{color:#333;margin:8px 0 0}.profile-banner{opacity:.45;pointer-events:none;background-position:50%;background-size:cover;border-radius:2px;position:absolute;inset:0}.banner-preview{object-fit:cover;border:2px solid #1a1a1a;border-radius:4px;width:100%;max-height:120px;margin-bottom:10px;display:block}.display-name{color:#555;letter-spacing:.04em;z-index:1;margin-bottom:2px;font-size:.85rem;font-weight:700;position:relative}.profile-meta{z-index:1;flex-wrap:wrap;gap:14px;margin-top:8px;display:flex;position:relative}.meta-item{color:#555;font-size:.8rem}.meta-link{color:#1a1a1a;border-bottom:2px solid #f7c948;font-weight:700;text-decoration:none}.meta-link:hover{border-color:#c0392b}.field-label{letter-spacing:.15em;text-transform:uppercase;color:#1a1a1a;margin-top:12px;margin-bottom:4px;font-size:.7rem;font-weight:900;display:block}.accent-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.accent-picker{cursor:pointer;border:2px solid #1a1a1a;border-radius:4px;width:48px;height:36px;padding:2px}.profile-page{position:relative}.sticker-layer{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:visible}.sticker{pointer-events:all;cursor:default;-webkit-user-select:none;user-select:none;position:absolute}.sticker-edit{cursor:grab}.sticker-edit:active{cursor:grabbing}.sticker-selected{outline-offset:4px;outline:3px dashed #c0392b}.sticker-controls{background:#fff;border:2px solid #1a1a1a;border-radius:4px;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;padding:4px;display:flex;box-shadow:3px 3px #1a1a1a}.sticker-btn{cursor:pointer;white-space:nowrap;background:#f7c948;border:2px solid #1a1a1a;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:.75rem;font-weight:900}.sticker-btn:hover{background:#ffe98a}.sticker-del{color:#c0392b;background:#fde8e8;border-color:#c0392b}.sticker-del:hover{color:#fff;background:#c0392b}.sticker-tap-hint{color:#888;white-space:nowrap;pointer-events:none;background:#ffffffd9;border-radius:3px;padding:1px 5px;font-size:.6rem;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.admin-page{max-width:900px;margin:0 auto;padding:8px 0 48px}.admin-header{border-bottom:3px solid #1a1a1a;flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:12px;display:flex}.admin-title{text-transform:uppercase;letter-spacing:.04em;color:#1a1a1a;font-size:2rem;font-weight:900}.admin-badge{background:#f7c948;border:2px solid #1a1a1a;border-radius:4px;padding:3px 10px;font-size:.72rem;font-weight:700}.admin-stats{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.admin-stat-card{background:#fffdf5;border:3px solid #1a1a1a;border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:120px;padding:16px 20px;display:flex;box-shadow:5px 5px #1a1a1a}.admin-stat-num{color:#1a1a1a;font-size:2.4rem;font-weight:900;line-height:1}.admin-stat-label{text-transform:uppercase;letter-spacing:.12em;color:#888;font-size:.72rem;font-weight:700}.admin-tabs{border-bottom:3px solid #1a1a1a;margin-bottom:20px;display:flex}.admin-tab{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:#888;background:0 0;border:none;flex:1;padding:10px;font-family:inherit;font-size:.85rem;font-weight:900}.admin-tab.active{color:#1a1a1a;background:#f7c948}.admin-table-wrap{background:#fffdf5;border:3px solid #1a1a1a;border-radius:4px;overflow-x:auto;box-shadow:5px 5px #1a1a1a}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th{text-align:left;letter-spacing:.15em;text-transform:uppercase;background:#f7f0d8;border-bottom:2px solid #1a1a1a;padding:10px 14px;font-size:.68rem;font-weight:900}.admin-table td{vertical-align:top;border-bottom:1px solid #e8e3d0;padding:10px 14px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fffae6}.admin-user-link{color:#1a1a1a;border-bottom:2px solid #f7c948;font-weight:700;text-decoration:none}.admin-user-link:hover{border-color:#c0392b}.admin-post-content{word-break:break-word;max-width:280px}.admin-img-badge{font-size:.8rem}.admin-del-btn{cursor:pointer;color:#c0392b;white-space:nowrap;background:#fde8e8;border:2px solid #c0392b;border-radius:4px;padding:3px 10px;font-family:inherit;font-size:.75rem;font-weight:700}.admin-del-btn:hover{color:#fff;background:#c0392b}.nav-header{padding:14px 28px 0}.nav-tape{z-index:200;background:#fffdeee6 repeating-linear-gradient(-45deg,#0000 0 4px,#00000004 4px 5px);border:1px solid #0000001a;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;display:flex;position:relative;transform:rotate(-.25deg);box-shadow:2px 2px #00000012,-1px -1px #0000000a}.nav-brand{color:var(--ink-black);flex-shrink:0;align-items:center;gap:7px;text-decoration:none;display:flex}.nav-star-icon{flex-shrink:0;display:block}.nav-brand-text{font-family:var(--font-handwriting-marker);color:var(--ink-black);font-size:1.4rem;line-height:1}.nav-tabs{align-items:flex-end;gap:3px;display:flex}.nav-tab{font-family:var(--font-handwriting-casual);color:var(--ink-black);background:#ffffff8c;border:1.5px solid #00000024;border-bottom:none;border-radius:5px 5px 0 0;padding:5px 14px 4px;font-size:.98rem;font-weight:700;text-decoration:none;transition:background .12s,transform .1s;display:inline-block;position:relative;bottom:-1px}.nav-tab:first-child{transform:rotate(-1.2deg)translateY(1px)}.nav-tab:nth-child(2){transform:rotate(.7deg)translateY(2px)}.nav-tab:nth-child(3){transform:rotate(-.4deg)translateY(0)}.nav-tab:hover{background:var(--highlight-yellow);transform:rotate(0)translateY(-2px)}.nav-tab--on{background:var(--highlight-yellow);border-color:#0003}.nav-user{flex-shrink:0;align-items:center;gap:10px;display:flex}.nav-avatar-wrap{text-decoration:none;display:block}.nav-polaroid{border:2px solid var(--ink-black);width:38px;height:44px;box-shadow:2px 2px 0 var(--ink-black);background:#fff;flex-direction:column;align-items:center;gap:2px;padding:3px 3px 10px;transition:transform .1s,box-shadow .1s;display:flex}.nav-polaroid:hover{box-shadow:3px 3px 0 var(--ink-black);transform:translate(-1px,-1px)}.nav-avatar-letter{background:var(--highlight-yellow);width:100%;font-family:var(--font-system);color:var(--ink-black);flex:1;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:flex}.nav-polaroid-label{font-family:var(--font-handwriting-casual);color:var(--ink-faded);font-size:.55rem;line-height:1}.nav-bye-btn{font-family:var(--font-handwriting-casual);border:1px dashed var(--ink-faded);cursor:pointer;color:var(--ink-faded);background:0 0;border-radius:3px;padding:3px 9px;font-size:.82rem;transition:color .1s,border-color .1s}.nav-bye-btn:hover{color:var(--ink-red);border-color:var(--ink-red)}.feed-layout{align-items:flex-start;gap:22px;max-width:1260px;margin:0 auto;padding:22px 28px 0;display:flex}.sidebar{flex-shrink:0;position:sticky;top:18px}.sidebar--left{width:200px}.sidebar--right{width:224px}.sidebar--left{gap:0;display:flex}.sidebar-holes{border-right:1px solid #c846464d;flex-direction:column;flex-shrink:0;justify-content:space-evenly;align-items:center;width:28px;padding:20px 0;display:flex}.sidebar-hole{background:var(--paper-cream);border:1.5px solid #0000002e;border-radius:50%;width:16px;height:16px;box-shadow:inset 1px 1px 2px #0000001a}.sidebar-inner{flex-direction:column;flex:1;gap:18px;min-height:100vh;padding:12px 0 12px 12px;display:flex}.sb-me{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.sb-polaroid-link{text-decoration:none;display:block}.sb-polaroid{border:2px solid var(--ink-black);box-shadow:3px 3px 0 var(--ink-black);background:#fff;width:88px;padding:5px 5px 18px;transition:transform .12s,box-shadow .12s;transform:rotate(-1.5deg)}.sb-polaroid:hover{box-shadow:4px 4px 0 var(--ink-black);transform:rotate(0)translateY(-2px)}.sb-avatar{background:var(--highlight-yellow);width:78px;height:78px;font-family:var(--font-system);color:var(--ink-black);border:1px solid #0000001a;justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:flex}.sb-pola-name{font-family:var(--font-handwriting-casual);color:var(--ink-faded);text-align:center;width:100%;margin:4px 0 0;font-size:.72rem}.sb-scrapbook-link{font-family:var(--font-handwriting-casual);color:var(--ink-blue);border-bottom:1px solid var(--ink-blue);font-size:.78rem;text-decoration:none}.sb-scrapbook-link:hover{color:var(--ink-red);border-color:var(--ink-red)}.sb-mascot{align-items:flex-start;gap:6px;display:flex}.sb-mascot-icon{color:var(--ink-red);flex-shrink:0;margin-top:2px;font-size:1.4rem;line-height:1}.sb-mascot-bubble{background:var(--paper-white);border:1.5px solid var(--ink-black);box-shadow:2px 2px 0 var(--ink-black);border-radius:8px 8px 8px 0;padding:6px 9px;position:relative}.sb-mascot-bubble p{font-family:var(--font-handwriting-casual);color:var(--ink-black);margin:0;font-size:.78rem;line-height:1.4}.sb-section{flex-direction:column;gap:6px;display:flex}.sb-section-label{font-family:var(--font-system);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faded);border-bottom:1px dashed #00000026;padding-bottom:3px;font-size:.6rem;font-weight:900}.sb-online-list{flex-direction:column;gap:4px;display:flex}.sb-online-row{align-items:center;gap:5px;display:flex}.sb-online-dot{background:#3cb371;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 4px #3cb371b3}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.sb-online-name{font-family:var(--font-handwriting-casual);color:var(--ink-black);font-size:.78rem;text-decoration:none}.sb-online-name:hover{color:var(--ink-red)}.sb-online-empty{font-family:var(--font-handwriting-casual);color:var(--ink-faded);margin:0;font-size:.75rem;font-style:italic}.sb-ticker{flex-direction:column;gap:3px;max-height:120px;display:flex;overflow:hidden}.sb-ticker-item{font-family:var(--font-system);color:var(--ink-faded);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #0000000f;padding:1px 0;font-size:.62rem;overflow:hidden}.feed-center{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.compose-wrap{margin-bottom:28px;position:relative}.compose-tape{z-index:10;background:linear-gradient(135deg,#fff5b5 0%,#ffe060 50%,#fff5b5 100%);border:1px dashed #0000001f;border-radius:3px;width:70px;height:18px;position:absolute;top:-9px}.compose-tape--l{left:20px;transform:rotate(-3deg)}.compose-tape--r{right:20px;transform:rotate(3deg)}.compose-paper{border:2px solid var(--ink-black);box-shadow:var(--shadow-heavy);background:#fffef5 repeating-linear-gradient(#0000,#0000 27px,#a06e3229 27px 28px);padding:18px 20px 14px;position:relative;transform:rotate(.4deg)}.compose-prompt{cursor:text;background:0 0;border:2px dashed #0003;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;transition:border-color .12s,background .12s;display:flex}.compose-prompt:hover{border-color:var(--ink-black);background:#ffffff80}.compose-prompt-text{font-family:var(--font-handwriting-casual);color:#1a1a1a73;font-size:1.05rem}.compose-prompt-attach{opacity:.5;font-size:1.2rem}.compose-area{width:100%;font-family:var(--font-handwriting-casual);resize:none;color:var(--ink-black);background:0 0;border:none;border-bottom:2px dashed #00000026;outline:none;margin-bottom:12px;padding:4px 0 8px;font-size:1rem;line-height:28px}.compose-area::placeholder{color:#1a1a1a61}.compose-preview-wrap{background:#ffffffb3;border:1.5px solid #0000001f;border-radius:4px;margin-bottom:12px;padding:12px}.compose-preview-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faded);align-items:baseline;gap:6px;margin-bottom:8px;font-size:.7rem;font-weight:900;display:flex}.compose-auto-tag{letter-spacing:0;text-transform:none;font-weight:400}.compose-img-row{margin-bottom:10px;display:inline-block;position:relative}.compose-img-thumb{border:var(--border-thin);border-radius:3px;max-width:100%;max-height:160px;display:block}.compose-img-remove{background:var(--ink-black);color:#fff;cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;font-size:.72rem;line-height:1;position:absolute;top:4px;right:4px}.compose-type-picker{margin-bottom:10px}.compose-type-picker summary{font-family:var(--font-handwriting-casual);cursor:pointer;color:var(--ink-black);border-bottom:1px dashed var(--ink-black);font-size:.9rem;list-style:none;display:inline-block}.compose-type-picker summary::-webkit-details-marker{display:none}.compose-type-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.compose-type-btn{border:2px solid var(--ink-black);background:var(--paper-white);cursor:pointer;text-align:left;box-shadow:2px 2px 0 var(--ink-black);border-radius:6px;padding:8px 10px;font-family:inherit;transition:transform .12s,background .12s}.compose-type-btn span{font-size:.8rem;font-weight:700;display:block}.compose-type-btn small{color:var(--ink-faded);margin-top:2px;font-size:.65rem;display:block}.compose-type-btn:hover{background:#ffe0664d;transform:translateY(-1px)}.compose-type-btn--on{background:var(--highlight-yellow);box-shadow:2px 2px 0 var(--ink-black)}.compose-type-reset{text-align:center;grid-column:span 3;font-size:.78rem;font-weight:700}.compose-footer{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.compose-attach{cursor:pointer;border-radius:4px;padding:4px;font-size:1.3rem;transition:background .1s}.compose-attach:hover{background:#ffe06666}.compose-chars{color:#aaa;margin-left:auto;font-size:.72rem}.compose-post-btn{font-family:var(--font-system);letter-spacing:.04em;text-transform:uppercase;background:var(--highlight-yellow);border:3px solid var(--ink-black);cursor:pointer;box-shadow:var(--shadow-medium);color:var(--ink-black);border-radius:3px;padding:9px 18px;font-size:.8rem;font-weight:900;transition:transform .1s,box-shadow .1s}.compose-post-btn:hover{box-shadow:var(--shadow-heavy);transform:translate(-2px,-2px)}.compose-post-btn:active{box-shadow:1px 1px 0 var(--ink-black);transform:translate(2px,2px)}.compose-post-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.compose-msg{margin-top:8px;font-size:.8rem}.compose-msg--error{color:var(--ink-red);font-weight:700}.compose-msg--success{color:#27ae60;font-weight:700}.compose-collapse{width:100%;font-family:var(--font-handwriting-casual);color:var(--ink-faded);cursor:pointer;text-align:right;background:0 0;border:none;margin-top:8px;font-size:.75rem;display:block}.compose-collapse:hover{color:var(--ink-red)}.feed-posts{flex-direction:column;gap:0;display:flex}.feed-divider{text-align:center;font-family:var(--font-handwriting-casual);color:var(--ink-faded);letter-spacing:.1em;-webkit-user-select:none;user-select:none;padding:10px 0;font-size:.8rem}.feed-post{background:var(--paper-white);border:2px solid var(--ink-black);border-radius:var(--border-radius-soft);box-shadow:var(--shadow-medium);margin-bottom:18px;padding:14px 16px 12px;position:relative}.feed-post:nth-child(4n+1){transform:rotate(-.4deg)}.feed-post:nth-child(4n+2){transform:rotate(.6deg)}.feed-post:nth-child(4n+3){transform:rotate(-.2deg)}.feed-post:nth-child(4n){transform:rotate(.5deg)}.feed-post:hover{z-index:5;box-shadow:var(--shadow-heavy);transition:transform .15s,box-shadow .15s;transform:rotate(0)translateY(-2px)!important}.feed-post-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.feed-avatar-link{flex-shrink:0;text-decoration:none}.feed-avatar{background:var(--highlight-yellow);border:2px solid var(--ink-black);width:36px;height:36px;font-family:var(--font-system);color:var(--ink-black);box-shadow:2px 2px 0 var(--ink-black);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:900;display:flex}.feed-author{flex-direction:column;gap:1px;display:flex}.feed-username{font-family:var(--font-system);color:var(--ink-black);border-bottom:2px solid #0000;font-size:.88rem;font-weight:900;text-decoration:none;transition:border-color .1s}.feed-username:hover{border-color:var(--highlight-yellow)}.feed-time{font-family:var(--font-system);color:var(--ink-faded);font-size:.65rem}.feed-scrap-wrap{justify-content:center;margin:0 -2px 12px;display:flex}.feed-actions{border-top:1px dashed #0000001f;flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.feed-btn{font-family:var(--font-system);cursor:pointer;color:var(--ink-black);background:0 0;border:1.5px solid #0003;border-radius:3px;padding:3px 10px;font-size:.72rem;font-weight:700;transition:background .1s,transform 80ms}.feed-btn:hover{background:#ffe06659;transform:translateY(-1px)}.feed-btn--liked{border-color:var(--ink-red);color:var(--ink-red);background:#fde8e8}.feed-btn--liked:hover{background:#fde8e8}.feed-btn--delete{color:var(--ink-faded)}.feed-likes-static{color:#888;font-size:.72rem}.feed-empty{text-align:center}.sidebar--right{flex-direction:column;gap:16px;display:flex}.widget{border-radius:3px;position:relative}.widget--lcd{text-align:center;background:#0a0a0a;border:3px solid #111;padding:10px 14px 8px;box-shadow:4px 4px #111}.lcd-screen{justify-content:center;align-items:center;gap:6px;display:flex}.lcd-eye{font-size:1rem}.lcd-digits{color:#00e87a;letter-spacing:.1em;text-shadow:0 0 8px #00e87a8c;font-family:Courier New,monospace;font-size:2rem;font-weight:900}.lcd-label{letter-spacing:.25em;color:#006641;text-transform:uppercase;margin-top:2px;font-family:Courier New,monospace;font-size:.55rem}.widget--paper{background:var(--paper-white);border:2px solid var(--ink-black);box-shadow:3px 3px 0 var(--ink-black);padding:12px 14px 14px}.widget-pin{background:var(--ink-red);border:2px solid var(--ink-black);border-radius:50%;width:14px;height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:1px 1px #0000004d}.widget-title{font-family:var(--font-system);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faded);border-bottom:1px dashed #00000026;margin-bottom:8px;padding-bottom:5px;font-size:.62rem;font-weight:900}.widget-featured-slot{font-family:var(--font-handwriting-casual);color:var(--ink-faded);text-align:center;padding:12px 0;font-size:.82rem;font-style:italic;line-height:1.5}.widget-trending-row{border-bottom:1px solid #0000000f;align-items:center;gap:6px;padding:4px 0;display:flex}.widget-trending-type{color:var(--ink-faded);font-size:.7rem;font-family:var(--font-system)}.widget-trending-user{font-family:var(--font-handwriting-casual);color:var(--ink-black);font-size:.82rem;text-decoration:none}.widget-trending-user:hover{color:var(--ink-red)}.widget-empty{font-family:var(--font-handwriting-casual);color:var(--ink-faded);margin:0;font-size:.78rem;font-style:italic;line-height:1.5}.widget--sticky-note{background:var(--sticky-yellow,#fff89e);border:1px solid #00000024;padding:12px 14px 20px;transform:rotate(1.2deg);box-shadow:3px 3px #0000001f}@media (width<=860px){.feed-layout{gap:14px;padding:16px 14px 0}.sidebar--left,.sidebar--right{display:none}}@media (width<=600px){.nav-header{padding:10px 12px 0}.nav-tape{padding:6px 12px;transform:none}.nav-brand-text{font-size:1.1rem}.nav-tabs{gap:2px}.nav-tab{padding:4px 10px;font-size:.88rem}.nav-bye-btn{display:none}.feed-layout{padding:10px 10px 0}.compose-paper{transform:none}.compose-type-grid{grid-template-columns:repeat(2,1fr)}.compose-post-btn{padding:8px 12px;font-size:.7rem}}body{background-color:#f6edda;background-image:radial-gradient(circle at 92% 8%,#cc333314,#0000 24rem),repeating-linear-gradient(0deg,#0000 0 39px,#775b3017 39px 40px),repeating-linear-gradient(90deg,#0000 0 39px,#775b3017 39px 40px);max-width:none;padding-bottom:72px}.nav-header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffef5f0;border-bottom:1px solid #1a1a1a29;padding:0;position:sticky;top:0}.nav-shell{grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:74px;margin:0 auto;display:grid}.nav-brand{align-items:center;gap:10px;width:fit-content;display:inline-flex}.nav-brand>span{gap:1px;display:grid}.nav-brand-text{font-family:var(--font-handwriting-marker);font-size:1.4rem;line-height:1;display:block}.nav-brand-tagline{color:var(--ink-faded);letter-spacing:.07em;text-transform:uppercase;font-size:.57rem;font-weight:700;display:block}.nav-links{background:#f6eddab3;border:1px solid #1a1a1a1f;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.nav-links .nav-link{color:var(--ink-faded);border:0;border-radius:999px;padding:8px 14px;font-size:.77rem;font-weight:900;text-decoration:none;transition:background .16s,color .16s,transform .16s}.nav-links .nav-link:hover{color:var(--ink-black);border:0;transform:translateY(-1px)}.nav-links .nav-link--active{color:var(--ink-black);background:var(--paper-white);box-shadow:0 1px 5px #1a1a1a1f}.nav-account{justify-content:flex-end;align-items:center;gap:10px;display:flex}.nav-profile-link{color:var(--ink-black);align-items:center;gap:8px;font-size:.74rem;font-weight:900;text-decoration:none;display:inline-flex}.nav-avatar-letter{border:1.5px solid var(--ink-black);background:var(--highlight-yellow);width:32px;height:32px;box-shadow:2px 2px 0 var(--ink-black);border-radius:50%;flex:0 0 32px;place-items:center;display:grid}.nav-logout-btn,.nav-login-btn{border:1.5px solid var(--ink-black);color:var(--ink-black);cursor:pointer;background:0 0;border-radius:999px;padding:8px 13px;font-size:.72rem;font-weight:900;text-decoration:none}.nav-login-btn{background:var(--ink-black);color:var(--paper-white)}.nav-logout-btn:hover,.nav-login-btn:hover{transform:translateY(-1px)}.eyebrow{color:var(--ink-red);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:.67rem;font-weight:900}.primary-action,.secondary-action{border:2px solid var(--ink-black);min-height:44px;color:var(--ink-black);border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:.78rem;font-weight:900;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex}.primary-action{background:var(--highlight-yellow);box-shadow:3px 3px 0 var(--ink-black)}.secondary-action{background:var(--paper-white)}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.home-page{width:min(1180px,100% - 40px);margin:0 auto;padding-top:48px}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(48px,8vw,112px);min-height:540px;display:grid}.home-hero-copy h1{letter-spacing:-.06em;max-width:720px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,7vw,6.7rem);font-weight:500;line-height:.92}.home-hero-copy h1 em{color:var(--ink-red);font-family:var(--font-handwriting-casual);font-weight:700}.home-lede{max-width:610px;color:var(--ink-faded);margin-top:28px;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.75}.home-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.home-scrap-stack{min-height:420px;position:relative}.home-scrap{border:2px solid var(--ink-black);color:var(--ink-black);position:absolute;box-shadow:8px 8px #1a1a1a29}.home-scrap--photo{background:linear-gradient(150deg,#18283a1a,#ffe06633),linear-gradient(135deg,#9cc7bd,#466a74 62%,#e4a773);border:12px solid #fffef5;border-bottom-width:58px;inset:22px 62px 82px 20px;transform:rotate(-5deg)}.home-scrap--photo span{width:max-content;font-family:var(--font-handwriting-casual);font-size:1.1rem;position:absolute;bottom:-44px;left:50%;transform:translate(-50%)}.home-scrap--note{width:190px;min-height:170px;font-family:var(--font-handwriting-casual);background:#ffdf7d;padding:34px 24px;font-size:1.35rem;line-height:1.25;top:118px;right:0;transform:rotate(7deg)}.home-scrap--ticket{letter-spacing:.12em;text-align:center;background:#f7a9bc;width:270px;padding:22px;font-size:.7rem;font-weight:900;bottom:34px;right:48px;transform:rotate(-2deg)}.home-feature-grid{border-top:1px solid #1a1a1a33;border-bottom:1px solid #1a1a1a33;grid-template-columns:repeat(3,1fr);display:grid}.home-feature-grid article{padding:34px 32px}.home-feature-grid article+article{border-left:1px solid #1a1a1a33}.home-feature-grid span{color:var(--ink-red);font-size:.68rem;font-weight:900}.home-feature-grid h2{margin:10px 0 8px;font-family:Georgia,serif;font-size:1.45rem}.home-feature-grid p{color:var(--ink-faded);font-size:.82rem;line-height:1.65}.home-bottom-cta{border:2px solid var(--ink-black);background:var(--paper-white);box-shadow:7px 7px 0 var(--ink-black);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin-top:72px;padding:38px 44px;display:flex}.home-bottom-cta h2{font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3rem)}.feed-layout{width:min(820px,100% - 40px);max-width:none;margin:0 auto;padding:42px 0 0;display:block}.feed-center{width:100%}.feed-page-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.feed-page-header h1{letter-spacing:-.05em;margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:500;line-height:.95}.feed-page-header>div>p:last-child{color:var(--ink-faded);font-size:.82rem;line-height:1.5}.feed-page-header .secondary-action{flex-shrink:0}.feed-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.notification-action{cursor:pointer;font:inherit}.notification-status{color:var(--ink-faded);text-align:right;max-width:180px;font-size:.68rem;line-height:1.35}.feed-post{content-visibility:auto;contain-intrinsic-size:auto 420px;border-radius:8px;margin-bottom:22px;padding:18px 20px 14px;box-shadow:4px 4px #1a1a1ad9}.feed-post:nth-child(n){transform:none}.feed-post:hover{transform:translateY(-2px)!important}.compose-paper{box-shadow:5px 5px 0 var(--ink-black);border-radius:8px;transform:none}.explore-page,.not-found-page,.news-page,.login-page,.admin-page,.profile-page{width:min(1080px,100% - 40px);margin-left:auto;margin-right:auto}@media (width<=820px){.nav-shell{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;width:min(100% - 24px,1180px);min-height:68px}.nav-links{grid-area:1/2;justify-content:flex-start;justify-self:center;max-width:100%;margin:0;overflow-x:auto}.nav-account{grid-area:1/3}.nav-brand-tagline{display:none}.home-page{width:min(100% - 28px,1180px);padding-top:24px}.home-hero{grid-template-columns:1fr;gap:44px;min-height:0}.home-scrap-stack{width:min(100%,500px);min-height:390px;margin:0 auto}.home-feature-grid{grid-template-columns:1fr;margin-top:44px}.home-feature-grid article+article{border-top:1px solid #1a1a1a33;border-left:0}}@media (width<=600px){.nav-brand-text,.nav-profile-link>span:last-child,.nav-logout-btn{display:none}.nav-shell{gap:4px;width:calc(100% - 16px);min-height:60px}.nav-brand{gap:0}.nav-links{gap:0;padding:3px}.nav-links .nav-link{text-align:center;flex:1 0 auto;padding:7px 8px;font-size:.69rem}.nav-login-btn{padding:7px 12px}.home-hero-copy h1{font-size:clamp(3rem,16vw,4.7rem)}.home-scrap-stack{min-height:330px}.home-scrap--photo{inset:16px 46px 64px 10px}.home-scrap--note{width:150px;min-height:140px;padding:28px 18px;font-size:1.1rem;top:100px}.home-scrap--ticket{width:220px;right:22px}.home-bottom-cta{flex-direction:column;align-items:flex-start;margin-top:48px;padding:28px 24px}.feed-layout{width:min(100% - 20px,820px);padding-top:28px}.feed-page-header{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}.feed-header-actions{justify-content:flex-start}.notification-status{text-align:left;max-width:none}.feed-page-header .secondary-action{min-height:40px}.feed-post{padding:14px 12px 12px}.explore-page,.not-found-page,.news-page,.login-page,.admin-page,.profile-page{width:min(100% - 20px,1080px)}}.page-shell{width:min(1080px,100% - 40px);margin:0 auto;padding:54px 0 0}.page-hero{border-bottom:1px solid #1a1a1a38;justify-content:space-between;align-items:flex-end;gap:48px;padding-bottom:42px;display:flex}.page-hero h1,.not-found-page h1,.admin-title{letter-spacing:-.055em;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7vw,5.6rem);font-weight:500;line-height:.96}.page-hero>div>p:last-child{max-width:620px;color:var(--ink-faded);margin-top:18px;font-size:.92rem;line-height:1.7}.page-stat{border-left:2px solid var(--ink-red);flex:none;gap:3px;min-width:142px;padding:18px 22px;display:grid}.page-stat strong{font-family:Georgia,serif;font-size:2.4rem;line-height:1}.page-stat span{color:var(--ink-faded);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:900}.directory-section,.news-section{padding-top:34px}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.section-heading h2{font-family:Georgia,serif;font-size:1.7rem;font-weight:500}.section-heading>span{color:var(--ink-faded);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.person-card{min-height:92px;box-shadow:none;background:#fffef5d1;border:1.5px solid #1a1a1acc;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;padding:18px 20px;transition:transform .16s,box-shadow .16s,background .16s}.person-card:hover{background:var(--paper-white);box-shadow:4px 4px 0 var(--ink-black);transform:translateY(-3px)}.person-avatar{width:50px;height:50px;box-shadow:2px 2px 0 var(--ink-black);grid-row:auto}.person-card-copy{gap:6px;min-width:0;display:grid}.person-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.person-card-copy small{color:var(--ink-faded);font-size:.68rem}.person-card-arrow{color:var(--ink-red)!important;font-size:1.2rem!important}.news-list{border-top:1px solid #1a1a1a2e;gap:0;margin:0;display:grid}.news-item{border-bottom:1px solid #1a1a1a2e;grid-template-columns:70px minmax(0,1fr);gap:26px;padding:30px 4px;transition:padding .16s,background .16s;display:grid}.news-item:hover{box-shadow:none;background:#fffef594;padding-left:16px;padding-right:16px;transform:none}.news-index{color:var(--ink-red);font-family:Georgia,serif;font-size:1.4rem}.news-copy{gap:8px;display:grid}.news-copy time{color:var(--ink-faded);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:900}.news-copy h3{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500}.news-copy p{max-width:760px;color:var(--ink-faded);font-size:.85rem;line-height:1.7}.empty-state{color:var(--ink-faded);text-align:center;padding:54px 0}.auth-page{grid-template-columns:minmax(0,.9fr) minmax(420px,.75fr);align-items:center;gap:clamp(48px,9vw,132px);min-height:calc(100vh - 74px);padding-top:54px;padding-bottom:54px;display:grid}.auth-intro h1{letter-spacing:-.06em;max-width:620px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.7rem,8vw,7rem);font-weight:500;line-height:.9}.auth-intro>p:not(.eyebrow){max-width:540px;color:var(--ink-faded);margin-top:24px;line-height:1.75}.auth-scrap-note{width:210px;font-family:var(--font-handwriting-casual);background:#ffdf7d;border:1px solid #1a1a1a2e;margin:44px 0 0 12%;padding:26px 28px 34px;font-size:1.25rem;line-height:1.35;transform:rotate(-4deg);box-shadow:5px 5px #1a1a1a24}.auth-card{border:2px solid var(--ink-black);box-shadow:7px 7px 0 var(--ink-black);background:#fffef5f5;border-radius:12px;padding:12px 34px 34px;position:relative}.auth-card:before{content:"";background:#ffe066c7;border:1px dashed #1a1a1a24;width:92px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-2deg)}.auth-tabs{z-index:1;border-bottom:1px solid #1a1a1a26;margin:0 -20px 30px;padding-top:12px;position:relative}.auth-tab{color:var(--ink-faded);letter-spacing:.05em;text-transform:none;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;padding:14px 10px 12px;font-size:.72rem}.auth-tab.active{color:var(--ink-black);border-bottom-color:var(--ink-red);background:0 0}.auth-form-heading{margin-bottom:28px}.auth-form-heading h2{font-family:Georgia,serif;font-size:2rem;font-weight:500}.auth-form-heading p{color:var(--ink-faded);margin-top:7px;font-size:.76rem;line-height:1.55}.auth-form .field-label{color:var(--ink-faded);letter-spacing:.1em;margin:16px 0 7px;font-size:.64rem;display:block}.auth-form input{width:100%;min-height:48px;box-shadow:none;background:#fffef9;border:1.5px solid #1a1a1ab8;border-radius:7px;margin:0;padding:12px 14px}.auth-form input:focus{border-color:var(--ink-black);box-shadow:0 0 0 3px #ffe06680}.auth-submit{border:2px solid var(--ink-black);background:var(--highlight-yellow);width:100%;min-height:48px;box-shadow:3px 3px 0 var(--ink-black);color:var(--ink-black);cursor:pointer;border-radius:999px;margin-top:24px;font-size:.76rem;font-weight:900}.auth-submit:hover{transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.62}.profile-page{padding-top:34px}.profile-page>.profile-header-panel{border-width:2px;border-radius:12px;margin:0 0 22px;padding:30px;overflow:hidden}.profile-header{gap:28px}.profile-header-panel .username-stamp{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:500}.profile-header-panel .display-name{letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:900}.profile-header-panel .speech-bubble{border-radius:8px;max-width:620px;margin-top:16px}.profile-page>.stats-panel{box-shadow:none;background:#fffef5d1;border:1px solid #1a1a1a8c;border-radius:999px;margin:0 0 22px;padding:13px 18px}.profile-page>.scrapbook-panel{box-shadow:6px 6px 0 var(--ink-black);border-radius:12px;margin:0 0 24px;padding:26px}.scrapbook-header{border-bottom:1px dashed #1a1a1a47;margin-bottom:24px;padding-bottom:16px}.profile-page>.action-panel{border-radius:12px;margin:24px 0}.admin-page{padding-top:50px}.admin-header{border-bottom:1px solid #1a1a1a38;align-items:flex-end;margin-bottom:34px;padding-bottom:30px}.admin-title{font-size:clamp(2.8rem,6vw,5rem)}.admin-intro{color:var(--ink-faded);margin-top:12px;font-size:.82rem}.admin-badge{background:var(--paper-white);border-radius:999px}.admin-stats{gap:12px}.admin-stat-card{min-height:132px;box-shadow:none;background:#fffef5e0;border-radius:8px;padding:20px}.admin-stat-num{font-family:Georgia,serif;font-weight:500}.admin-tabs{border-bottom-width:1px}.admin-tab{border-radius:8px 8px 0 0}.admin-table-wrap{box-shadow:4px 4px 0 var(--ink-black);border-radius:8px}.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 74px);margin:0 auto;display:flex}.not-found-page h1{max-width:760px}.not-found-page>p:not(.eyebrow){max-width:540px;color:var(--ink-faded);margin:18px 0 28px;line-height:1.7}.missing-scrap{border:2px solid var(--ink-black);width:190px;box-shadow:5px 5px 0 var(--ink-black);background:#f7a9bc;margin-bottom:36px;padding:28px 20px;font-family:Georgia,serif;font-size:3rem;transform:rotate(-5deg)}.missing-scrap span{font-family:var(--font-handwriting-casual);font-size:1rem}@media (width<=760px){.page-shell{width:min(100% - 24px,1080px);padding-top:34px}.page-hero{flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:30px}.page-stat{min-width:0;padding:10px 18px}.people-grid{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr;gap:42px;min-height:auto;padding-top:38px}.auth-intro h1{font-size:clamp(3.5rem,16vw,5.5rem)}.auth-scrap-note{display:none}.auth-card{padding:10px 24px 28px}.profile-page>.profile-header-panel{padding:22px 18px}.profile-header{align-items:flex-start}.profile-page>.stats-panel{border-radius:10px}.profile-page>.scrapbook-panel{padding:18px 12px}.admin-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.news-item{grid-template-columns:42px minmax(0,1fr);gap:14px}.person-card{padding:15px 14px}.auth-card{box-shadow:4px 4px 0 var(--ink-black)}}@media (width<=600px){.nav-shell{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid;position:relative}.nav-menu-toggle{min-height:44px;font:inherit;background:#fffdf5;border:2px solid #1a1a1a;border-radius:7px;justify-self:end;align-items:center;gap:7px;padding:8px 12px;font-weight:700;display:inline-flex}.nav-links{z-index:1001;background:#fffdf5;border:2px solid #1a1a1a;border-radius:9px;flex-direction:column;grid-area:1/1/auto/-1;align-items:stretch;gap:4px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:4px 4px #1a1a1a}.nav-links.nav-links--open{display:flex}.nav-links .nav-link{box-sizing:border-box;text-align:left;border-radius:5px;width:100%;min-height:44px;padding:12px 14px;display:block}.nav-links .nav-link--active{background:#f7c948}.nav-account{grid-area:2/1/auto/-1;justify-content:space-between}}