@font-face{font-family:system-fallback;src:local("Arial")}
:root{--bg:#101011;--panel:#181819;--elevated:#202022;--line:#333334;--ink:#f1eee7;--muted:#aaa7a1;--accent:#f47455;--strong:#b93f28;--green:#aacdac;--radius:8px;--mono:"Consolas","Courier New",monospace}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}input,textarea,select{background:#111112;border:1px solid #4b4948;border-radius:5px;color:var(--ink);padding:11px 13px;width:100%;min-height:45px}textarea{resize:vertical;min-height:130px}input::placeholder,textarea::placeholder{color:#86827e}input[readonly]{color:var(--muted);border-style:dashed}input[type=file]{padding:9px;max-width:100%}input::file-selector-button{background:#353333;border:0;border-radius:3px;color:var(--ink);padding:6px 9px;margin-right:10px}h1,h2,h3,p{margin:0}h1{line-height:1.05;font-size:clamp(36px,5vw,66px);font-weight:750;letter-spacing:-2px}h2{line-height:1.15;font-size:28px;letter-spacing:-.7px}h3{font-size:18px;line-height:1.3}p+p{margin-top:12px}small,.small{font-size:12px}.muted{color:var(--muted)}.accent{color:var(--accent)}.eyebrow{font:11px/1.5 var(--mono);font-weight:bold;letter-spacing:2.3px;text-transform:uppercase;color:var(--accent)}.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}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:15px;background:var(--ink);color:var(--bg);padding:12px;z-index:100}.skip-link:focus{top:12px}.site-header{min-height:92px;display:flex;gap:40px;align-items:center;padding:18px clamp(20px,5vw,80px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand-mark{font-size:40px;font-weight:900;line-height:1;letter-spacing:-3px}.brand-dot{color:var(--accent)}.brand-caption{font:9px/1.6 var(--mono);letter-spacing:1.5px;color:var(--muted)}#navigation{display:flex;gap:25px;align-items:center;flex:1}#navigation a{font-size:13px;color:var(--muted)}#navigation a.active{color:var(--ink)}#navigation a.active:after{content:"";display:block;height:2px;background:var(--accent);margin-top:5px;margin-bottom:-7px}.account-navigation{display:flex;align-items:center;gap:15px;margin-left:auto}.nav-user{display:flex;align-items:center;gap:9px;font-size:13px;max-width:220px;overflow:hidden}.nav-user span{overflow:hidden;text-overflow:ellipsis}.avatar-mini{width:29px;height:29px;border-radius:50%;object-fit:cover;background:#40322e}.button,.button-secondary,.button-quiet{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 19px;border-radius:5px;border:1px solid transparent;font-weight:bold;font-size:13px;line-height:1.4;text-align:center}.button{background:var(--accent);color:#17110f}.button:hover{color:#17110f;background:#ff9375}.button-secondary{background:transparent;border-color:#56504a;color:var(--ink)}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.button-quiet{background:transparent;color:var(--muted);padding-left:8px;padding-right:8px}.button-quiet:hover{color:var(--ink)}.small-button{min-height:35px;padding:7px 12px;font-size:12px}.text-link{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.button-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.site-footer{max-width:1600px;margin:0 auto;padding:30px clamp(20px,5vw,80px);display:flex;justify-content:space-between;gap:20px;color:#87847e;border-top:1px solid var(--line);font:10px/1.5 var(--mono)}.site-footer a{color:#a8a29a}main{min-height:calc(100vh - 173px)}.page{max-width:1440px;margin:auto;padding:48px clamp(20px,5vw,72px) 80px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.page-heading h1{font-size:46px;margin-top:12px}.page-heading p{max-width:600px;margin-top:14px}.landing{overflow:hidden}.hero{max-width:1440px;display:grid;grid-template-columns:1.07fr 1fr;gap:50px;padding:72px clamp(20px,5vw,72px) 68px;margin:auto;align-items:center}.hero h1{font-size:clamp(50px,6.4vw,88px);max-width:690px;letter-spacing:-4px;line-height:1.02;margin:25px 0}.hero h1 em{font-family:Georgia,serif;font-weight:normal;color:var(--accent)}.hero-copy>p{max-width:495px;color:var(--muted);font-size:16px;line-height:1.8;margin:24px 0 28px}.hero .button{min-height:48px;padding:13px 24px}.hero-note{margin-top:20px;font:10px var(--mono);color:#99928a}.hero-note span{color:var(--accent);margin-right:8px}.archive-art{position:relative;min-height:415px;align-self:stretch;display:grid;place-items:center;isolation:isolate}.archive-art:before{content:"";position:absolute;inset:13% 0 7% 0;background:radial-gradient(ellipse,#7b322127,transparent 65%);z-index:-1}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000,transparent 78%)}.sleeve{position:absolute;width:250px;height:285px;background:#d4cec0;color:#25211c;transform:rotate(-11deg) translate(-35px,-12px);box-shadow:0 25px 35px #0009;padding:22px;z-index:2;border:1px solid #e5ded1}.sleeve:after{content:"";position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#817160 3px);pointer-events:none}.sleeve-title{font-size:44px;font-weight:900;letter-spacing:-3px;line-height:.95}.sleeve-label{font:9px var(--mono);letter-spacing:1px;margin-top:8px}.sleeve-wave{height:96px;margin:26px 0 16px;background:repeating-linear-gradient(90deg,#b74732 0,#b74732 4px,transparent 4px,transparent 8px);clip-path:polygon(0 43%,4% 36%,8% 48%,12% 19%,16% 38%,20% 4%,24% 33%,28% 15%,32% 40%,36% 30%,40% 2%,44% 30%,48% 14%,52% 39%,56% 9%,60% 23%,64% 38%,68% 21%,72% 41%,76% 6%,80% 31%,84% 15%,88% 39%,92% 25%,96% 46%,100% 40%,100% 60%,96% 54%,92% 75%,88% 61%,84% 85%,80% 69%,76% 94%,72% 59%,68% 79%,64% 62%,60% 77%,56% 91%,52% 61%,48% 86%,44% 70%,40% 98%,36% 70%,32% 60%,28% 85%,24% 67%,20% 96%,16% 62%,12% 81%,8% 52%,4% 64%,0 57%)}.sleeve-bottom{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px}.record{width:288px;height:288px;border-radius:50%;background:repeating-radial-gradient(circle,#161616 0,#161616 2px,#292727 3px,#161616 4px);box-shadow:12px 20px 35px #0009;position:absolute;transform:translate(70px,15px);z-index:1;display:grid;place-items:center}.record:before{content:"OAP";font-size:24px;font-weight:bold;color:#302117;display:grid;place-items:center;width:93px;height:93px;border-radius:50%;background:var(--accent);border:13px solid #cc6047}.art-ticket{position:absolute;z-index:4;bottom:9%;right:4%;transform:rotate(4deg);border:1px solid #615446;background:#28241f;box-shadow:0 8px 20px #0008;padding:15px 20px;font:10px/1.8 var(--mono);color:#c9c1b5}.art-ticket strong{display:block;color:var(--ink);font-size:13px;letter-spacing:2px}.art-caption{position:absolute;left:0;top:0;font:9px var(--mono);color:#8f8478;letter-spacing:1.8px}.mission-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#151515;padding:18px 20px;display:flex;justify-content:center;gap:60px;color:#c5bfb5;font:10px var(--mono);letter-spacing:1.8px}.mission-strip span:before{content:"+";color:var(--accent);margin-right:13px}.landing-section{max-width:1440px;margin:0 auto;padding:64px clamp(20px,5vw,72px)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px}.section-heading h2{font-size:32px}.section-heading p{font-size:13px;color:var(--muted);max-width:420px}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.purpose-card{padding:30px}.purpose-card+.purpose-card{border-left:1px solid var(--line)}.purpose-number{font:11px var(--mono);color:var(--accent);margin-bottom:32px;display:block}.purpose-card p{font-size:14px;color:var(--muted);margin-top:13px}.membership-section{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line)}.membership-intro p{color:var(--muted);margin-top:18px}.tier-row{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.tier-row:first-child{padding-top:0}.tier-row p{font-size:13px;color:var(--muted)}.badge{display:inline-flex;align-items:center;align-self:center;border:1px solid #615448;border-radius:4px;padding:4px 9px;font:10px var(--mono);letter-spacing:1px;color:#d7c8b6;white-space:nowrap}.badge.vip{border-color:#6d5b36;color:#e4c580;background:#3a311c44}.badge.contributor{border-color:#754e40;color:#f0a18a;background:#48271f44}.badge.member{border-color:#535654;color:#c1cdc4}.badge.pending{color:#e4c580}.status-banner{border:1px solid #554337;background:#251e19;border-radius:6px;padding:14px 18px;margin:0 0 26px;font-size:13px;display:flex;gap:15px;align-items:center}.status-banner p{color:#c4b7a9}.toolbar{display:flex;gap:12px;margin:26px 0;align-items:center}.search-field{position:relative;flex:1;max-width:600px}.search-field input{padding-left:39px}.search-field:before{content:"⌕";position:absolute;left:13px;top:6px;font-size:25px;color:#aaa}.toolbar select{width:auto;min-width:145px}.result-count{font:11px var(--mono);color:var(--muted);margin-bottom:18px}.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}.release-card{min-width:0}.cover-wrap{display:block;aspect-ratio:1;overflow:hidden;border:1px solid #333;background:#211e1c;border-radius:5px;margin-bottom:15px}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.cover-wrap:hover img{transform:scale(1.025)}.cover-fallback{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#b49b82;background:repeating-radial-gradient(circle at center,#252220 0,#252220 4px,#2a2724 5px,#252220 6px)}.cover-fallback strong{font-size:40px;letter-spacing:-3px;color:#ccb99f}.cover-fallback span{font:8px var(--mono);letter-spacing:2px;margin-top:8px}.release-card h3{font-size:16px;overflow-wrap:anywhere}.release-card .artist-link{color:var(--muted);font-size:13px;display:block;margin:4px 0}.release-meta{display:flex;gap:8px;flex-wrap:wrap;font:10px var(--mono);color:#99958e;margin-top:10px}.release-meta span+span:before{content:"·";margin-right:8px}.credit{font-size:12px;color:var(--muted);margin-top:13px}.credit a{color:var(--accent)}.empty-state{padding:75px 22px;text-align:center;border:1px dashed #45413d;border-radius:var(--radius);background:#151414;max-width:100%}.empty-state h2{font-size:24px;margin-bottom:13px}.empty-state p{color:var(--muted);max-width:490px;margin:0 auto 24px}.empty-state .button-row{justify-content:center}.empty-symbol{font-size:42px;color:var(--accent);margin-bottom:20px;line-height:1}.alphabet{display:flex;gap:5px;flex-wrap:wrap;margin:22px 0}.alphabet button{border:1px solid transparent;background:transparent;border-radius:3px;padding:6px 8px;color:var(--muted);min-width:30px}.alphabet button.selected{border-color:var(--accent);color:var(--accent)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:6px}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:#1b1a1a}td,th{padding:16px 20px;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}td a{color:var(--accent)}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:35px}.release-detail{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:48px}.release-detail h1{font-size:clamp(34px,4vw,55px);margin:12px 0 10px;overflow-wrap:anywhere}.release-detail .artist-title{font-size:21px;color:var(--accent)}.release-detail .credit{margin:19px 0 25px}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:28px 0}.data-item dt{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.data-item dd{margin:0;font-size:14px;overflow-wrap:anywhere}.data-item.full{grid-column:1/-1}.details-section{margin-top:40px}.details-section h2{font-size:23px;margin-bottom:20px}.prose{white-space:pre-wrap;overflow-wrap:anywhere;color:#c8c4bd;line-height:1.85;max-width:850px}.track-table td:first-child{width:50px;color:var(--muted);font-family:var(--mono)}.track-table td:last-child{text-align:right;white-space:nowrap;color:var(--muted)}.code-block{background:#151515;border:1px solid var(--line);border-radius:5px;font:11px/1.6 var(--mono);padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;overflow:auto}.profile-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:46px}.profile-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;align-self:start;background:var(--panel)}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:20px;background:#49352b;display:grid;place-items:center;font-size:36px;font-weight:bold;color:#eec1a5;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-card h1{font-size:28px;letter-spacing:-1px;overflow-wrap:anywhere}.username{font:12px var(--mono);color:var(--muted);margin:7px 0 14px;overflow-wrap:anywhere}.profile-card .prose{font-size:13px;margin-top:20px}.profile-card .button-secondary{margin-top:25px;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:19px;min-width:0}.field>span:first-child,.field>label{font-size:13px;font-weight:bold}.field .hint{font-size:12px;line-height:1.5;color:var(--muted);font-weight:normal}.full-width{grid-column:1/-1}.form-panel{border:1px solid var(--line);padding:28px;border-radius:var(--radius);background:var(--panel);margin-bottom:25px}.form-panel h2{font-size:22px;margin-bottom:10px}.form-panel>p{color:var(--muted);font-size:13px;margin-bottom:22px}.form-panel .button-row{margin-top:8px}.message{font-size:13px;border-radius:4px;padding:12px 14px;background:#2c241a;color:#efd5a1;margin:16px 0}.message.error{background:#3c211e;color:#ffb09e}.message.success{background:#223024;color:#c1dfbc}.wallet-row{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 0}.wallet-address{font:11px var(--mono);overflow-wrap:anywhere;max-width:100%}.wallet-chain{font-size:12px;color:var(--muted);margin-bottom:5px}.wallet-list{margin-bottom:20px}.provider-button{display:flex;width:100%;gap:13px;text-align:left;align-items:center;border:1px solid #484039;background:#24201d;padding:14px;border-radius:5px;margin:10px 0}.provider-button:hover{border-color:var(--accent)}.provider-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#4e352b;color:#ffb599;font:bold 14px var(--mono);flex-shrink:0}.provider-button small{display:block;color:var(--muted);font-weight:normal}.provider-button strong{display:block}.import-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:30px}.import-notes{padding:26px;border:1px solid var(--line);border-radius:var(--radius);align-self:start}.import-notes h3{margin-bottom:17px}.steps{padding:0;list-style:none;counter-reset:steps}.steps li{padding:0 0 24px 35px;position:relative;font-size:13px;color:var(--muted)}.steps li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;font:11px var(--mono);color:var(--accent)}.steps strong{color:var(--ink);display:block;margin-bottom:5px}.review-card{border:1px solid var(--line);padding:20px;border-radius:6px;margin-bottom:15px}.review-card h3{margin:10px 0}.review-card .button-row{margin-top:20px}.loading-state{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--muted);font-size:13px}.loading-mark{width:30px;height:30px;border:2px solid #41352f;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #53443b;border-radius:10px;background:#1b1918;color:var(--ink);max-width:min(510px,calc(100vw - 32px));width:510px;padding:34px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:16px;top:10px;font-size:27px;background:transparent;border:0;color:var(--muted)}dialog h2{padding-right:25px;margin:10px 0 17px}dialog .intro{font-size:14px;color:var(--muted);margin-bottom:23px}dialog .button-row{margin-top:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 40px);background:#e8e2d6;color:#201a16;border:1px solid #fff5;padding:14px 22px;border-radius:6px;z-index:30;box-shadow:0 10px 35px #0008;font-size:13px}.inline-info{font:11px var(--mono);color:var(--muted);margin:20px 0}.submission-preview{margin-top:25px}.artist-top{border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:32px}.artist-top h1{margin:12px 0}.artist-top .prose{margin-top:20px}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag{font:10px var(--mono);padding:4px 8px;color:#c9c0b5;border:1px solid #4d433b;border-radius:3px}.divider{height:1px;background:var(--line);margin:25px 0}
@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:90px}.archive-art{min-height:460px}}
@media(max-width:1100px){.brand-caption{display:none}.site-header{gap:25px}.hero{gap:10px}.hero h1{font-size:66px}.sleeve{width:220px;height:265px}.record{width:265px;height:265px;transform:translate(45px,15px)}.art-ticket{right:0}.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.membership-section{gap:40px}.release-detail{gap:30px}.profile-layout{gap:26px;grid-template-columns:250px 1fr}}
@media(max-width:800px){.site-header{padding:17px 22px;gap:22px;flex-wrap:wrap;min-height:80px}.brand-mark{font-size:33px}#navigation{order:3;flex-basis:100%;gap:25px;border-top:1px solid #292727;padding-top:14px;overflow-x:auto;padding-bottom:3px}.account-navigation{gap:8px}.account-navigation .button,.account-navigation .button-secondary{padding:8px 12px;min-height:37px}.hero{grid-template-columns:1fr;padding-top:44px;gap:10px}.hero h1{font-size:64px;max-width:650px}.hero-copy>p{max-width:570px}.archive-art{min-height:340px;max-width:420px;width:100%;margin:18px auto 0}.art-caption{top:8px}.art-ticket{bottom:4%}.mission-strip{gap:25px;font-size:8px}.landing-section{padding-top:40px;padding-bottom:40px}.purpose-grid{grid-template-columns:1fr}.purpose-card+.purpose-card{border-left:0;border-top:1px solid var(--line)}.purpose-card{padding:24px}.purpose-number{margin-bottom:18px}.membership-section{grid-template-columns:1fr;gap:28px}.section-heading{display:block}.section-heading p{margin-top:12px}.page{padding-top:32px}.page-heading{align-items:flex-start}.page-heading h1{font-size:36px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.release-detail{grid-template-columns:220px minmax(0,1fr);gap:25px}.release-detail h1{font-size:34px}.data-grid{grid-template-columns:1fr}.profile-layout{grid-template-columns:1fr}.profile-card{max-width:none}.profile-avatar{float:left;width:74px;height:74px;margin:0 20px 15px 0}.profile-card .prose{clear:both}.profile-card .button-secondary{width:auto}.import-layout{grid-template-columns:1fr}.import-notes{order:-1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0}.steps li{padding-bottom:0}.site-footer{font-size:9px;flex-wrap:wrap}.site-footer span:nth-child(2){display:none}}
@media(max-width:520px){.hero h1{font-size:50px;letter-spacing:-2.6px}.hero-copy>p{font-size:14px}.hero .button-row{gap:8px}.hero .button,.hero .button-secondary{padding:12px 17px;font-size:12px}.archive-art{min-height:310px}.sleeve{width:205px;height:245px;transform:rotate(-11deg) translate(-30px,-12px)}.sleeve-title{font-size:38px}.sleeve-wave{margin-top:20px;height:80px}.record{width:240px;height:240px;transform:translate(37px,8px)}.record:before{width:78px;height:78px}.art-ticket{font-size:8px;padding:11px 14px;right:0}.art-ticket strong{font-size:10px}.mission-strip{gap:16px;flex-wrap:wrap}.mission-strip span:before{margin-right:6px}.page-heading{display:block}.page-heading .button-row{margin-top:20px}.toolbar{flex-wrap:wrap}.toolbar .search-field{flex-basis:100%}.toolbar select{flex:1}.release-detail{grid-template-columns:1fr}.release-detail>.release-side{max-width:300px;margin:0 auto;width:100%}.data-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr;gap:0}.form-panel{padding:20px}.nav-user{max-width:145px}.nav-user .badge{display:none}.tier-row{grid-template-columns:94px 1fr;gap:10px}.steps{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:27px}.site-footer{gap:10px}.release-card h3{font-size:14px}.release-card .artist-link{font-size:12px}.release-card .credit{font-size:11px}.wallet-row{align-items:flex-start}.wallet-address{font-size:10px}dialog{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Original OAP artwork remains visible on every portal route. */
.site-header{position:sticky;top:0;z-index:20;background:#101011;min-height:99px;padding-top:10px;padding-bottom:10px}.brand-logo{display:block;width:74px;height:75px;object-fit:contain;flex-shrink:0}.brand{gap:12px}@media(max-width:800px){.site-header{padding-top:9px;padding-bottom:9px}.brand-logo{width:58px;height:59px}}

.oap-hero-art{min-height:0;align-self:center;margin:0;max-width:560px}.oap-hero-art:before{display:none}.oap-hero-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}@media(max-width:800px){.oap-hero-art{max-width:440px;margin:20px auto 0}}

.announcement-index{max-width:1100px}.announcement-card{padding:32px 0;border-top:1px solid var(--line);max-width:850px}.announcement-card h2{margin:14px 0}.announcement-card p{margin:16px 0 22px}.announcement-page{max-width:1100px}.announcement-page>.page-heading{margin:32px 0 20px}.announcement-page h1{font-size:clamp(30px,4vw,52px);line-height:1.15}.announcement-body{font-size:16px;line-height:1.85}.announcement-body p{max-width:850px;margin:12px 0}.announcement-body h2{font-size:clamp(25px,3vw,36px);line-height:1.25;margin:58px 0 20px}.announcement-body h3{font-size:18px;letter-spacing:.5px;margin:34px 0 14px}.announcement-body figure{margin:26px 0 34px}.announcement-body img{display:block;width:100%;height:auto;border-radius:6px}.announcement-body figcaption{font:11px/1.5 var(--mono);color:var(--muted);margin-top:10px}.announcement-bullet{padding-left:18px;text-indent:-18px}.announcement-body strong{color:var(--ink)}

/* Account-gated community discussion pages. */
.community-search{max-width:650px;margin:24px 0 38px}.community-search input{width:100%}.community-category{margin:0 0 48px}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.board-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line,#373532);border-radius:10px;background:var(--panel,#1c1b19);color:inherit;text-decoration:none;transition:border-color .2s,transform .2s}.board-card:hover{border-color:var(--accent,#e7603e);transform:translateY(-2px)}.board-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-card h3{font-size:1.3rem;margin:18px 0 8px}.board-card p{color:var(--muted,#aaa49a);line-height:1.6;flex:1}.board-card .text-link{margin-top:18px}.discussion-list{display:grid;gap:12px;margin:25px 0}.discussion-row,.discussion-post{border:1px solid var(--line,#373532);border-radius:10px;background:var(--panel,#1c1b19);padding:24px;overflow-wrap:anywhere}.discussion-row h2{font-size:1.25rem;margin:0 0 12px}.discussion-row h2 a{color:inherit;text-decoration:none}.discussion-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:.82rem;color:var(--muted,#aaa49a);margin-bottom:14px}.discussion-text{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.discussion-post .button-quiet{margin-top:18px}.discussion-form{margin-top:32px}.discussion-page{max-width:1040px}.discussion-page h1{overflow-wrap:anywhere}.discussion-replies{display:grid;gap:16px}.reply-heading{margin:40px 0 20px}.discussion-page .message{margin:20px 0}.discussion-row>.small{display:block;margin-top:10px}@media(max-width:1050px){.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.board-grid{grid-template-columns:1fr}.board-card,.discussion-row,.discussion-post{padding:20px}.discussion-meta{gap:8px}}

@media(min-width:801px) and (max-width:1150px){.site-header{flex-wrap:wrap;gap:15px}.account-navigation{margin-left:auto}#navigation{order:3;flex-basis:100%;gap:25px;border-top:1px solid #292727;padding-top:12px;padding-bottom:4px;overflow-x:auto}}

.site-footer .source-offer{font-size:12px;color:#d6d0c8;text-decoration:underline;text-underline-offset:3px}
/* Connected artists, local scenes and profile comments. */
.artist-profile-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:32px;align-items:start;margin-bottom:48px}.artist-profile-grid .artist-top{margin-bottom:0}.artist-profile-grid .data-grid{margin-top:26px}.location-panel,.scene-history{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:26px}.location-panel h2{margin:8px 0 16px}.location-fields{margin:20px 0}.location-panel .field{margin-bottom:14px}.location-panel input:disabled,.location-panel select:disabled{background:#262628;color:#94949b;border-color:#38383e;cursor:not-allowed}.location-panel .city-input:not(:disabled){background:#fff;color:#161619}.location-panel .button-row,.place-links{margin-top:18px}.place-links{margin-bottom:12px}.comment-attention{margin-left:auto;background:#212128;border:1px solid #64616e;border-radius:24px;color:#dbd7e8;padding:8px 16px;font-size:12px;white-space:nowrap}.comment-attention.unread{animation:comment-glow 2.8s ease-in-out infinite;color:#e1d4ff;border-color:#a65cff}.archive-comments{margin-top:55px;scroll-margin-top:25px;border-top:2px solid #7353b5;padding-top:30px}.archive-comments>h2{margin-bottom:12px}.profile-comment-list{margin:25px 0}.profile-comment{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid #3d344f;margin-bottom:12px;border-radius:7px;overflow:hidden}.comment-author{background:#221c30;padding:22px 15px;display:flex;align-items:center;flex-direction:column;gap:14px;text-align:center;overflow-wrap:anywhere}.comment-avatar{width:65px;height:65px;display:grid;place-items:center;border-radius:9px;background:#39304e;font-size:28px;color:#cec0e8}.comment-message{background:#18181d;padding:22px;overflow-wrap:anywhere}.comment-message .discussion-meta{margin-bottom:18px}.scene-history{margin-bottom:30px}.scene-history h2{margin-bottom:18px}.scene-children{margin-bottom:40px}.page>.board-grid{margin-top:25px}.research-portals{margin:25px 0}.research-portals p{margin:12px 0 20px}
@keyframes comment-glow{0%,100%{border-color:#aa5eff;box-shadow:0 0 12px #a455ff35;color:#d9bbff}50%{border-color:#4eacff;box-shadow:0 0 17px #478dff45;color:#a9d8ff}}
@media(max-width:800px){.artist-profile-grid{grid-template-columns:1fr}.profile-comment{grid-template-columns:100px minmax(0,1fr)}.comment-message{padding:16px}.comment-attention{margin-left:0}.breadcrumb{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.comment-attention.unread{animation:none;border-color:#aa5eff}html{scroll-behavior:auto}}

/* Account notifications: the alert belongs directly to the avatar. */
.avatar-notifications{position:relative;display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;border-radius:50%;flex-shrink:0}
.avatar-notifications:focus-visible{outline:2px solid var(--accent,#e3bc79);outline-offset:4px}
.notification-alert{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#d72638;color:#fff;font-size:14px;font-weight:900;line-height:1;border:2px solid #16191b;pointer-events:none}
.notification-alert[hidden]{display:none}
.notification-list{display:grid;gap:8px;max-height:55vh;overflow:auto;margin:16px 0}
.notification-item{display:block;width:100%;padding:14px;text-align:left;white-space:normal;color:inherit;background:transparent;border:1px solid #505050;border-radius:8px;cursor:pointer;font:inherit;line-height:1.5}
.notification-item.unread{border-left:4px solid #e74c55;background:rgba(231,76,85,.08);font-weight:600}
.notification-item:focus-visible,.notification-target{outline:2px solid var(--accent,#e3bc79);outline-offset:3px}
.notification-target{scroll-margin-top:110px}

/* Artists directory: text-only paging and archive-wide facets. */
.artist-directory .toolbar{flex-wrap:wrap}.artist-directory .toolbar>select{width:auto;min-width:240px;max-width:100%}
.artist-genre-menu{border:1px solid var(--line);border-radius:5px;padding:12px;margin:14px 0;background:var(--panel)}
.artist-genre-menu summary{cursor:pointer}.artist-genre-menu[open] summary{margin-bottom:12px}
.artist-genre-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:12px;max-height:280px;overflow:auto}
.artist-genre-choice{display:flex;gap:8px;align-items:center;padding:5px;overflow-wrap:anywhere}.artist-genre-choice input{width:18px;min-height:18px;height:18px;flex-shrink:0}
.artist-directory select[aria-label="Genre matching"]{max-width:260px;margin-bottom:12px}
.artist-directory nav[aria-label="Artist pagination"]{margin:16px 0;align-items:center}.artist-directory nav[aria-label="Artist pagination"] select{width:auto;max-width:210px}
.artist-letter-heading th{background:var(--panel);color:var(--accent);font-size:1.1rem}.artist-directory td a{text-decoration:underline;text-underline-offset:3px}

.announcement-admin{margin:24px 0}.announcement-admin .field{margin:16px 0}.announcement-plain-text{white-space:pre-wrap;overflow-wrap:anywhere}.announcement-attachments{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.announcement-attachments li{margin:10px 0;overflow-wrap:anywhere}

/* Bounded cover loader: preserve the square frame before the image arrives. */
.cover-image-frame{height:100%;width:100%}


/* Dark5 WIP: profile avatars on current AND historical Archive / Community comments.
   JS selects the current identity-checked profile avatar, not a saved comment image. */
.comment-avatar {position:relative;overflow:hidden;flex:0 0 65px;}
.comment-avatar-initial {position:relative;z-index:0;}
.comment-avatar-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;border-radius:inherit;z-index:1;}
.comment-avatar-image.loaded {opacity:1;}
.comment-avatar-small {width:26px;height:26px;flex:0 0 26px;border-radius:50%;font-size:12px;line-height:1;}
.discussion-meta .comment-avatar {display:grid;place-items:center;}
@media(max-width:650px){.profile-comment{grid-template-columns:100px minmax(0,1fr)}.comment-author{padding:16px 8px}.comment-avatar:not(.comment-avatar-small){width:54px;height:54px;flex-basis:54px;font-size:23px}}

/* Dark5 comment turn-taking: each nested response belongs to its parent.
   An occupied reply slot renders no input; the root input is disabled. */
.nested-comment-replies{grid-column:1/-1;border-left:2px solid var(--accent);margin:10px 12px 12px 24px;padding-left:16px;min-width:0}
.nested-comment-replies .profile-comment{margin:8px 0;grid-template-columns:minmax(95px,135px) minmax(0,1fr)}
.comment-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.comment-reply-control{margin-top:13px;border-top:1px solid var(--line);padding-top:8px}
.comment-reply-control summary{cursor:pointer;color:var(--accent);font-weight:600}
.comment-reply-control .form-panel{margin-top:12px}
.discussion-form textarea:disabled{background:#25252a;color:#9595a0;cursor:not-allowed}
@media(max-width:650px){.nested-comment-replies{margin-left:8px;padding-left:8px}.nested-comment-replies .profile-comment{grid-template-columns:1fr}.nested-comment-replies .comment-author{flex-direction:row;justify-content:flex-start}}
.nested-comment-replies .nested-comment-replies{margin-left:0;padding-left:8px;border-left-color:transparent}

/* Excitement Markers and file-cabinet profile tabs, revision 5. */
.release-page-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.release-page-top .breadcrumb{margin-bottom:0}.excitement-widget{flex-shrink:0;max-width:190px}.excitement-marker{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:76px}.excitement-marker.is-active{flex-direction:row-reverse;justify-content:flex-end}.excitement-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:8px;background:#1b1b1e;color:#85858b;cursor:pointer}.excitement-button .excitement-icon{font-family:Arial,sans-serif;font-size:34px;font-weight:800;line-height:1}.excitement-button:hover{border-color:#777;background:#252528}.excitement-button:focus-visible,.profile-tab:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.excitement-marker.is-active .excitement-button{color:#ff344f;border-color:#76303c;box-shadow:0 0 14px #ff234525}.excitement-marker.is-active .excitement-icon{text-shadow:0 0 9px #ff344f99}.excitement-count{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.excitement-feedback .message{font-size:12px;padding:10px;overflow-wrap:anywhere}.profile-tabs{display:flex;align-items:flex-end;gap:6px;padding-left:14px}.profile-tab{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#111113;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;position:relative}.profile-tab[aria-selected="true"]{color:var(--ink);background:var(--panel);z-index:1;top:1px;padding-bottom:14px}.profile-tab .excitement-icon{color:#ff344f;font:bold 23px/1 Arial,sans-serif}.profile-document{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:28px;min-height:300px}.profile-document[hidden]{display:none}.profile-document .profile-card{background:#141416}.excitement-history{padding:0;margin:20px 0;list-style:none}.excitement-history li{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.excitement-history li>div{min-width:0;overflow-wrap:anywhere}.excitement-history p{margin:5px 0 0}.excitement-history-symbol{display:grid;place-items:center;flex-shrink:0;width:32px;height:36px;border-radius:6px;background:#111113;color:#85858b;font:bold 27px/1 Arial,sans-serif}.excitement-history-symbol.is-active{color:#ff344f;text-shadow:0 0 8px #ff344f66}.excitement-pagination{justify-content:flex-end}
@media(max-width:600px){.release-page-top{gap:10px}.excitement-widget{max-width:110px}.profile-tabs{padding-left:7px;gap:4px}.profile-tab{font-size:13px;padding:12px 13px}.profile-tab[aria-selected="true"]{padding-bottom:13px}.profile-document{padding:16px}.excitement-pagination{justify-content:space-between}}

/* Fixed 50-item lists on generated archive pages; cover grid sizes are unchanged. */
.paged-list{min-width:0;margin:20px 0;scroll-margin-top:24px}.paged-list>.board-grid,.paged-list>.release-grid,.paged-list>.tag-row{margin:18px 0}.list-pagination{margin:18px 0}.list-pagination button:disabled{cursor:default}.tag-row>.paged-list{width:100%;margin:0}.paged-list .scene-children{margin-bottom:18px}
