:root{--bg:#070707;--panel:#121212;--line:#333;--text:#f1f1f1;--muted:#999;--accent:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Arial,sans-serif}a{color:inherit}header{height:62px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;letter-spacing:.11em;font-size:11px}header span{color:var(--muted);flex:1}.brand{font-weight:bold;font-size:16px;text-decoration:none;letter-spacing:.16em}.shelf,.admin,.meta{max-width:1400px;margin:auto;padding:42px 4vw}.shelf h1,.admin h1{letter-spacing:.22em;font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:32px 22px;margin-top:35px}.card{text-decoration:none;letter-spacing:.06em}.cover{aspect-ratio: .71;background:#000;border:1px solid #252525;box-shadow:0 14px 25px #000;display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.cover i{font-style:normal;color:#444;text-align:center}.card strong{display:block;margin-top:10px;text-transform:uppercase}.card small,.muted{color:var(--muted)}footer{padding:30px 4vw;border-top:1px solid var(--line);color:#777;font-size:10px;letter-spacing:.14em}.viewer{height:calc(100vh - 62px);min-height:620px;position:relative;background:radial-gradient(ellipse at 50% 45%,#242424 0,#101010 35%,#020202 75%);overflow:hidden}#stage{width:100%;height:100%;display:grid;place-items:center;perspective:1800px;touch-action:none}.box{width:320px;height:445px;position:relative;transform-style:preserve-3d;transform:rotateX(-5deg) rotateY(-24deg) scale(1);filter:drop-shadow(0 35px 25px #000)}.face{position:absolute;background:#030303 center/100% 100% no-repeat;backface-visibility:hidden;box-shadow:inset 0 0 35px #0009}.front,.back{width:320px;height:445px}.front{transform:translateZ(22px)}.back{transform:rotateY(180deg) translateZ(22px)}.left,.right{width:44px;height:445px;left:138px}.left{transform:rotateY(-90deg) translateZ(160px)}.right{transform:rotateY(90deg) translateZ(160px)}.top,.bottom{height:44px;width:320px;top:200px}.top{transform:rotateX(90deg) translateZ(222px)}.bottom{transform:rotateX(-90deg) translateZ(222px)}.box:after{content:'';position:absolute;inset:0;transform:translateZ(24px);background:linear-gradient(120deg,transparent 35%,#fff2 48%,transparent 58%);mix-blend-mode:screen;pointer-events:none}.hint{position:absolute;bottom:10px;text-align:center;width:100%;color:#aaa;font-size:11px}.meta{max-width:850px}.meta h1{font-size:28px;letter-spacing:.08em}.meta dl{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;border-top:1px solid var(--line);padding-top:20px}.meta dt{font-size:10px;color:#999;letter-spacing:.15em;text-transform:uppercase}.meta dd{margin:3px 0}.auth{min-height:100vh;display:grid;place-items:center}.panel{background:var(--panel);border:1px solid var(--line);padding:32px;width:min(440px,92vw)}label{display:block;margin:12px 0;color:#bbb;font-size:12px}input,textarea,button,.button{display:block;width:100%;background:#080808;border:1px solid #454545;color:#fff;padding:10px;margin-top:5px;font:inherit}textarea{min-height:120px;resize:vertical}button,.button{background:#eee;color:#000;border:0;cursor:pointer;text-align:center;text-decoration:none;font-weight:bold}.secondary{background:#333;color:#fff}.error{color:#ff8c8c}.notice{background:#17391f;padding:10px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.artgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.art{border:1px solid var(--line);padding:10px}.art img,.art canvas{width:100%;max-height:180px;object-fit:contain;background:#000;display:block;margin:8px 0}.art small{color:#888;font-size:10px}.check{font-size:11px}.check input{display:inline;width:auto}.bar{display:flex;align-items:center;justify-content:space-between}.bar .button{width:auto}table{border-collapse:collapse;width:100%;background:#111}th,td{padding:10px;border-bottom:1px solid #333;text-align:left}.thumb{width:45px;height:60px;object-fit:cover}.inline{display:inline}.link{display:inline;background:none;color:#ff9999;width:auto;padding:0;margin:0;font-weight:normal}@media(max-width:700px){header{gap:10px}header span{display:none}.viewer{height:calc(100svh - 62px);min-height:500px}.box{width:220px;height:306px}.front,.back{width:220px;height:306px}.left,.right{height:306px;left:88px}.left{transform:rotateY(-90deg) translateZ(110px)}.right{transform:rotateY(90deg) translateZ(110px)}.top,.bottom{width:220px;top:130px}.top{transform:rotateX(90deg) translateZ(153px)}.bottom{transform:rotateX(-90deg) translateZ(153px)}.artgrid{grid-template-columns:repeat(2,1fr)}.formgrid,.meta dl{grid-template-columns:1fr}}