:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hinge-wrapper{width:400px;height:400px;margin:0 auto;background:#000;display:flex;align-items:center;justify-content:center}.scene{width:250px;height:300px;position:relative;perspective:1000px;transform-style:preserve-3d;top:150px}.folder-tab{text-align:center;padding:2px 5px;width:20px;height:18px;font-size:14px;border-radius:4px}.top-tab{position:absolute;top:-25px;background:#acecfc;color:#000;border:1px solid transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.top-letter-tab{position:absolute;top:-24px;background:#acecfc;color:#000;border:1px solid transparent;transition:background-color .3s ease,margin-top .5s ease;animation:fadeInUp .3s ease-out;animation-fill-mode:forwards}.bottom-tab{position:absolute;border:2px solid #acecfc;z-index:0;text-align:center;padding:2px 5px;width:20px;border-top:2px solid #000!important;height:18px;border-radius:4px}.card{position:absolute;width:200px;height:120px;left:50%;z-index:100;transform-style:preserve-3d;transform:translate(-50%)}.top-card{top:0;z-index:100;cursor:pointer;-webkit-user-select:none;user-select:none}.bottom-card{bottom:40px;transform:translate(-50%) rotateX(180deg);z-index:99}.card-face{margin-left:-2px;position:absolute;width:200px;height:123px;border:2px solid #acecfc;border-radius:10px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;box-sizing:border-box}.front{background:#000;color:#acecfc}.back{background:#000;transform:rotateX(180deg)}.card-text{font-size:xx-large;font-weight:100}.background-folder{position:absolute;margin-left:-2px;width:196px;height:120px;left:50%;top:0;transform:translate(-50%);z-index:100;border:2px solid #acecfc;border-radius:10px;background:#000;display:flex;align-items:center;justify-content:center;font-weight:700;color:#acecfc}.hinge-bar{position:absolute;width:8px;height:37px;border-radius:10px;background:#acecfc;top:112px;z-index:999}.hinge-left{left:75px}.hinge-right{right:75px}@keyframes flipForward{0%{transform:translate(-50%) rotateX(0)}to{transform:translate(-50%,20px) rotateX(-180deg)}}.top-card.flip-forward{animation:flipForward var(--flip-duration, .2s) ease forwards;transform-origin:bottom center}@keyframes flipBackward{0%{transform:translate(-50%,20px) rotateX(-180deg)}to{transform:translate(-50%) rotateX(0)}}.backward-flip-card{top:0;z-index:101;animation:flipBackward var(--flip-duration, .2s) ease forwards;transform-origin:bottom center;cursor:default;-webkit-user-select:none;user-select:none}.side-bars-container{position:absolute;top:95px;margin-left:-10px;left:0;right:5px;height:70px;pointer-events:none;display:flex;justify-content:space-between;z-index:999}.red-bar{position:absolute;left:0;right:0;margin:auto;width:22px;height:2px;background:#acecfc;border-radius:2px}.side-bars{position:relative;width:10px;height:100%}.red-bar{position:absolute;left:0;right:0;margin:auto;width:22px;height:2px;background:#acecfc;border-radius:2px;transition:top .1s linear}.red-bar.static{transition:none}.red-bar.no-animation{transition:none!important}.bottom-letter-tab{position:absolute;bottom:18px;background:#000;z-index:-100;color:#000;border:1px solid #acecfc;border-top-color:1px solid #000;transition:background-color .3s ease,margin-bottom .5s ease;animation-fill-mode:forwards}.folder-tab.bottom-letter-tab{position:absolute;bottom:-24px;background:#acecfc;color:#000;border:1px solid #acecfc;transition:background-color .3s ease,margin-bottom .5s ease;animation:fadeInUp .3s ease-out;animation-fill-mode:forwards}.terminal-container{margin-top:20px;width:100%;bottom:150px;position:absolute;max-width:410px;background:#000;border:1px solid #acecfc;padding:10px;font-family:monospace;color:#acecfc;text-align:left}.terminal-history{height:60px;overflow-y:auto;padding:5px;margin-bottom:5px}.terminal-line{line-height:1.2;font-size:14px;font-size:medium}.terminal-input{width:100%;padding:5px;border:none;outline:none;background:#000;color:#acecfc;font-family:monospace;font-size:14px}.terminal-history::-webkit-scrollbar{width:8px}.terminal-history::-webkit-scrollbar-track{background:#000}.terminal-history::-webkit-scrollbar-thumb{background-color:#acecfc;border-radius:4px;border:2px solid #000;cursor:pointer}