.dfag{--dfag-bg:#f5f4f0;--dfag-text:#202722;--dfag-muted:#67716a;--dfag-line:#d8dcd7;--dfag-field:#fff;--dfag-accent:#a68655;background:var(--dfag-bg);color:var(--dfag-text);padding:32px;border-radius:6px;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dfag.dfag-dark{--dfag-bg:#18201f;--dfag-text:#f3f1e9;--dfag-muted:#b4bcb4;--dfag-line:#414b47;--dfag-field:#222c29;--dfag-accent:#d6b17b}.dfag *,.dfag-viewer *{box-sizing:border-box}.dfag [hidden],.dfag-viewer [hidden]{display:none!important}.dfag .dfag-kicker{margin:0 0 8px;color:var(--dfag-accent);font-size:11px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}.dfag .dfag-heading h2{font:500 clamp(26px,4vw,42px)/1.15 Georgia,serif;color:var(--dfag-text);margin:0 0 28px}.dfag .dfag-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 30px}.dfag .dfag-group{display:flex;flex-direction:column;gap:0;text-align:left;border:1px solid var(--dfag-line);padding:0;border-radius:4px;background:var(--dfag-field);color:var(--dfag-text);cursor:pointer;overflow:hidden;box-shadow:none;font:inherit;text-transform:none;letter-spacing:normal;min-width:0}.dfag .dfag-group>span:last-child{padding:13px 16px}.dfag .dfag-group strong{display:block;font:500 23px/1.25 Georgia,serif}.dfag .dfag-group small{display:block;color:var(--dfag-muted);font-size:12px;margin-top:4px}.dfag .dfag-group-cover{display:flex;align-items:center;justify-content:center;width:100%;height:125px;background:linear-gradient(120deg,#35433c,#1e2825);color:#8a9b87;font-size:42px}.dfag .dfag-group-cover img{width:100%;height:100%;object-fit:cover;opacity:.83}.dfag .dfag-group[aria-pressed=true],.dfag .dfag-group:hover{border-color:var(--dfag-accent)}.dfag .dfag-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--dfag-line)}.dfag .dfag-filters label{display:flex;flex-direction:column;gap:6px;flex:1 1 190px;font-size:13px;color:var(--dfag-muted);margin:0}.dfag .dfag-filters input,.dfag .dfag-filters select{width:100%;min-height:44px;max-width:none;padding:10px 12px;border:1px solid var(--dfag-line);border-radius:3px;color:var(--dfag-text);background:var(--dfag-field);font:inherit;font-size:15px;line-height:1.4;box-shadow:none;margin:0}.dfag input::placeholder{color:var(--dfag-muted)}.dfag .dfag-results{font-size:12px;color:var(--dfag-muted);margin:20px 0 16px}.dfag .dfag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:30px}.dfag .dfag-album{display:block;text-decoration:none;color:var(--dfag-text);min-width:0;border:0;box-shadow:none;background:none;padding:0}.dfag .dfag-cover{position:relative;display:flex;align-items:center;justify-content:center;height:240px;background:#101614;overflow:hidden;border-radius:3px}.dfag .dfag-cover img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;margin:0;padding:10px;transition:transform .25s ease}.dfag .dfag-album:hover img{transform:scale(1.035)}.dfag .dfag-cover-open{position:absolute;left:0;bottom:0;width:100%;padding:30px 15px 10px;color:#fff;background:linear-gradient(transparent,#000a);font-size:12px;opacity:0;transition:opacity .2s}.dfag .dfag-album:hover .dfag-cover-open,.dfag .dfag-album:focus-visible .dfag-cover-open{opacity:1}.dfag .dfag-album-title{display:block;font:500 21px/1.3 Georgia,serif;margin:12px 0 4px;overflow-wrap:anywhere}.dfag .dfag-album-count{display:block;font-size:12px;color:var(--dfag-muted)}.dfag .dfag-empty-cover{padding:20px;color:#abb7b0;font-size:13px}.dfag .dfag-more,.dfag [data-dfag-message] button{background:transparent;border:1px solid var(--dfag-line);padding:10px 20px;border-radius:3px;color:var(--dfag-text);font:inherit;cursor:pointer}.dfag :focus-visible,.dfag-viewer :focus-visible{outline:2px solid var(--dfag-accent,#dfbd87);outline-offset:4px}.dfag .dfag-more{margin:20px auto 0;display:block}.dfag [data-dfag-message]{font-size:14px;color:var(--dfag-muted)}.dfag-grid[aria-busy=true]{opacity:.65}.dfag-viewer-open{overflow:hidden!important}
dialog.dfag-viewer{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#101514;color:#f4f2e9;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;z-index:2147483600}dialog.dfag-viewer[open]{display:flex;flex-direction:column}dialog.dfag-viewer::backdrop{background:#0a0d0c}.dfag-viewer .dfag-viewer-bar{display:flex;align-items:center;gap:20px;flex-shrink:0;min-height:66px;padding:10px 24px;border-bottom:1px solid #ffffff20;background:#18201f}.dfag-viewer .dfag-viewer-album{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;color:#f4f2e9}.dfag-viewer .dfag-viewer-count{white-space:nowrap;color:#bbc6bf;font-size:13px}.dfag-viewer .dfag-viewer-controls{display:flex;align-items:center;gap:5px}.dfag-viewer button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px 12px;border:1px solid transparent;border-radius:3px;background:transparent;color:#f4f2e9;box-shadow:none;font:inherit;text-transform:none;letter-spacing:normal;cursor:pointer;margin:0}.dfag-viewer button:hover,.dfag-viewer button[aria-pressed=true]{background:#ffffff16}.dfag-viewer button:disabled{opacity:.45;cursor:default}.dfag-viewer .dfag-stage{position:relative;min-height:70px;flex:1;display:flex;overflow:hidden}.dfag-viewer .dfag-image-area{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px 74px;overscroll-behavior:contain}.dfag-viewer .dfag-image-area img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex-shrink:0;margin:0;padding:0;box-shadow:0 5px 30px #0005}.dfag-viewer.dfag-zoomed .dfag-image-area{display:block;padding:20px 70px;cursor:grab}.dfag-viewer.dfag-zoomed .dfag-image-area img{max-width:none;max-height:none;margin:auto}.dfag-viewer .dfag-prev,.dfag-viewer .dfag-next{position:absolute;top:calc(50% - 32px);height:64px;width:48px;background:#101514c9;font:42px/1 Georgia,serif;z-index:1}.dfag-viewer .dfag-prev{left:12px}.dfag-viewer .dfag-next{right:12px}.dfag-viewer .dfag-load-status{position:absolute;top:45%;left:10%;width:80%;text-align:center;color:#cbd1cb;font-size:14px;pointer-events:none;margin:0}.dfag-viewer .dfag-caption{flex-shrink:0;padding:14px max(24px,6vw) 18px;border-top:1px solid #ffffff14;text-align:center;max-height:32vh;max-height:32dvh;overflow:auto;background:#18201f}.dfag-viewer .dfag-caption h3{margin:0 0 5px;font:500 22px/1.2 Georgia,serif;color:#f4f2e9}.dfag-viewer .dfag-caption p{margin:5px 0;white-space:pre-line;overflow-wrap:anywhere;font-size:14px;color:#c8d0c9}.dfag-viewer .dfag-caption .dfag-credit{font-size:12px;color:#a1b0a5}.dfag-viewer .dfag-bottom{display:flex;justify-content:center;align-items:start;gap:26px;flex-wrap:wrap;margin-top:12px}.dfag-viewer .dfag-voting{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;color:#bac5bb;font-size:12px}.dfag-viewer .dfag-voting button{font-size:13px;border:1px solid #697b6d;min-height:36px}.dfag-viewer .dfag-voting button:disabled{opacity:1;color:#dfbd87;border-color:#8b764f}.dfag-viewer .dfag-vote-status{flex-basis:100%;font-size:12px}.dfag-viewer .dfag-album-details{max-width:700px;color:#bac5bb;font-size:13px}.dfag-viewer .dfag-album-details summary{cursor:pointer;padding:8px 10px}.dfag-viewer .dfag-related{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.dfag-viewer .dfag-related a{color:#dfbd87;text-decoration:underline}.dfag-viewer .dfag-thumbs{display:flex;gap:9px;flex-shrink:0;padding:10px 20px;overflow:auto;background:#0b100e;max-height:95px;scrollbar-width:thin}.dfag-viewer .dfag-thumbs button{padding:2px;flex:0 0 66px;width:66px;height:70px;border:2px solid transparent}.dfag-viewer .dfag-thumbs button[aria-current=true]{border-color:#dfbd87}.dfag-viewer .dfag-thumbs img{width:100%;height:100%;object-fit:contain;margin:0}.dfag-viewer .dfag-caption:empty{display:none}
@media(max-width:760px){.dfag{padding:22px}.dfag .dfag-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dfag .dfag-group-cover{height:100px}.dfag .dfag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.dfag .dfag-cover{height:210px}.dfag .dfag-album-title{font-size:19px}.dfag-viewer .dfag-viewer-bar{padding:8px 10px;gap:8px;flex-wrap:wrap}.dfag-viewer .dfag-viewer-album{flex:1 1 70%}.dfag-viewer .dfag-viewer-controls{width:100%;justify-content:center}.dfag-viewer .dfag-image-area{padding:8px 38px}.dfag-viewer .dfag-prev,.dfag-viewer .dfag-next{width:32px;min-width:32px;height:48px;top:calc(50% - 24px);padding:0;font-size:32px}.dfag-viewer .dfag-prev{left:3px}.dfag-viewer .dfag-next{right:3px}.dfag-viewer .dfag-caption{padding:12px 16px;max-height:34dvh}.dfag-viewer .dfag-caption h3{font-size:19px}.dfag-viewer .dfag-caption p{font-size:12px}.dfag-viewer .dfag-bottom{gap:5px;margin-top:6px}.dfag-viewer .dfag-thumbs{max-height:80px;padding:7px 10px}.dfag-viewer .dfag-thumbs button{height:60px;flex-basis:52px}.dfag-viewer.dfag-zoomed .dfag-image-area{padding:10px 38px}}
@media(max-width:420px){.dfag{padding:18px 14px}.dfag .dfag-grid{grid-template-columns:1fr}.dfag .dfag-cover{height:280px}.dfag .dfag-group strong{font-size:21px}.dfag .dfag-group>span:last-child{padding:12px}.dfag-viewer .dfag-viewer-controls button{padding:7px 10px}}
@media(max-height:480px){.dfag-viewer .dfag-viewer-bar{min-height:45px;padding:2px 10px;flex-wrap:nowrap}.dfag-viewer .dfag-viewer-album{flex:1}.dfag-viewer .dfag-viewer-controls{width:auto}.dfag-viewer .dfag-caption{max-height:28dvh;padding:6px 12px}.dfag-viewer .dfag-caption h3{font-size:16px}.dfag-viewer .dfag-caption p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dfag .dfag-cover img,.dfag .dfag-cover-open{transition:none}}