:root{--bg-app: #050505;--bg-card: #000000;--text-main: #faf9f6;--text-muted: #888888;--border-color: #2b2b2b;--border-width: 3px;--accent-primary: #faf9f6;--accent-alert: #ef4444;--accent-ok: #22c55e;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-display: "Inter", sans-serif;--font-family-serif: "Playfair Display", serif;--spacing-unit: 1rem;--radius-lg: 0px;--radius-md: 0px}body{margin:0;padding:0;background-color:#111;color:#e5e5e5;font-family:Inter,sans-serif;height:100vh;width:100vw;overflow:hidden;-webkit-font-smoothing:antialiased;cursor:none}#root{height:100%;width:100%}h1,h2,h3{font-family:var(--font-family-base);font-weight:700;margin:0;letter-spacing:-.03em}h1{font-size:4rem}h2{font-size:2.5rem}h3{text-transform:uppercase;letter-spacing:.1em;font-size:1rem;color:var(--text-muted)}.glass-panel{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:var(--border-width) solid var(--border-color);border-radius:0;box-shadow:none;transition:border-color .3s ease}.module-transition-wrap{height:100%;width:100%;transition:opacity 1.2s cubic-bezier(.45,0,.55,1),transform 1.2s cubic-bezier(.45,0,.55,1),filter 1.2s ease-in-out;opacity:1;transform:scale(1);filter:blur(0)}.module-transition-wrap.fading{opacity:0;transform:scale(.96);filter:blur(15px)}.fullscreen-module{height:100%;width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:4rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flex-center{display:flex;align-items:center;justify-content:center}.flip-clock{display:flex;gap:.6rem;font-family:Inter,sans-serif;font-weight:700}.flip-unit-container{display:block;position:relative;width:15vh;height:20vh;background-color:#1a1a1a;border-radius:8px;font-size:16vh;box-shadow:0 10px 30px #0009;perspective:1200px;border-right:3px solid #111;border-left:3px solid #111}.flip-unit-container:before,.flip-unit-container:after{content:"";position:absolute;width:2px;height:80%;background:#333;top:10%;z-index:5;box-shadow:2px 0 2px #00000080,4px 0 2px #00000080}.flip-unit-container:before{left:-5px;box-shadow:-2px 0 2px #00000080,-4px 0 2px #00000080}.flip-unit-container:after{right:-5px}.flip-unit-container .hinge{position:absolute;top:50%;left:-8px;right:-8px;height:4px;background:#000;transform:translateY(-50%);z-index:10;box-shadow:0 1px 2px #ffffff1a;border-radius:2px}.flip-unit-container .bracket{position:absolute;top:45%;width:10px;height:10%;background:#000;z-index:11}.flip-unit-container .bracket-l{left:-8px;border-radius:4px 0 0 4px}.flip-unit-container .bracket-r{right:-8px;border-radius:0 4px 4px 0}.flip-card-top,.flip-card-bottom,.flip-card-top-new,.flip-card-bottom-new{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background-color:#202020;color:#dedede;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;justify-content:center;box-shadow:inset 0 0 5px #00000080}.flip-card-top span,.flip-card-bottom span,.flip-card-top-new span,.flip-card-bottom-new span{text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:Inter,sans-serif;font-weight:700}.flip-card-top,.flip-card-top-new{top:0;border-radius:6px 6px 0 0;border-bottom:1px solid rgba(0,0,0,.8);transform-origin:bottom;align-items:flex-end;background:linear-gradient(to bottom,#222,#333 85%,#111);border-top:1px solid rgba(255,255,255,.1)}.flip-card-top span,.flip-card-top-new span{transform:translateY(50%)}.flip-card-bottom,.flip-card-bottom-new{bottom:0;border-radius:0 0 6px 6px;transform-origin:top;align-items:flex-start;background:linear-gradient(to bottom,#111,#282828 15%,#222);border-bottom:1px solid rgba(0,0,0,.5);box-shadow:inset 0 2px 8px #0009}.flip-card-bottom span,.flip-card-bottom-new span{transform:translateY(-50%)}.static-top,.static-bottom{z-index:1}.flap-top{z-index:2;transform-origin:bottom}.flap-bottom{z-index:2;transform-origin:top;transform:rotateX(90deg)}.flipping .flap-top{animation:foldDown .8s cubic-bezier(.645,.045,.355,1) forwards}.flipping .flap-bottom{animation:unfoldDown .8s cubic-bezier(.645,.045,.355,1) forwards}.flipping .static-bottom{animation:shadowPulse .8s ease-in forwards}@keyframes foldDown{0%{transform:rotateX(0)}20%{transform:rotateX(10deg)}60%{transform:rotateX(-90deg);filter:brightness(.7)}80%{transform:rotateX(-100deg)}90%{transform:rotateX(-85deg)}to{transform:rotateX(-90deg);filter:brightness(.7)}}@keyframes unfoldDown{0%{transform:rotateX(90deg);filter:brightness(.5)}30%{transform:rotateX(90deg)}60%{transform:rotateX(0)}80%{transform:rotateX(15deg)}90%{transform:rotateX(-5deg)}to{transform:rotateX(0);filter:brightness(1)}}@keyframes shadowPulse{0%{filter:brightness(1)}50%{filter:brightness(.6)}to{filter:brightness(1)}}