:root{--booth: #140e10;--rail: #241c20;--oxblood: #7a1f2e;--tungsten: #e4b56a;--emulsion: #f0e2cc;--ash: #8a7e78;--gate: #c45c26;font-family:Outfit,sans-serif;color:var(--emulsion);background:var(--booth)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--booth)}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.sprocket{position:fixed;inset:0 auto 0 0;width:42px;background:var(--rail);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:24px 0;z-index:2}.sprocket span{width:16px;height:22px;border:2px solid var(--tungsten);border-radius:8px}.shell{margin-left:42px;min-height:100vh}.mast{display:flex;justify-content:space-between;align-items:baseline;padding:28px 36px 12px;border-bottom:1px solid #3a2d31}.wordmark{font-family:Syne,sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:28px;margin:0}.meta{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ash);letter-spacing:.12em;text-transform:uppercase}.reels{display:flex;gap:8px;padding:18px 36px 0}.reels button{background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 4px;color:var(--ash);cursor:pointer}.reels button.active{color:var(--tungsten);border-bottom-color:var(--tungsten)}.frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px;padding:28px 36px 80px}.frame{cursor:pointer;background:var(--rail);border:1px solid #3a2d31;padding:8px 8px 14px}.frame img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;background:#1c1417}.frame h3{margin:10px 4px 0;font-size:15px;font-weight:600}.frame p{margin:4px;color:var(--ash);font-size:12px;font-family:IBM Plex Mono,monospace}.login{min-height:100vh;display:grid;place-items:center;padding:40px 16px 40px 58px}.card{width:min(420px,100%);background:var(--rail);padding:36px;border:1px solid #3a2d31}.card h1{font-family:Syne,sans-serif;margin:0 0 8px}.card label{display:block;margin:16px 0 6px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.card input{width:100%;background:var(--booth);border:1px solid #3a2d31;padding:12px}.card button,.lamp,.ghost{margin-top:22px;background:var(--oxblood);border:0;color:var(--emulsion);padding:12px 18px;cursor:pointer}.detail{display:grid;grid-template-columns:240px 1fr;gap:36px;padding:36px}.detail img{width:240px;aspect-ratio:2 / 3;object-fit:cover;background:#1c1417}.detail h1{font-family:Syne,sans-serif;font-size:42px;margin:0 0 12px}.detail p{max-width:54ch;line-height:1.6;color:#d8cbb8}.player{padding:24px 36px 60px}video{width:min(1100px,100%);background:#000;aspect-ratio:16 / 9}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ghost{background:transparent;border:1px solid var(--tungsten);color:var(--tungsten)}.error{color:var(--gate);font-size:14px}@media(max-width:720px){.detail{grid-template-columns:1fr}.detail img{width:180px}}