:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background-color:#000;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;background-color:#d8d8d8}:root{--drawer-perspective: 700px;--drawer-pos-y: 0px;--drawer-pos-z: 40px;--card-gap-z: -10px;--card-gap-y: -22px;--front-board-y: 30px;--front-board-z-offset: 30px;--line-depth: calc(9 * var(--card-gap-z));--line-height: calc(9 * var(--card-gap-y))}.drawer-3d-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;perspective:var(--drawer-perspective);overflow:visible;transform:translateZ(0);will-change:transform}.drawer{position:relative;width:300px;height:200px;transform-style:preserve-3d;transform:translateY(var(--drawer-pos-y)) translateZ(var(--drawer-pos-z))}.page{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1),z-index 0s;transform:translateZ(calc(var(--i) * var(--card-gap-z))) translateY(calc(var(--i) * var(--card-gap-y) + var(--drag-offset, 0px)));cursor:grab;transform-style:preserve-3d;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:none;user-select:none;-webkit-user-select:none}.page:active{cursor:grabbing}.page.dragging{transition:none!important}.page.phase-up{transform:translateZ(calc(var(--i) * var(--card-gap-z) + 20px)) translateY(-200px) scale(1.03);transition:transform .3s cubic-bezier(.3,.8,.2,1);z-index:100!important}.page.phase-forward{transform:translateZ(100px) translateY(var(--drag-offset, 0px)) scale(1.1);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:100!important}.page.phase-forward.dragging{transition:none!important}.tab-container{position:absolute;top:-26px;left:var(--tab-left);width:90px;height:26px;z-index:1}.tab-bg{position:absolute;top:0;left:0;right:0;bottom:-1px;background:linear-gradient(to bottom,#fcfcfc,#e0e0e0);border:1px solid #999;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:inset 0 2px 3px #fffc;clip-path:polygon(15% 0%,85% 0%,100% 100%,0% 100%)}.tab-content{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:100%;padding:0 8px;font-size:10px;font-family:Courier New,Courier,monospace;font-weight:700;color:#444;letter-spacing:.5px;text-shadow:0 1px 0 rgba(255,255,255,.9);transform:translateZ(0)}.page:hover .tab-bg{background:linear-gradient(to bottom,#fff,#eee)}.page-content{position:relative;z-index:2;width:100%;height:100%;background-color:transparent;box-sizing:border-box;transform:translateZ(0)}.drawer-3d-container.has-default-tab .page-content{background:#fff;border:1px solid #999;border-radius:5px;box-shadow:none;padding:0;color:#333;overflow:hidden}.drawer-side-line{position:absolute;top:90px;width:2px;background-color:#555;transform-style:preserve-3d;transform-origin:top center;z-index:10;pointer-events:none;height:280px;transform:rotateX(-50deg)}.drawer-side-line.left{left:0}.drawer-side-line.right{right:0}.drawer-front-board{position:absolute;top:0;left:-15px;width:calc(100% + 30px);height:100%;transform:translateZ(calc(-1 * var(--card-gap-z) + var(--front-board-z-offset))) translateY(var(--front-board-y));z-index:50;pointer-events:none}.front-board-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.top-bar{position:absolute;top:0;left:0;width:100%;height:70px;display:flex;align-items:center;z-index:100;box-sizing:border-box;overflow:hidden;background:#fff}.hamburger-btn{position:relative;z-index:1;background:none;border:none;cursor:pointer;width:56px;height:100%;flex-shrink:0;padding:0 14px;display:flex;align-items:center;justify-content:center}.nav-file-icon{height:28px;width:auto;display:block;pointer-events:none}.top-bar-center{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;height:100%}.top-bar-video{height:38px;width:auto;display:block;pointer-events:none}.top-bar-right{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:center;gap:10px;padding-right:14px}.top-bar-vline{width:3px;height:40px;background:#111;border-radius:2px;flex-shrink:0}.nav-right-img{height:32px;width:auto;display:block;flex-shrink:0}.top-bar.dark{background:#000}.top-bar.dark .top-bar-vline{background:#fff}.menu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-overlay.visible{opacity:1;pointer-events:all}.side-menu{position:absolute;top:0;left:0;width:calc(100% * 2 / 3);height:100%;background:#000;z-index:300;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}.side-menu.open{transform:translate(0)}.side-menu-header{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.side-header-icon{width:28px;height:auto;flex-shrink:0}.side-header-brand{display:flex;flex-direction:column;gap:0}.side-header-brand span{font-size:11px;font-family:system-ui,sans-serif;font-weight:600;color:#fff;letter-spacing:.4px;line-height:1.3}.side-menu-nav{display:flex;flex-direction:column;padding:8px 0;flex:1}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 20px;text-decoration:none;color:#fff;font-size:14px;font-family:system-ui,sans-serif;font-weight:400;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;box-sizing:border-box;width:100%;background:none;border-left:none;border-right:none;border-top:none}.menu-item:last-child{border-bottom:none}.menu-item svg{flex-shrink:0;opacity:.85}.menu-item-img-icon{width:16px;height:auto;flex-shrink:0}.menu-item-toggle{justify-content:flex-start}.menu-item-toggle span:first-of-type{flex:1}.menu-item-toggle svg:last-child{margin-left:auto;opacity:.6}.submenu{display:flex;flex-direction:column;background:#ffffff0a}.submenu-item{padding-left:44px;font-size:13px;opacity:.85}.side-footer-img{position:absolute;bottom:16px;left:16px;width:108px;height:auto;pointer-events:none;flex-shrink:0}.archive-page{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;overflow:hidden}.archive-content-root{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#000}.archive-marquee-wrapper{flex-shrink:0;width:100%;overflow:hidden;background:#000;padding:10px 0;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.2)}.archive-marquee-track{display:flex;width:max-content;animation:archive-scroll 18s linear infinite}.archive-marquee-item{font-size:12px;font-family:system-ui,sans-serif;font-weight:600;color:#fff;letter-spacing:1px;text-transform:uppercase;padding:0 28px;white-space:nowrap}@keyframes archive-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.archive-body-wrapper{flex:1;position:relative;overflow:hidden}.archive-vscroll-container{width:100%;height:100%;overflow:hidden;padding:24px 24px 0;box-sizing:border-box}.archive-vscroll-track{display:flex;flex-direction:column}@keyframes vscroll{0%{transform:translateY(0)}to{transform:translateY(var(--scroll-h))}}.archive-body-text{font-size:16px;font-family:system-ui,sans-serif;font-weight:400;color:#fff;line-height:1.9;letter-spacing:.3px;margin:0 0 48px}.carousel-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;width:340px;pointer-events:auto}.carousel-stage{position:relative;width:340px;height:220px;display:flex;align-items:center;justify-content:center}.carousel-slide{position:absolute;width:150px;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease,filter .5s ease;transform-origin:center center}.carousel-slide.center{transform:translate(0) scale(1.5);opacity:1;filter:brightness(1);z-index:3}.carousel-slide.left{transform:translate(-130px) scale(1);opacity:.9;filter:brightness(.6);z-index:2}.carousel-slide.right{transform:translate(130px) scale(1);opacity:.9;filter:brightness(.6);z-index:2}.carousel-slide img{width:100%;height:auto;display:block;object-fit:contain;-webkit-user-drag:none}.archive-back-btn{position:absolute;bottom:16px;right:16px;background:none;border:none;cursor:pointer;font-size:11px;font-family:system-ui,sans-serif;font-weight:600;color:#fff;letter-spacing:.5px;padding:0;z-index:10}.container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible}.content-placeholder{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;margin-top:10px}.mock-image{width:140px;height:200px;background-color:#2c3e50;border-radius:8px;box-shadow:inset -2px -2px 10px #00000080,5px 5px 15px #0000004d;position:relative}.mock-image:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:24px;height:6px;background-color:#e74c3c;border-radius:3px 3px 0 0}