:root{color-scheme:dark;--bg:#090b0e;--text:#f0f1ed;--muted:#969da5;--faint:#737c87;--line:#ffffff12;--accent:#bfdbcc;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:12px;z-index:20;padding:10px 16px;background:var(--text);color:var(--bg);border-radius:5px}.skip-link:focus{top:10px}
.site-header,main{width:calc(100% - 48px);margin:auto}.site-header{display:flex;align-items:center;gap:20px;height:60px;border-bottom:1px solid var(--line)}main{padding-bottom:28px}.brand{display:inline-flex;align-items:center;gap:4px;font-size:20px;font-weight:560;letter-spacing:-.6px}.brand img{display:block;flex:none}.about-link{font-size:12px;color:var(--muted);order:2}.about-link:hover{color:var(--text)}.member-nav{margin-left:auto;flex:none}
.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 4px}.gallery-heading h1{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.035em;overflow-wrap:anywhere}.gallery-heading h1:focus{outline:none}.gallery-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 0;margin-bottom:16px;border-bottom:1px solid var(--line)}.gallery-controls{display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px;min-width:0}.periods{display:flex;align-items:center;gap:3px}.control-label{color:var(--faint);font-size:11px;margin-right:8px}.periods a{padding:7px 12px;min-height:32px;color:var(--muted);font-size:12px;border-radius:4px;white-space:nowrap}.periods a:hover,.metrics a:hover{color:var(--text);background:#ffffff08}.periods a[aria-current=page]{color:var(--text);background:#ffffff10}.metrics{display:flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:5px;flex:none}.metrics a{padding:5px 11px;font-size:12px;color:var(--muted);border-radius:3px}.metrics a[aria-current=page]{background:#252c2f;color:var(--text)}.gallery-summary{display:flex;align-items:center;gap:15px;margin-left:auto;color:var(--faint);font-size:11px;white-space:nowrap}.gallery-summary p:empty{display:none}.gallery-summary button{border:0;padding:6px 0 6px 6px;background:none;color:var(--muted);font-size:11px}.gallery-summary button span{font-size:14px;margin-left:5px}.gallery-summary button:hover{color:var(--text)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px 16px;min-height:120px}.work-card{min-width:0}.preview-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:6px;background:#10141a;isolation:isolate}.preview-link{position:absolute;inset:0;display:block}.preview-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;z-index:1;opacity:0}.preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 65% 25%,#314b572b,transparent 65%),linear-gradient(120deg,#111920,#0d1015);color:#8e9b9e;font-size:11px}.preview-status{position:absolute;bottom:10px;left:10px;z-index:2;max-width:calc(100% - 20px);padding:4px 7px;border-radius:3px;background:#0a0e13d9;color:#b3bec4;font-size:10px;line-height:1.5}.preview-frame.ready{background:#000}.preview-frame.ready .preview-image{opacity:1}.preview-frame.ready .preview-status,.preview-frame.ready .preview-placeholder,.preview-frame.unavailable .preview-status{display:none}.preview-frame.loading .preview-status:before{content:"";display:inline-block;width:4px;height:4px;margin:0 6px 2px 0;background:var(--accent);border-radius:50%;animation:breathe 1.6s ease-in-out infinite}.rank{position:absolute;z-index:2;top:8px;left:8px;min-width:22px;line-height:22px;border-radius:3px;text-align:center;background:#090d14b3;color:#d4dfdb;font-size:10px}.loop-label{position:absolute;top:8px;right:8px;z-index:2;color:#d7dfde;font-size:10px;padding:3px 7px;border-radius:3px;background:#090d14b3}.preview-retry{position:absolute;bottom:9px;right:9px;z-index:3;border:1px solid #ffffff28;background:#131b22;padding:5px 9px;border-radius:4px;font-size:11px}.preview-frame.failed .preview-status{right:84px;max-width:none}
.card-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:9px 0 0}.card-identity{min-width:0}.card-title{font-size:15px;line-height:1.35;font-weight:520;letter-spacing:-.015em;overflow-wrap:anywhere}.card-title a:hover,.artist-link:hover{color:var(--accent)}.artist-link{display:inline-block;color:var(--muted);font-size:12px;margin-top:3px;overflow-wrap:anywhere}.card-score{font-size:11px;white-space:nowrap;padding-top:2px}.card-score strong{color:#c4cfca;font-weight:450}.card-stats{display:flex;gap:13px;margin-top:5px;color:var(--faint);font-size:11px}.card-stats span{white-space:nowrap}.skeleton .preview-placeholder{opacity:.55}.skeleton-line{height:9px;width:43%;background:#ffffff07;margin-top:13px;border-radius:3px}.skeleton-line.short{width:23%;height:7px;margin-top:9px}
.notice{padding:28px 20px;text-align:center;border:1px solid var(--line);border-radius:6px;line-height:1.7;color:var(--muted);margin-bottom:18px}.notice strong{display:block;color:var(--text);font-size:17px;font-weight:500;margin-bottom:6px}.notice button,.button{display:inline-flex;justify-content:center;align-items:center;padding:9px 13px;margin-top:14px;border:1px solid #ffffff1c;border-radius:5px;background:#171e24;color:var(--text);font-size:12px;line-height:1.5}.notice button:hover,.button:hover{background:#242e35}.button.primary{background:#c2dacb;border-color:#c2dacb;color:#13261d}.button.primary:hover{background:#d3eadd}.back-link{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:14px}.back-link:hover{color:var(--text)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.detail-preview:not(.failed):not(.unavailable){aspect-ratio:auto}.detail-preview:not(.failed):not(.unavailable)>.preview-link{position:relative;inset:auto}.detail-preview .preview-image{position:relative;inset:auto;height:auto;max-height:70vh}.detail-info{min-width:0}.work-title{font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.18;overflow-wrap:anywhere}.detail-info .artist-link{font-size:13px;margin-top:9px}.artist-index{color:var(--faint);font-size:10px;margin-left:10px}.description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:13px;line-height:1.75;margin:18px 0}.detail-stats{display:flex;gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:18px 0}.detail-stats div{display:flex;flex-direction:column;gap:2px}.detail-stats strong{font-size:20px;font-weight:450}.detail-stats span{font-size:11px;color:var(--faint)}.detail-actions{display:flex;flex-wrap:wrap;gap:8px}.detail-actions .button{margin-top:0}.work-facts{color:var(--faint);font-size:11px;margin-top:18px;line-height:1.8}.licence-link{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.share-status{margin-top:9px;color:var(--accent);font-size:11px}.share-status:empty{display:none}.share-link{display:block;width:100%;margin-top:8px;padding:9px 10px;border:1px solid #ffffff26;border-radius:5px;background:#080e13;color:var(--text);font:12px/1.5 system-ui}.share-link:focus{outline:1px solid var(--accent);outline-offset:2px}
.login-button{border:1px solid #ffffff24;background:#ffffff06;border-radius:5px;padding:6px 12px;font-size:12px}.login-button:hover{background:#ffffff10}.account-menu{position:relative;font-size:12px}.account-menu summary{cursor:pointer;color:var(--accent);max-width:220px;overflow-wrap:anywhere;padding:8px 0}.account-links{position:absolute;right:0;top:calc(100% + 8px);width:210px;z-index:10;background:#171d23;border:1px solid #ffffff1c;border-radius:6px;box-shadow:0 16px 40px #0008;padding:7px}.account-link{display:block;width:100%;border:0;background:none;color:var(--text);font:inherit;text-align:left;margin:0;padding:9px 12px;border-radius:4px;overflow-wrap:anywhere}.account-link:hover{background:#ffffff0a}.auth-dialog{width:min(410px,calc(100% - 24px));background:#12181f;color:var(--text);border:1px solid #ffffff26;border-radius:9px;padding:28px;box-shadow:0 30px 100px #0009}.auth-dialog::backdrop{background:#030609ce;backdrop-filter:blur(5px)}.auth-dialog h2{font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.2;padding-right:25px}.auth-description{font-size:12px;color:var(--muted);margin:12px 0 18px}.auth-close{position:absolute;right:13px;top:12px;border:0;background:none;color:var(--muted);font-size:11px;padding:4px}.auth-form label,.comment-form label{display:block;font-size:12px;color:#c4cfcc;margin:15px 0}.auth-form input,.comment-form textarea{display:block;width:100%;border:1px solid #ffffff22;border-radius:5px;background:#080e13;color:var(--text);font:inherit;font-size:14px;padding:10px 11px;margin-top:6px}.auth-form input:focus,.comment-form textarea:focus{outline:1px solid var(--accent);outline-offset:1px}.auth-form .button{width:100%;margin:7px 0}.form-status{font-size:11px;line-height:1.7;color:#d6bba8;white-space:pre-wrap;overflow-wrap:anywhere}.auth-form .form-status{min-height:1.7em}.text-button{display:inline-block;border:0;background:none;padding:5px 0;color:var(--muted);font-size:11px;text-align:left;cursor:pointer}.text-button:hover{color:var(--accent)}.auth-dialog>.text-button{display:block;margin-top:6px}
.social-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.reaction-buttons{display:flex;gap:5px}.social-button{border:1px solid #ffffff20;border-radius:4px;background:transparent;color:var(--muted);padding:6px 9px;font-size:11px;line-height:1.5}.social-button:hover{color:var(--text);border-color:#ffffff40}.social-button[aria-pressed=true]{color:var(--accent);background:#b5dbc912;border-color:#b5dbc948}.author-action{display:inline-block}.author-action .form-status{display:block}.work-social{margin-bottom:16px}.discussion{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);max-width:900px}.discussion>h2{font-size:20px;letter-spacing:-.02em;font-weight:500;margin-bottom:15px}.comment{padding:13px 0;border-bottom:1px solid var(--line)}.comment-reply{border-left:1px solid #ffffff17;padding-left:16px}.comment.depth-1{margin-left:14px}.comment.depth-2{margin-left:28px}.comment.depth-3{margin-left:42px}.comment-meta{display:flex;align-items:center;gap:14px}.comment-meta .artist-link{margin:0}.comment-meta time,.activity-item time{color:var(--faint);font-size:10px}.comment-text{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.reply-context{font-size:10px;color:var(--faint)}.comment-form{max-width:720px;margin-top:20px}.comment-form textarea{resize:vertical;min-height:84px}.comment-form .button{margin:3px 0 0}.reply-to{font-size:11px;color:var(--accent)}.reply-to:empty{display:none}.comment-form .text-button{margin-right:14px}.empty-discussion{padding:10px 0;color:var(--muted);font-size:13px}.activity-list{max-width:900px}.activity-item{font-size:13px;border-bottom:1px solid var(--line);padding:17px 14px;color:var(--muted);overflow-wrap:anywhere}.activity-item.unread{background:#b4dbc807;border-left:2px solid #b4dbc85c}.activity-item .artist-link{margin:0;color:var(--accent)}.activity-work{color:var(--text)}.activity-work:hover{text-decoration:underline}.activity-item time{display:block;margin-top:5px}.activity-item p{margin-top:6px;font-size:12px}.more-favourites{margin-top:22px}
@keyframes breathe{50%{opacity:.3}}
@media(max-width:900px){.site-header,main{width:calc(100% - 32px)}.site-header{gap:16px}.gallery-controls{gap:12px}.periods a{padding:7px 9px}.detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}}
@media(max-width:700px){.site-header,main{width:calc(100% - 24px)}.site-header{height:56px;gap:12px}.brand{font-size:19px}.gallery-controls{display:contents}.gallery-toolbar{gap:8px 12px;padding:8px 0;margin-bottom:12px}.periods{width:100%;justify-content:space-between;gap:0}.periods a{padding:7px 10px}.metrics{margin-right:auto}.gallery-summary{gap:12px}.gallery-grid{gap:20px 14px}.detail-layout{grid-template-columns:1fr;gap:18px}.work-title{font-size:25px}.detail-info .artist-link{font-size:12px}.detail-stats{margin:15px 0}.discussion{margin-top:24px}.account-menu summary{max-width:170px;font-size:11px}.account-links{width:195px}.auth-dialog{padding:26px 22px}}
@media(max-width:380px){.control-label{display:none}.periods a{padding:7px 9px;font-size:11px}.about-link{display:none}.account-menu summary{max-width:145px}.gallery-summary{font-size:10px}.gallery-grid{gap:18px}.card-title{font-size:14px}.card-score{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important}}