*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f0f0;--ink:#1a1a1a;--white:#fff;--w80:#1a1a1ad9;--w60:#1a1a1aa6;--w40:#1a1a1a73;--w25:#1a1a1a4d;--w12:#1a1a1a26;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--serif:Georgia, "Times New Roman", serif}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}.app{width:100%;height:100%;position:relative}.g3d-viewport{visibility:hidden;background:var(--bg);perspective:1100px;perspective-origin:50%;position:absolute;inset:0;overflow:hidden}.g3d-scene{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.g3d-item{cursor:pointer;transform-style:preserve-3d;will-change:transform, opacity;opacity:0;visibility:hidden;-webkit-transform-style:preserve-3d;backface-visibility:visible;position:absolute;top:0;left:0}.gi-img{aspect-ratio:4/3;object-fit:cover;will-change:filter;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;backface-visibility:hidden;display:block;transform:translateZ(0)}.gi-label{letter-spacing:.22em;text-transform:uppercase;color:var(--w25);text-align:center;white-space:nowrap;margin-top:.4rem;font-size:.4rem;transition:color .3s;display:block}.g3d-item:hover .gi-label{color:var(--w60)}.g3d-hud-tl{z-index:10;pointer-events:none;position:absolute;top:2rem;left:2.5rem}.g3d-title{letter-spacing:.22em;text-transform:uppercase;color:var(--w25);font-size:.5rem}.g3d-hud-br{z-index:10;pointer-events:none;position:absolute;bottom:2rem;right:2.5rem}.g3d-hint{letter-spacing:.18em;text-transform:uppercase;color:var(--w25);font-size:.46rem}.folder-viewer{visibility:hidden;pointer-events:none;background:var(--bg);z-index:15;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 3rem;display:flex;position:absolute;inset:0}.viewer-header{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin-bottom:1.5rem;display:flex}.back-btn{color:var(--w60);cursor:pointer;font-family:var(--font);letter-spacing:.2em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.52rem;transition:color .3s;display:flex}.back-btn:hover{color:var(--white)}.viewer-folder-label{letter-spacing:.25em;text-transform:uppercase;color:var(--w60);font-size:.56rem}.viewer-counter{letter-spacing:.15em;color:var(--w40);font-variant-numeric:tabular-nums;font-size:.52rem}.viewer-stage{flex:1;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:1040px;min-height:0;display:flex}.viewer-frame{flex:1;justify-content:center;align-items:center;max-width:900px;height:100%;display:flex;position:relative;overflow:hidden}.viewer-glow{pointer-events:none;z-index:0;background:radial-gradient(#0000000a 0%,#0000 65%);position:absolute;inset:-40px}.viewer-image{object-fit:contain;z-index:1;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.layer-a{z-index:2}.layer-b{z-index:1}.nav-arrow{width:44px;height:44px;color:var(--w40);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .3s,opacity .3s;display:flex}.nav-arrow:hover{color:var(--ink)}.nav-arrow:disabled{opacity:.15;pointer-events:none}.viewer-bottom{flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:900px;margin-top:1.5rem;display:flex}.dot-nav{align-items:center;gap:.5rem;display:flex}.dot{background:var(--w25);cursor:pointer;border:none;border-radius:50%;width:4px;height:4px;padding:0;transition:background .3s,transform .3s}.dot--active{background:var(--white);transform:scale(1.5)}.dot:hover:not(.dot--active){background:var(--w60)}.viewer-hint{letter-spacing:.16em;text-transform:uppercase;color:var(--w25);font-size:.46rem}