:root{color-scheme:dark;--bg:#141517;--pane:#1d1e21;--card:#202124;--fg:#f1eee7;--muted:#b4b0aa;--dim:#928f89;--line:#373738;--gold:#d8bb81;--gold2:#b79b65;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",system-ui,-apple-system,sans-serif;--gap:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.55;min-width:280px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}button,input,textarea,select{border:1px solid var(--line);border-radius:7px;background:#232426;color:var(--fg)}input,textarea,select{padding:10px 12px}button{padding:8px 12px}input[type=checkbox]{accent-color:var(--gold)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:#d0b47c;color:#171712}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.16}h1{font-size:clamp(32px,4vw,48px)}h2{font-size:30px}h3{font-size:21px}.wrap{width:min(100% - 80px,1712px);margin-inline:auto}.ico{height:18px;width:18px;flex-shrink:0;vertical-align:-.2em}.skip{position:fixed;left:12px;top:-80px;z-index:100;background:var(--gold);color:#131313;padding:8px 16px}.skip:focus{top:12px}#main{min-height:65vh;padding-top:26px;padding-bottom:32px;outline:0}#mast{background:#161719;border-bottom:1px solid #323232}.top{min-height:74px;display:flex;align-items:center;gap:clamp(16px,3vw,60px)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand>img{width:45px;height:45px}.brand-name{display:flex;flex-direction:column;font-family:var(--serif);font-size:26px;line-height:1.02;letter-spacing:.02em}.brand-name small{font-family:var(--sans);font-size:9px;text-transform:uppercase;letter-spacing:.19em;font-weight:600;color:var(--gold);margin-top:5px}.findbox{position:relative;flex:1;max-width:760px;margin-inline:auto}.findbox form{display:flex;align-items:center;background:#222325;border:1px solid #39393a;border-radius:8px;gap:12px;padding:0 13px;color:var(--muted)}.findbox input{padding:11px 0;border:0;background:transparent;width:100%;min-width:0;height:41px;outline:0}.findbox form:focus-within{border-color:var(--gold)}::placeholder{color:#a9a6a1}.keyhint{font:12px var(--sans);width:20px;height:22px;text-align:center;line-height:19px;border-radius:4px;border:1px solid #49494a;color:#a9a59f}.head-actions,.toolbar,.actions{display:flex;align-items:center;gap:10px}.btn,.ico-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;line-height:1.2;font-weight:550;border-radius:7px;background:var(--pane);color:var(--fg);border:1px solid var(--line);padding:9px 14px}.btn:hover,.ico-btn:hover,.chip:hover{border-color:#998460;background:#292925}.primary{background:var(--gold);border-color:var(--gold);color:#202018}.primary:hover{background:#e8cf9e;border-color:#e8cf9e}.ico-btn{width:38px;padding:7px}.head-actions>.ico-btn{background:transparent;border-color:transparent}.avatar-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#353127;color:var(--gold);border:1px solid #5d533d}.avatar-btn img{height:100%;width:100%;border-radius:50%}.account{position:relative}.dropdown,.suggest{position:absolute;z-index:12;background:#252627;border:1px solid #4a4742;border-radius:8px;box-shadow:0 8px 45px #0007}.dropdown{right:0;top:43px;width:220px;padding:5px}.dropdown a,.suggest a{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:4px}.dropdown a:hover,.suggest a:hover,.suggest a:focus{background:#363532}.suggest{top:47px;left:0;right:0;padding:6px}.suggest small{margin-left:auto;color:var(--muted)}.navline{display:flex;align-items:center;gap:clamp(12px,2.3vw,40px);overflow:auto;scrollbar-width:none;min-height:43px}.navline a{position:relative;display:flex;align-items:center;gap:8px;white-space:nowrap;height:44px;font-size:13px;color:#c1bfba;font-weight:500}.navline .ico{width:16px;height:16px}.navline a.active,.navline a:hover{color:var(--gold)}.navline a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.navline a:last-child{margin-left:auto}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:222px;display:flex;align-items:center;border:1px solid #564939;border-radius:12px;background:#302c29 url('/art/atlas.webp') center 54%/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#16191ef5 0%,#171a1ed9 24%,#191b1e5c 58%,transparent 85%)}.hero-content{padding:28px 42px;max-width:620px}.kicker{display:flex;align-items:center;gap:9px;color:#e2c58b;font-size:10px;font-weight:650;letter-spacing:.18em;text-transform:uppercase}.kicker .ico{width:16px;height:16px}.hero h1{font-size:clamp(40px,4vw,65px);letter-spacing:-.04em;margin:7px 0 8px;color:#fff5e0}.hero p{color:#d8d4cb;max-width:450px;font-size:14px}.hero .hero-link{margin-top:18px;display:inline-flex;align-items:center;gap:13px;padding:8px 14px;background:#262622a8;color:#f2dfb6;border:1px solid #827359;border-radius:5px;font-size:12px;font-weight:600}.hero-link:hover{background:#494031}.hero-link .ico{width:15px}.corn{position:absolute;right:13px;top:13px;width:17px;height:17px;border-top:1px solid #dcc48b;border-right:1px solid #dcc48b}.corn.bottom{top:auto;right:auto;left:13px;bottom:13px;transform:rotate(180deg)}.discover{margin-top:28px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.section-head h2{font-size:32px;letter-spacing:-.035em}.titles{display:flex;align-items:baseline;gap:12px}.small,.muted{color:var(--muted);font-size:13px}.sort-wrap,.fil-button{display:flex;align-items:center;gap:8px;font-size:12px;color:#d6d3cd}.sort-wrap select{cursor:pointer;background:transparent;border:0;padding:5px 0;color:inherit}.sort-wrap .ico{width:16px}.fil-button{background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding:3px 0 3px 14px}.chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:0 1px 4px;margin-bottom:15px}.chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;padding:7px 13px;min-height:34px;border:1px solid #3a3a39;color:#d2cfc9;border-radius:7px;background:#202123}.chip.active{border-color:#ba9e6a;background:#d5b77c;color:#231f18;font-weight:650}.chip .ico{height:15px;width:15px}
.masonry{display:flex;align-items:flex-start;gap:var(--gap);width:100%}.mcol{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--gap)}.pin-card{position:relative;min-width:0;overflow:hidden;background:#202123;border:1px solid #343433;border-radius:9px;transition:border-color .15s}.pin-card:hover,.pin-card:focus-within{border-color:#8c7956}.pin-art{display:block;width:100%;height:auto;background:#2c2c2c}.pin-text{padding:10px 12px 12px;display:block}.pin-category{display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.115em;font-size:9px;color:var(--gold);font-weight:600}.pin-category .ico{width:12px;height:12px}.pin-title{display:block;font-family:var(--serif);font-size:clamp(15px,1.3vw,21px);color:#eee9df;line-height:1.2;margin-top:4px}.quick-save{position:absolute;right:8px;top:8px;width:30px;height:32px;background:#161719c9;color:#fff4db;border:1px solid #ffffff30;border-radius:6px;display:grid;place-items:center;padding:0;opacity:0}.pin-card:hover .quick-save,.pin-card:focus-within .quick-save,.quick-save:focus{opacity:1}.quick-save .ico{width:15px}.more-load{display:block;margin:20px auto}.skeleton{min-height:195px;border-radius:8px;background:linear-gradient(110deg,#262728 35%,#302f2d 47%,#262728 58%);background-size:225% 100%;animation:shimmer 1.35s infinite}@keyframes shimmer{to{background-position:-165% 0}}.skeleton-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap)}.panel,.empty{background:var(--pane);border:1px solid var(--line);border-radius:10px;padding:22px}.empty{text-align:center;padding:35px 15px;color:var(--muted)}.empty h2{color:var(--fg);font-size:23px;margin:5px 0}.advanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:5px;font-size:13px}.fields{display:grid;gap:14px}.basefoot{padding-block:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--dim);font-size:12px}.basefoot a:hover{color:var(--gold)}#toast{position:fixed;z-index:70;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(85vw,550px);background:#36342f;color:var(--fg);box-shadow:0 9px 25px #0009;border:1px solid #7f7158;border-radius:8px;padding:9px 17px}#toast:empty{display:none}[hidden]{display:none!important}
.crumb{margin-bottom:16px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.detail{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(295px,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--pane)}.stage{position:relative;display:grid;place-items:center;background:#101113}.stage>img{display:block;width:100%;height:clamp(350px,58vh,700px);object-fit:contain}.stage .ico-btn{position:absolute;right:12px;bottom:12px;background:#161719c9}.sheet{padding:clamp(20px,2.5vw,42px);align-self:center}.sheet h1{font-size:clamp(30px,3.2vw,49px);letter-spacing:-.035em;margin:12px 0 16px}.sheet .by{display:flex;align-items:center;gap:9px;color:#d9d5cc;font-size:13px}.by .ico{border-radius:50%;background:#36332c;padding:4px;height:25px;width:25px;color:var(--gold)}.sheet .desc{margin:17px 0;white-space:pre-wrap}.sheet dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}.sheet dt{color:var(--muted)}.sheet dd{margin:0}.sheet dd a,.text-link{color:var(--gold)}.actions{flex-wrap:wrap;margin:16px 0}.actions .btn{font-size:13px}.subtle{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--dim)}.subtle button,.linkbtn{border:0;background:transparent;padding:2px 0;color:var(--gold);font-size:inherit}.related,.comments{margin-top:29px}.related h2,.comments h2{margin-bottom:13px}.comment{border-bottom:1px solid var(--line);padding:15px 0}.comment-top{display:flex;align-items:center;gap:8px}.comment-top img{width:24px;height:24px;border-radius:50%}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.comment-form{max-width:750px;display:grid;gap:9px}.comment-form button{justify-self:start}.viewer{border:0;background:#0e0f11;color:var(--fg);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0;margin:0}.viewer::backdrop{background:#000}.view-stage{touch-action:none;position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.view-stage img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none}.view-controls{position:absolute;right:15px;top:15px;display:flex;gap:7px}.view-caption{position:absolute;bottom:12px;left:16px;background:#121212b5;padding:3px 8px;border-radius:4px}.prose{max-width:760px;display:grid;gap:18px}.prose h2{font-size:24px}.page-title{font-family:var(--serif);letter-spacing:-.035em}.auth-link{white-space:nowrap}
@media(min-width:1700px){:root{--gap:20px}.hero{min-height:266px}}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.top{gap:16px}.head-actions{gap:6px}.navline{gap:23px}.hero-content{padding:25px 32px}.detail{grid-template-columns:1.2fr 1fr}}
@media(max-width:700px){:root{--gap:10px}.wrap{width:calc(100% - 28px)}.top{flex-wrap:wrap;gap:10px;min-height:0;padding:12px 0}.brand{gap:8px}.brand>img{width:35px;height:35px}.brand-name{font-size:22px}.brand-name small{font-size:7.8px}.findbox{order:3;flex-basis:100%;max-width:none}.findbox input{height:36px}.head-actions{margin-left:auto;gap:3px}.head-actions .primary{min-height:32px;padding:7px 10px;font-size:12px}.head-actions>.ico-btn{width:28px}.avatar-btn{width:31px;height:31px}.navline{gap:20px}.navline a{height:39px;font-size:12px}.navline .ico{width:14px}#main{padding-top:14px}.hero{min-height:202px}.hero-content{padding:21px;max-width:85%}.hero h1{font-size:37px}.hero p{font-size:12px}.hero:before{background:linear-gradient(90deg,#15171ae8,#16181bd4 42%,#16181b29)}.hero .hero-link{margin-top:14px}.discover{margin-top:21px}.titles{gap:7px}.section-head h2{font-size:27px}.titles .small{font-size:11px}.section-head{gap:8px;margin-bottom:12px}.section-head .toolbar{gap:6px}.sort-wrap{gap:3px;font-size:11px}.sort-wrap select{width:89px}.fil-button{padding-left:8px}.fil-button span{display:none}.chips{gap:6px;margin-bottom:9px}.chip{font-size:11px;padding:6px 10px;min-height:31px}.pin-text{padding:8px 9px 9px}.pin-title{font-size:16px}.skeleton-row{grid-template-columns:repeat(2,1fr)}.skeleton:nth-child(n+3){display:none}.detail{grid-template-columns:1fr}.stage>img{height:42vh}.sheet{padding:20px}.basefoot{font-size:10.5px}.quick-save{opacity:1;width:25px;height:26px}.advanced{padding:13px}.brand-name small{letter-spacing:.13em}}
@media(max-width:350px){.head-actions .primary span{display:none}.hero-content{max-width:95%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-like][aria-pressed="true"]{color:#ecd096;border-color:#a38c61}[data-like][aria-pressed="true"] .ico{fill:#d8bb81}
