@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--paper:#f4f1ea;--ink:#191919;--muted:#62605c;--red:#b91e3c;--border:#d8d4cb;--white:#fff;--soft:#e9e5dc;--radius:16px;--shade:#141414b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.5 Inter,Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline:3px solid var(--red);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}main{max-width:1440px;margin:auto;padding:0 64px}.top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:94px;display:flex}.wordmark{letter-spacing:-1.3px;font-size:24px;font-weight:600}.wordmark-dot{color:var(--red)}.share{background:0 0;align-items:center;gap:9px;min-height:44px;padding:8px 0;font-size:14px;font-weight:500;display:flex}.intro{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:56px 0 42px;display:grid}.eyebrow{letter-spacing:1.8px;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:600}h1{letter-spacing:-5px;margin:0 0 24px;font-size:clamp(48px,6.1vw,84px);font-weight:600;line-height:1.01}h1 span{color:var(--muted)}.intro-copy{color:var(--ink);margin:0;font-size:18px;line-height:1.6}.small-line{color:var(--muted);align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.small-dot{background:var(--ink);border-radius:50%;width:6px;height:6px}.hero-art{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-art img{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;width:100%;max-width:340px;transform:rotate(-8deg)}.hero-caption{color:var(--muted);margin-top:0;font-size:13px}.collection-bar{z-index:3;background:var(--paper);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex;position:sticky;top:0}.filters{gap:5px;display:flex}.filters button{white-space:nowrap;background:0 0;border-radius:30px;min-height:46px;padding:10px 20px;font-size:14px;font-weight:500}.filters button.active{background:var(--ink);color:var(--paper)}.filter-count{opacity:.8;padding-left:7px}.collection-count{color:var(--muted);white-space:nowrap;font-size:13px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;padding:10px 0 70px;display:grid}.card{min-width:0}.image-button{border-radius:var(--radius);background:var(--white);aspect-ratio:1;border:1px solid var(--border);width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-button img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.image-button:hover img{transform:scale(1.035)}.number{background:var(--paper);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:grid;position:absolute;top:14px;left:14px}.expand{background:var(--paper);opacity:0;border-radius:50%;place-items:center;width:34px;height:34px;transition:opacity .2s;display:grid;position:absolute;bottom:12px;right:12px}:is(.image-button:hover .expand,.image-button:focus-visible .expand){opacity:1}.card-main{justify-content:space-between;align-items:center;gap:8px;padding:15px 0 0;display:flex}.category{color:var(--muted);margin:0 0 4px;font-size:11px}.card h2{letter-spacing:-.4px;margin:0;font-size:17px;font-weight:600}.like{border:1px solid var(--border);background:0 0;border-radius:30px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:54px;min-height:46px;padding:8px 11px;font-size:13px;transition:background .15s;display:flex}.like.liked{color:var(--red);border-color:var(--red);background:var(--paper)}.like:hover{background:var(--soft)}.heart-count{font-variant-numeric:tabular-nums}.note-link{min-height:44px;color:var(--muted);background:0 0;align-items:center;gap:7px;padding:6px 0;font-size:13px;display:flex}.note-link.has-note{color:var(--ink)}.note-link:hover{color:var(--red)}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:30px;padding:32px 0 45px;display:flex}footer p{color:var(--muted);margin:0;font-size:13px}.error{border:1px solid var(--red);color:var(--red);border-radius:10px;justify-content:space-between;gap:12px;padding:16px;font-size:14px;display:flex}.error button{background:0 0;min-height:44px;font-weight:600;text-decoration:underline}.loading{color:var(--muted);font-size:14px}.empty{text-align:center;padding:80px 0 100px}.empty h2{letter-spacing:-1px;font-size:26px;font-weight:600}.empty p{color:var(--muted)}.empty .primary{width:max-content;margin:25px auto 0}.primary{background:var(--ink);min-height:48px;color:var(--paper);border-radius:10px;justify-content:center;align-items:center;gap:16px;padding:13px 20px;font-weight:500;display:flex}.viewer{background:var(--paper);width:min(1160px,100% - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--ink);border:0;border-radius:20px;padding:0;overflow:auto}.viewer::backdrop{background:var(--shade);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.viewer-top{border-bottom:1px solid var(--border);background:var(--paper);z-index:5;justify-content:space-between;align-items:center;padding:14px 22px;font-size:13px;display:flex;position:sticky;top:0}.viewer-top>div{gap:3px;display:flex}.viewer-top button{background:0 0;border-radius:50%;justify-content:center;align-items:center;min-width:44px;height:44px;display:flex}.viewer-top .close{background:var(--soft);border-radius:24px;gap:6px;margin-left:8px;padding:0 13px}.viewer-body{grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.viewer-image{aspect-ratio:1;background:var(--white);position:sticky;top:73px;overflow:auto}.viewer-image img{cursor:zoom-in;width:100%;display:block}.viewer-image.zoomed img{cursor:zoom-out;width:170%;max-width:none}.zoom{border:1px solid var(--border);background:var(--paper);border-radius:50%;place-items:center;width:46px;height:46px;margin-top:-62px;display:grid;position:sticky;bottom:16px;left:calc(100% - 62px)}.feedback-panel{padding:32px}.feedback-panel>.eyebrow{margin-bottom:9px;font-size:10px}.feedback-panel>h2{letter-spacing:-1.5px;margin:0 0 22px;font-size:34px;font-weight:600;line-height:1.12}.large{border-radius:10px;justify-content:flex-start;width:100%;padding:12px 16px;font-size:15px}.large .heart-count{margin-left:auto}.comment-form{border-top:1px solid var(--border);margin-top:26px;padding-top:22px}h3{letter-spacing:-.4px;margin:0 0 6px;font-size:18px;font-weight:600}.comment-form>p{color:var(--muted);margin:0 0 20px;font-size:14px}label{margin:15px 0 7px;font-size:13px;font-weight:500;display:block}label span{color:var(--muted);font-weight:400}input,textarea{border:1px solid var(--border);background:var(--white);width:100%;min-height:46px;color:var(--ink);border-radius:9px;padding:12px;font-size:16px}textarea{resize:vertical;min-height:100px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted)}.comment-meta{color:var(--muted);justify-content:space-between;gap:10px;margin:5px 0 16px;font-size:11px;display:flex}.save{justify-content:space-between;width:100%}.save:disabled{cursor:default}.form-error{color:var(--red)!important;margin-top:15px!important}.comments{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.comment{border-bottom:1px solid var(--border);gap:10px;padding:15px 0;display:flex}.comment-avatar{background:var(--soft);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.comment b{font-size:13px;font-weight:600}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;font-size:14px;line-height:1.5}.toast{z-index:30;background:var(--ink);color:var(--paper);border-radius:30px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 30px);padding:14px 22px;font-size:14px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000026}@media (min-width:1600px){main{max-width:1540px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){main{padding:0 28px}.intro{gap:20px;padding-top:42px}.hero-art img{max-width:280px}h1{letter-spacing:-3px;font-size:60px}.grid{gap:26px 16px}.collection-count span{display:none}.filters button{padding:10px 15px}.feedback-panel{padding:24px}.viewer-body{grid-template-columns:1fr 1fr}.feedback-panel>h2{font-size:28px}}@media (max-width:600px){main{padding:0 18px}.top{height:72px}.wordmark{font-size:22px}.share{font-size:12px}.intro{grid-template-columns:1fr;padding:32px 0 24px;position:relative;overflow:hidden}.intro>div:first-child{z-index:1;position:relative}.eyebrow{letter-spacing:1.3px;margin-bottom:15px;font-size:10px}h1{letter-spacing:-3px;margin-bottom:18px;font-size:50px;line-height:1.02}.intro-copy{max-width:300px;font-size:15px;line-height:1.6}.small-line{margin-top:15px;font-size:12px}.hero-art{opacity:.15;pointer-events:none;width:130px;position:absolute;top:38px;right:-6px;transform:rotate(7deg)}.hero-caption{display:none}.collection-bar{padding:13px 0 10px;display:block}.filters{gap:2px;width:100%}.filters button{flex:1;min-height:44px;padding:9px 12px;font-size:12px}.collection-count{margin-top:13px;font-size:11px;display:block}.collection-count span{display:inline}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px;padding-top:8px;padding-bottom:40px}.image-button{border-radius:12px}.number{width:25px;height:25px;font-size:10px;top:9px;left:9px}.expand{display:none}.card-main{flex-wrap:wrap;align-items:flex-start;gap:4px;padding-top:10px}.card-main>div{width:100%}.card h2{letter-spacing:-.3px;min-height:19px;font-size:14px;line-height:1.3}.category{margin-bottom:4px;font-size:10px}.like{min-width:54px;min-height:44px;margin-top:4px;padding:8px 10px}.card-main .like{border:0;justify-content:flex-start;padding-left:0}.note-link{gap:5px;min-height:44px;padding:4px 0;font-size:11px}.card{position:relative}.card .note-link{max-width:calc(100% - 54px);position:absolute;bottom:0;right:0}footer{grid-template-columns:1fr auto;gap:16px;padding-top:24px;display:grid}footer p{grid-area:2/1/auto/-1;font-size:12px}.viewer{border-radius:0;width:100%;height:100%;max-height:100dvh;margin:0}.viewer-top{padding:8px 14px}.viewer-top>span{font-size:12px}.viewer-body{display:block}.viewer-image{aspect-ratio:1;width:100%;max-height:none;position:relative;top:0}.feedback-panel{padding:25px 22px 40px}.feedback-panel>h2{font-size:32px}.viewer-top .close{margin-left:1px}.viewer-top button{min-width:44px}.large{margin-top:0}.comment-meta{font-size:11px}.toast{padding:13px 16px;font-size:13px;bottom:18px}.empty{padding:50px 0 65px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.top .wordmark{align-items:center;min-height:44px;display:flex}.viewer-notice{color:var(--ink);align-items:center;gap:8px;margin:16px 0 0;font-size:13px;display:flex}