*{box-sizing:border-box}:root{--bg:#07090b;--line:#283039;--muted:#66717b;--text:#e9eef1;--cyan:#62e7f5}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Syne,system-ui,sans-serif}body{overflow-x:hidden}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 32%,#172128 0,#0b0f13 31%,#07090b 66%)}button{font:inherit}.noise{position:fixed;z-index:50;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{display:flex;align-items:center;gap:20px;padding:22px 28px 14px;position:relative;z-index:10}.brand{font-size:20px;font-weight:800;letter-spacing:.2em}.descriptor,.top-status,.quota,.ambient-note,.signal,.object-meta,.projection-hud,.engine-label,.engine-state,.secondary,.nav,.sound{font-family:"Space Mono",monospace}.descriptor{font-size:8px;color:#69747e;letter-spacing:.13em;margin-top:4px}.top-status{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#77828c;display:flex;align-items:center;gap:8px}.pulse{width:5px;height:5px;border-radius:50%;background:#657078}.app.running .pulse{background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:blink 1s infinite}.quota{font-size:8px;color:#555f68;min-width:112px;text-align:right}.machine{position:relative;min-height:610px;overflow:hidden}.ambient-note{position:absolute;font-size:7px;letter-spacing:.13em;color:#4e5962;opacity:.45}.note-a{left:4%;top:22%;transform:rotate(-8deg)}.note-b{right:5%;top:29%;transform:rotate(7deg)}.note-c{left:9%;bottom:12%;transform:rotate(4deg)}.projection{position:absolute;z-index:5;top:1%;left:50%;width:min(440px,72vw);height:330px;transform:translateX(-50%);display:grid;place-items:center;opacity:.72}.projection-grid{position:absolute;inset:12% 6%;background:linear-gradient(rgba(98,231,245,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(98,231,245,.06) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 80%,transparent)}.beam{position:absolute;width:210px;height:270px;background:linear-gradient(90deg,transparent,rgba(98,231,245,.05),rgba(190,255,255,.22),rgba(98,231,245,.05),transparent);filter:blur(13px);opacity:0;transform:scaleY(.6);transition:.25s}.app.running .beam{opacity:1;transform:scaleY(1);animation:beamPulse 1.2s ease-in-out infinite alternate}.holo-ring{position:absolute;width:310px;height:310px;border:1px solid rgba(98,231,245,.12);border-radius:50%;box-shadow:0 0 50px rgba(98,231,245,.06);opacity:0;transform:scale(.7) rotateX(70deg)}.app.running .holo-ring{opacity:1;animation:ringSpin 7s linear infinite}.holo-object{position:relative;width:min(360px,68vw);text-align:center;opacity:0;transform:translateY(14px) scale(.94);transition:.35s}.projection.revealed .holo-object{opacity:1;transform:none}.holo-object img{width:100%;height:175px;object-fit:contain;mix-blend-mode:screen;filter:saturate(.7) contrast(1.1);opacity:.9}.holo-caption{margin-top:-5px}.signal{font-size:7px;letter-spacing:.2em;color:var(--cyan);margin-bottom:7px}.holo-caption h1{font-size:23px;line-height:1.05;margin:0 0 7px}.holo-caption p{font:10px "Space Mono",monospace;line-height:1.45;color:#87919a;max-width:330px;margin:0 auto 9px}.object-meta{display:flex;justify-content:center;gap:17px;font-size:8px;color:#c6cdd2}.object-meta span+span:before{content:"/";color:#4e5961;margin-right:17px}.projection-hud{position:absolute;top:37%;font-size:7px;color:#53616a;letter-spacing:.13em}.hud-left{left:2%}.hud-right{right:2%}.tape-system{position:absolute;z-index:3;left:0;right:0;bottom:24%;height:150px;transform:perspective(500px) rotateX(2deg)}.tape-window{position:absolute;left:0;right:0;top:15px;height:112px;overflow:hidden}.tape{position:absolute;left:50%;height:100%;display:flex;align-items:center;gap:13px;transform:translateX(-50%);will-change:transform}.tape-card{position:relative;flex:0 0 152px;height:104px;border:1px solid #313b44;border-radius:5px;overflow:hidden;background:#0c1014;box-shadow:0 12px 30px #0006}.tape-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.05);opacity:.64}.tape-card:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(150,245,255,.12) 50%,transparent 51%),linear-gradient(transparent 55%,rgba(0,0,0,.88))}.card-label{position:absolute;z-index:4;left:9px;right:9px;bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:8px "Space Mono",monospace;color:#dce4e8}.tape-rail{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#39454e 15%,#39454e 85%,transparent);box-shadow:0 0 12px rgba(98,231,245,.12)}.rail-top{top:7px}.rail-bottom{bottom:8px}.scan-marker{position:absolute;z-index:5;left:50%;top:3px;bottom:5px;width:1px;background:linear-gradient(transparent,#b7fbff,#b7fbff,transparent);box-shadow:0 0 10px #62e7f5aa}.app.running .tape{animation:tapeMove 1.65s linear infinite}.app.running .tape-card{animation:cardJitter .55s ease-in-out infinite alternate}.app.stopping .tape{animation:decelerate .72s cubic-bezier(.12,.72,.24,1) forwards!important}.engine{position:absolute;z-index:8;bottom:4%;left:50%;width:160px;height:105px;transform:translateX(-50%);border:0;background:none;color:#8f9ba4;cursor:pointer}.engine-housing{position:absolute;left:50%;top:48%;width:110px;height:48px;transform:translate(-50%,-50%);border:2px solid #56626b;border-radius:50%;box-shadow:inset 0 0 0 7px #11171b,0 0 0 1px #252e34}.engine-wheel{position:absolute;top:50%;width:22px;height:22px;border:2px solid #65717a;border-radius:50%;transform:translateY(-50%)}.wheel-a{left:-12px}.wheel-b{right:-12px}.engine-core{position:absolute;left:50%;top:50%;width:34px;height:18px;border:2px solid #68ddec;border-radius:50%;transform:translate(-50%,-50%)}.engine-arm{position:absolute;top:50%;height:2px;background:#738089;transform-origin:left center}.arm-a{left:14px;width:33px;transform:rotate(-22deg)}.arm-b{right:14px;width:33px;transform-origin:right center;transform:rotate(22deg)}.engine-label{position:absolute;left:0;right:0;bottom:5px;font-size:8px;letter-spacing:.2em}.engine-state{position:absolute;left:0;right:0;bottom:-8px;font-size:7px;color:#4e5961;letter-spacing:.16em}.app.running .engine-wheel{animation:wheelSpin .75s linear infinite}.app.running .engine-core{animation:coreSpin .45s linear infinite;box-shadow:0 0 15px #62e7f58c}.app.running .engine-arm{animation:armPulse .35s ease-in-out infinite alternate}.action-dock{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px 20px 24px;position:relative;z-index:12}.disdis{width:190px;height:58px;border:1px solid #e7eef1;background:#e7eef1;color:#07090b;border-radius:3px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 #62e7f500;transition:.18s}.disdis:hover{box-shadow:0 0 28px #62e7f51f;transform:translateY(-1px)}.disdis:active{transform:translateY(1px)}.disdis-mark{font-size:18px;font-weight:800}.disdis small{position:absolute;right:10px;bottom:8px;font:6px "Space Mono",monospace;letter-spacing:.1em;opacity:.55}.action-side{display:flex;gap:7px}.secondary{height:58px;padding:0 14px;border:1px solid #273039;background:#0d1115;color:#89949c;border-radius:3px;font-size:8px;letter-spacing:.1em;cursor:pointer}.footbar{display:flex;align-items:center;justify-content:center;gap:34px;border-top:1px solid #171d22;padding:13px 18px;position:relative;z-index:12}.nav,.sound{border:0;background:none;color:#4f5a63;font-size:7px;letter-spacing:.14em;cursor:pointer}.nav.active{color:#dce3e7}.sound{margin-left:20px}.toast{position:fixed;z-index:100;left:50%;bottom:82px;transform:translate(-50%,15px);padding:10px 14px;background:#11171b;border:1px solid #344049;color:#bfcbd0;font:8px "Space Mono",monospace;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.glitch{animation:glitch .24s steps(2,end)}@keyframes tapeMove{to{transform:translateX(calc(-50% - 182px))}}@keyframes decelerate{0%{transform:translateX(calc(-50% - 182px))}100%{transform:translateX(calc(-50% - 92px))}}@keyframes wheelSpin{to{transform:translateY(-50%) rotate(360deg)}}@keyframes coreSpin{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes armPulse{to{opacity:.45}}@keyframes cardJitter{to{transform:translateY(-2px) rotate(.45deg)}}@keyframes beamPulse{to{opacity:.55;filter:blur(18px)}}@keyframes ringSpin{to{transform:rotateX(70deg) rotate(360deg)}}@keyframes blink{50%{opacity:.3}}@keyframes glitch{0%{filter:none}30%{filter:hue-rotate(70deg) contrast(1.5)}55%{transform:translateX(2px)}80%{transform:translateX(-2px)}100%{filter:none}}@media(max-width:650px){.topbar{padding:17px 15px}.top-status{display:none}.quota{margin-left:auto}.machine{min-height:590px}.projection{top:0;height:320px}.tape-system{bottom:23%}.tape-card{flex-basis:132px;height:96px}.action-dock{gap:8px}.disdis{width:170px}.secondary{padding:0 9px}.footbar{justify-content:space-around;gap:0}.sound{margin-left:0}.ambient-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}