@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#e9e5d7;--ink:#20241f;--muted:#73776d;--line:#c7c8ba;--red:#b83f2d;--red-dark:#963221;--olive:#3e503c;--white:#f8f7f0;font-family:'Noto Sans SC','PingFang SC',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{max-width:1600px;margin:auto;padding:0 clamp(24px,5.2vw,92px)}.topbar{height:96px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:900;letter-spacing:-1.5px;line-height:1}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--red);color:var(--white);font-size:24px;transform:rotate(-8deg)}.brand small{display:block;margin-top:5px;color:var(--muted);font:10px/1 'DM Mono',monospace;letter-spacing:1.2px}.topbar-right{display:flex;align-items:center;gap:30px}.local-note,.section-hint{font-size:12px;color:var(--muted)}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:#688665;margin-right:7px}.outline-button{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:11px 17px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.outline-button:hover{background:var(--ink);color:var(--white)}.hero{min-height:618px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.65fr);gap:4vw;align-items:center;border-bottom:1px solid var(--line);padding:62px 0 74px}.eyebrow,.section-kicker,.how-label,.empty-kicker{font:500 11px 'DM Mono','Noto Sans SC',sans-serif;letter-spacing:2px;color:var(--red);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:29px;background:var(--red)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(47px,5.5vw,88px);line-height:1.22;letter-spacing:-.085em;margin:27px 0 25px;font-weight:900}.hero h1 em{font-style:normal;color:var(--red)}.hero p{color:#62675e;font-size:15px;line-height:1.9;margin-bottom:32px}.search{display:flex;align-items:center;max-width:750px;background:var(--white);border:1px solid var(--ink);padding:6px;box-shadow:6px 6px 0 var(--ink);height:68px}.search-icon{font-size:35px;line-height:1;margin:0 15px 5px 17px;color:var(--olive)}.search input{min-width:0;flex:1;border:0;background:transparent;outline:none!important;font-size:15px;color:var(--ink)}.search input::placeholder{color:#9c9e92}.search button,.primary-button{background:var(--red);border:0;color:#fff;font-weight:700}.search button{height:54px;padding:0 20px;white-space:nowrap}.search button:hover,.primary-button:hover{background:var(--red-dark)}.quick-search{display:flex;align-items:center;gap:8px;margin-top:23px;font-size:12px;color:var(--muted)}.quick-search span{margin-right:4px}.quick-search button{border:1px solid var(--line);padding:5px 11px;background:transparent;color:var(--olive);border-radius:20px}.quick-search button:hover{border-color:var(--olive);background:#dcded1}.hero-art{display:flex;align-items:center;flex-direction:column;padding:12px 0}.art-frame{position:relative;width:min(100%,315px);aspect-ratio:4/5;background:#d6d7c5;border:9px solid var(--white);box-shadow:1px 2px 0 var(--ink),13px 15px 0 #a5ab97;overflow:hidden;transform:rotate(3deg)}.art-frame:before{content:'';position:absolute;inset:18px;border:1px solid #a2ad9b}.art-number{position:absolute;top:31px;left:35px;font:11px 'DM Mono',monospace;letter-spacing:1px;color:var(--olive)}.art-character{position:absolute;top:17%;left:5%;font-weight:900;font-size:clamp(180px,20vw,280px);line-height:1;color:var(--olive);transform:rotate(-8deg);text-shadow:10px 11px 0 #aebaaa}.art-caption{position:absolute;bottom:37px;left:34px;color:var(--olive);font-weight:900;font-size:18px;line-height:1.3}.art-stamp{position:absolute;bottom:30px;right:26px;border:3px solid var(--red);border-radius:50%;width:78px;height:78px;display:grid;place-items:center;text-align:center;color:var(--red);font-size:17px;line-height:1.2;font-weight:900;transform:rotate(-17deg)}.art-footnote{margin-top:30px;color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:2px}.archive{padding:75px 0 95px;min-height:520px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.section-kicker span{color:var(--muted);padding:0 5px}.section-heading h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.06em;margin:12px 0 0}.count{font:500 14px 'DM Mono',monospace;vertical-align:top;color:var(--red);margin-left:12px;letter-spacing:0}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:35px}.filter{border:1px solid var(--line);background:transparent;color:#555d50;padding:9px 18px;font-size:13px}.filter.active{background:var(--olive);border-color:var(--olive);color:var(--white)}.filter:hover:not(.active){border-color:var(--olive)}.result-bar{display:flex;justify-content:space-between;align-items:center;min-height:68px;color:var(--muted);font-size:12px}.text-button{border:0;background:none;color:var(--red);font-size:12px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.meme-card{text-align:left;border:1px solid var(--line);background:var(--white);padding:8px;min-width:0;transition:transform .18s,box-shadow .18s}.meme-card:hover{transform:translateY(-4px);box-shadow:5px 6px 0 var(--ink)}.meme-image{display:grid;place-items:center;height:230px;background:#e0e1d6;overflow:hidden}.meme-image img{width:100%;height:100%;object-fit:contain}.meme-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 7px 6px;font-size:14px}.meme-caption strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meme-caption>span{flex:none;color:var(--red);font-size:11px}.empty-state{margin:20px auto 0;min-height:350px;border:1px dashed #b9bdaf;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-state[hidden]{display:none}.empty-illustration{width:80px;height:80px;border-radius:50%;background:#d8dbcb;display:grid;place-items:center;position:relative;color:var(--olive);font-size:42px;font-weight:900;margin-bottom:24px;transform:rotate(-9deg)}.empty-illustration i{font:700 24px 'DM Mono',monospace;position:absolute;right:-15px;top:-13px;color:var(--red)}.empty-state h3{font-size:27px;letter-spacing:-.05em;margin:10px 0}.empty-state p{font-size:13px;line-height:1.9;color:var(--muted);max-width:480px;margin-bottom:20px}.primary-button{padding:13px 19px;font-size:13px}.how-it-works{border-top:1px solid var(--line);padding:60px 0 70px;display:grid;grid-template-columns:1fr 2fr auto;align-items:start;gap:35px}.how-label{color:var(--muted)}.how-it-works h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.07em;line-height:1.3;margin-bottom:18px}.how-it-works p{max-width:590px;line-height:1.9;font-size:13px;color:var(--muted);margin-bottom:0}.how-it-works .outline-button{align-self:center}footer{min-height:85px;border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px}.footer-slash{color:var(--red)}dialog{border:1px solid var(--ink);padding:0;background:var(--paper);color:var(--ink);box-shadow:14px 16px 0 rgba(32,36,31,.4);max-height:calc(100dvh - 30px)}dialog::backdrop{background:rgba(23,31,24,.7)}.editor-dialog{width:min(760px,calc(100vw - 32px))}.editor-dialog form{padding:30px}.dialog-heading{display:flex;justify-content:space-between;align-items:start}.dialog-heading h2,.detail-info h2{margin:8px 0 22px;font-size:28px;letter-spacing:-.06em}.close-button{border:0;background:transparent;font:32px/1 sans-serif;color:var(--ink);padding:0 4px}.editor-body{display:grid;grid-template-columns:260px 1fr;gap:27px}.preview-wrap{height:285px;background:#d5d9cb;display:grid;place-items:center}.preview-wrap img{max-width:100%;max-height:100%;object-fit:contain}.editor-fields{display:flex;flex-direction:column;gap:7px}.editor-fields label{font-size:12px;font-weight:700}.editor-fields input,.editor-fields select{border:1px solid var(--line);border-radius:0;background:var(--white);padding:9px 11px;margin-bottom:7px;width:100%;font-size:13px}.editor-fields small{color:var(--muted);font-size:11px;margin-top:-7px;margin-bottom:8px}.dialog-actions{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.detail-dialog{width:min(820px,calc(100vw - 32px))}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:400px}.detail-image-wrap{background:#d5d9cb;display:grid;place-items:center;padding:20px;min-height:400px}.detail-image-wrap img{max-width:100%;max-height:65vh;object-fit:contain}.detail-info{padding:36px;position:relative;display:flex;flex-direction:column}.detail-close{position:absolute;top:26px;right:25px}.detail-info h2{padding-right:24px;overflow-wrap:anywhere}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags span{font-size:12px;padding:6px 10px;border:1px solid var(--line)}.detail-source{font-size:12px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere;margin:18px 0 auto}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;padding-top:25px}.detail-management{display:flex;gap:20px;border-top:1px solid var(--line);margin-top:27px;padding-top:16px}.detail-management button{border:0;background:transparent;color:var(--muted);padding:0;font-size:12px}.detail-management button:last-child{color:var(--red)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--white);padding:12px 20px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.hero{grid-template-columns:1fr .6fr;gap:20px}.hero h1{font-size:clamp(43px,5.8vw,64px)}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.meme-image{height:190px}}@media(max-width:680px){.site-shell{padding:0 19px}.topbar{height:73px}.brand{font-size:20px}.brand-mark{width:35px;height:35px}.local-note,.section-hint{display:none}.header-add{font-size:12px;padding:9px}.hero{display:block;min-height:0;padding:60px 0 65px}.hero h1{font-size:clamp(43px,10vw,60px);margin:22px 0}.hero p{font-size:13px}.hero-art{display:none}.search{height:59px;box-shadow:4px 4px 0 var(--ink)}.search-icon{margin:0 8px 5px 10px}.search input{font-size:13px}.search button{height:47px;padding:0 11px;font-size:12px}.quick-search{flex-wrap:wrap}.archive{padding:55px 0 65px}.filter-row{margin-top:25px;gap:7px}.filter{padding:8px 12px;font-size:12px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meme-image{height:155px}.meme-caption{font-size:12px}.how-it-works{grid-template-columns:1fr;padding:42px 0;gap:15px}.how-it-works .outline-button{justify-self:start;margin-top:5px}footer{align-items:start;flex-direction:column;justify-content:center;padding:20px 0;gap:8px}.editor-dialog form{padding:19px}.editor-body{grid-template-columns:1fr;gap:17px}.preview-wrap{height:170px}.dialog-heading h2{margin-bottom:15px}.detail-layout{grid-template-columns:1fr}.detail-image-wrap{min-height:220px;max-height:40vh}.detail-image-wrap img{max-height:35vh}.detail-info{padding:24px}.detail-source{margin-bottom:0}.detail-actions{padding-top:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.detail-meta{margin:10px 0;color:var(--ink);font-size:13px;line-height:1.65}.detail-meta:empty{display:none}