@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background var(--transition-smooth),color var(--transition-smooth)}::selection{background:var(--accent);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh;min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root,[data-theme=midnight]{--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--font-mono: "DM Mono", "SF Mono", "Fira Code", monospace;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--bg-primary: #0a0a0a;--bg-secondary: #121212;--flap-bg: #1a1a1a;--flap-bg-bottom: #151515;--flap-gradient: linear-gradient(180deg, #1a1a1a 0%, #141414 100%);--flap-border: none;--flap-extra-shadow: 0 4px 12px rgba(0, 0, 0, .5);--digit-color: #e8e8e8;--digit-shadow: 0 2px 4px rgba(0, 0, 0, .3);--divider-color: #333333;--divider-highlight: #444444;--shadow-color: rgba(0, 0, 0, .4);--accent: #666666;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--text-muted: #666666;--ui-bg: #1a1a1a;--ui-border: #2a2a2a;--ui-hover: #252525}[data-theme=lofi-study]{--bg-primary: #f5f0e8;--bg-secondary: #ebe5d9;--flap-bg: #e8dcc8;--flap-bg-bottom: #dfd3bf;--flap-gradient: linear-gradient(180deg, #e8dcc8 0%, #dfd3bf 100%);--flap-border: #c9bda8;--flap-extra-shadow: 0 4px 12px rgba(58, 46, 32, .15);--digit-color: #3a2e20;--digit-shadow: 0 2px 4px rgba(58, 46, 32, .2);--divider-color: #c9bda8;--divider-highlight: #d4c8b4;--shadow-color: rgba(58, 46, 32, .1);--accent: #8b7355;--text-primary: #3a2e20;--text-secondary: #5c4d3a;--text-muted: #8b7355;--ui-bg: #ebe5d9;--ui-border: #c9bda8;--ui-hover: #dfd3bf}[data-theme=lofi-study]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}[data-theme=aurora]{--bg-primary: #0d1117;--bg-secondary: #161b22;--flap-bg: #1c2128;--flap-bg-bottom: #161b22;--flap-gradient: linear-gradient(180deg, #1c2128 0%, #161b22 100%);--flap-border: #2d333b;--flap-extra-shadow: 0 4px 20px rgba(139, 92, 246, .2), 0 0 40px rgba(20, 184, 166, .1);--digit-color: #ffffff;--digit-shadow: 0 0 20px rgba(139, 92, 246, .5), 0 0 40px rgba(20, 184, 166, .3), 0 0 60px rgba(236, 72, 153, .2);--divider-color: #2d333b;--divider-highlight: #3d444d;--shadow-color: rgba(139, 92, 246, .2);--accent: #8b5cf6;--text-primary: #ffffff;--text-secondary: #c9d1d9;--text-muted: #8b949e;--ui-bg: #1c2128;--ui-border: #2d333b;--ui-hover: #262c34}[data-theme=aurora]:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(20,184,166,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.1) 0%,transparent 50%);animation:aurora-shift 15s ease-in-out infinite}[data-theme=forest]{--bg-primary: #0a1f0a;--bg-secondary: #0d280d;--flap-bg: #1a3a1a;--flap-bg-bottom: #153015;--flap-gradient: linear-gradient(180deg, #1a3a1a 0%, #153015 100%);--flap-border: #2a4a2a;--flap-extra-shadow: 0 4px 12px rgba(10, 31, 10, .5);--digit-color: #f0edd4;--digit-shadow: 0 2px 4px rgba(10, 31, 10, .4);--divider-color: #2a4a2a;--divider-highlight: #3a5a3a;--shadow-color: rgba(10, 31, 10, .4);--accent: #4a8a4a;--text-primary: #f0edd4;--text-secondary: #c5c2a8;--text-muted: #7a8a6a;--ui-bg: #153015;--ui-border: #2a4a2a;--ui-hover: #1a3a1a}[data-theme=pastel-dream]{--bg-primary: #e8dff5;--bg-secondary: #f0e8f8;--flap-bg: #ffffff;--flap-bg-bottom: #fafafa;--flap-gradient: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);--flap-border: #e0d0f0;--flap-extra-shadow: 0 4px 16px rgba(180, 160, 200, .2);--digit-color: #4a4a5a;--digit-shadow: 0 2px 4px rgba(100, 80, 120, .15);--divider-color: #d0c0e0;--divider-highlight: #e0d0f0;--shadow-color: rgba(180, 160, 200, .15);--accent: #b8a0d0;--text-primary: #4a4a5a;--text-secondary: #6a6a7a;--text-muted: #9a9aaa;--ui-bg: #ffffff;--ui-border: #e0d0f0;--ui-hover: #f8f0ff}[data-theme=pastel-dream] body{background:linear-gradient(135deg,#e8dff5,#fce4ec,#e3f2fd)}[data-theme=vintage-parchment]{--bg-primary: #d4c5a0;--bg-secondary: #c9b890;--flap-bg: #e8dcc0;--flap-bg-bottom: #ddd0b0;--flap-gradient: linear-gradient(180deg, #e8dcc0 0%, #ddd0b0 100%);--flap-border: #a08050;--flap-extra-shadow: 0 4px 12px rgba(60, 47, 26, .2);--digit-color: #3c2f1a;--digit-shadow: 0 2px 4px rgba(60, 47, 26, .25);--divider-color: #a08050;--divider-highlight: #b09060;--shadow-color: rgba(60, 47, 26, .15);--accent: #8b6914;--text-primary: #3c2f1a;--text-secondary: #5c4a30;--text-muted: #8b7355;--ui-bg: #e0d4b8;--ui-border: #a08050;--ui-hover: #d4c8a8}[data-theme=vintage-parchment] .flap-card{border:2px solid #a08050;outline:1px solid #8b7040;outline-offset:2px}[data-theme=matrix]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--flap-bg: #0a0a0a;--flap-bg-bottom: #050505;--flap-gradient: linear-gradient(180deg, #0a0a0a 0%, #050505 100%);--flap-border: #003300;--flap-extra-shadow: 0 0 20px rgba(0, 255, 65, .15);--digit-color: #00ff41;--digit-shadow: 0 0 10px #00ff41, 0 0 20px #00ff41, 0 0 30px rgba(0, 255, 65, .5), 0 0 40px rgba(0, 255, 65, .3);--divider-color: #003300;--divider-highlight: #004400;--shadow-color: rgba(0, 255, 65, .1);--accent: #00ff41;--text-primary: #00ff41;--text-secondary: #00cc33;--text-muted: #009922;--ui-bg: #0a0a0a;--ui-border: #003300;--ui-hover: #001a00}[data-theme=matrix]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px)}[data-theme=matrix]:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,rgba(0,255,65,.03) 0%,transparent 70%);animation:matrix-flicker .1s infinite}[data-theme=chalkboard]{--bg-primary: #2d3a2d;--bg-secondary: #253025;--flap-bg: #3a4a3a;--flap-bg-bottom: #324232;--flap-gradient: linear-gradient(180deg, #3a4a3a 0%, #324232 100%);--flap-border: #4a5a4a;--flap-extra-shadow: 0 4px 8px rgba(0, 0, 0, .3);--digit-color: #e8e8d8;--digit-shadow: 0 2px 4px rgba(0, 0, 0, .2);--divider-color: #4a5a4a;--divider-highlight: #5a6a5a;--shadow-color: rgba(0, 0, 0, .25);--accent: #a0a090;--text-primary: #e8e8d8;--text-secondary: #c8c8b8;--text-muted: #909080;--ui-bg: #354535;--ui-border: #4a5a4a;--ui-hover: #3a4a3a}[data-theme=chalkboard] .flap-card{border:2px dashed #5a6a5a}[data-theme=chalkboard]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.02;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}[data-theme=nordic]{--bg-primary: #f8f9fa;--bg-secondary: #f1f3f4;--flap-bg: #ffffff;--flap-bg-bottom: #f8f9fa;--flap-gradient: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);--flap-border: #e1e4e8;--flap-extra-shadow: 0 2px 8px rgba(74, 85, 104, .08);--digit-color: #4a5568;--digit-shadow: none;--divider-color: #e1e4e8;--divider-highlight: #edf0f2;--shadow-color: rgba(74, 85, 104, .06);--accent: #718096;--text-primary: #4a5568;--text-secondary: #718096;--text-muted: #a0aec0;--ui-bg: #ffffff;--ui-border: #e1e4e8;--ui-hover: #f7fafc}[data-theme=retro-arcade]{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--flap-bg: #16162a;--flap-bg-bottom: #121224;--flap-gradient: linear-gradient(180deg, #16162a 0%, #121224 100%);--flap-border: #2a2a4a;--flap-extra-shadow: 0 0 20px rgba(255, 204, 0, .2), 0 4px 12px rgba(0, 0, 0, .4);--digit-color: #ffcc00;--digit-shadow: 0 0 10px #ffcc00, 0 0 20px rgba(255, 204, 0, .5), 0 0 30px rgba(255, 204, 0, .3);--divider-color: #2a2a4a;--divider-highlight: #3a3a5a;--shadow-color: rgba(255, 204, 0, .15);--accent: #ff00ff;--text-primary: #ffcc00;--text-secondary: #ff00ff;--text-muted: #6a6a8a;--ui-bg: #1a1a2e;--ui-border: #2a2a4a;--ui-hover: #222240}[data-theme=retro-arcade]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.03;background-image:linear-gradient(rgba(255,204,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,204,0,.1) 1px,transparent 1px);background-size:4px 4px}[data-theme=retro-arcade]:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 90%,rgba(255,0,255,.1) 0%,transparent 40%),radial-gradient(ellipse at 90% 10%,rgba(255,0,255,.1) 0%,transparent 40%)}[data-theme=comic]{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--flap-bg: #ffe135;--flap-bg-bottom: #f5d62a;--flap-gradient: linear-gradient(180deg, #ffe135 0%, #f5d62a 100%);--flap-border: #000000;--flap-extra-shadow: 4px 4px 0px #000000;--digit-color: #000000;--digit-shadow: 2px 2px 0px #ff1493;--divider-color: #000000;--divider-highlight: #333333;--shadow-color: rgba(0, 0, 0, .3);--accent: #ff1493;--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--ui-bg: #ffffff;--ui-border: #000000;--ui-hover: #ffe135}[data-theme=comic] .flap-card{border:3px solid #000000;transform:rotate(-.5deg)}[data-theme=comic]:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.04;background-image:radial-gradient(#000000 1px,transparent 1px);background-size:4px 4px}[data-theme=sunset-warmth]{--bg-primary: #ff7e5f;--bg-secondary: #feb47b;--flap-bg: rgba(255, 255, 255, .2);--flap-bg-bottom: rgba(255, 255, 255, .15);--flap-gradient: linear-gradient(180deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, .15) 100%);--flap-border: rgba(255, 255, 255, .3);--flap-extra-shadow: 0 8px 32px rgba(0, 0, 0, .1);--digit-color: #ffffff;--digit-shadow: 0 2px 10px rgba(0, 0, 0, .2);--divider-color: rgba(255, 255, 255, .3);--divider-highlight: rgba(255, 255, 255, .4);--shadow-color: rgba(0, 0, 0, .1);--accent: #ffffff;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .7);--ui-bg: rgba(255, 255, 255, .2);--ui-border: rgba(255, 255, 255, .3);--ui-hover: rgba(255, 255, 255, .3)}[data-theme=sunset-warmth] body{background:linear-gradient(135deg,#ff7e5f,#feb47b,#ff6b8a 70%,#c44569)}[data-theme=sunset-warmth] .flap-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes aurora-shift{0%,to{background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(20,184,166,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.1) 0%,transparent 50%)}33%{background:radial-gradient(ellipse at 60% 30%,rgba(20,184,166,.15) 0%,transparent 50%),radial-gradient(ellipse at 20% 70%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(139,92,246,.1) 0%,transparent 50%)}66%{background:radial-gradient(ellipse at 80% 60%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(ellipse at 40% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 30% 80%,rgba(20,184,166,.1) 0%,transparent 50%)}}@keyframes matrix-flicker{0%,to{opacity:1}50%{opacity:.98}25%,75%{opacity:.99}}@keyframes matrix-digit-flicker{0%,to{text-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px rgba(0,255,65,.5)}92%{text-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px rgba(0,255,65,.5)}93%{text-shadow:0 0 5px #00ff41,0 0 10px #00ff41}94%{text-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px rgba(0,255,65,.5)}}[data-theme=matrix] .digit{animation:matrix-digit-flicker 4s infinite}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}[data-theme] .flap-card.animating,[data-theme] .flap-card.animating *{transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-theme=aurora]:after,[data-theme=matrix]:after{animation:none}[data-theme=matrix] .digit{animation:none}}:root{--flap-bg: #1a1a1a;--flap-bg-light: #2a2a2a;--digit-color: #f0f0f0;--divider-color: rgba(0, 0, 0, .4);--divider-shadow: rgba(0, 0, 0, .6);--separator-color: #f0f0f0;--flip-shadow: rgba(0, 0, 0, .3);--flip-shadow-dark: rgba(0, 0, 0, .5)}.flip-clock{display:flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-mono, "SF Mono", "Fira Code", "Consolas", monospace);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.flip-group{display:flex;align-items:center;gap:.1em}.flip-digit{position:relative;perspective:500px;transform-style:preserve-3d;font-size:clamp(4rem,18vmin,12rem);line-height:1;width:.7em;height:1em}.flap{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;background:var(--flap-bg);color:var(--digit-color);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.08em}.flap-top{top:0;height:50%;transform-origin:bottom center;border-bottom-left-radius:0;border-bottom-right-radius:0;align-items:flex-end;padding-bottom:.02em}.flap-top .digit-value{transform:translateY(50%)}.flap-bottom{bottom:0;height:50%;transform-origin:top center;border-top-left-radius:0;border-top-right-radius:0;align-items:flex-start;padding-top:.02em;background:var(--flap-bg-light)}.flap-bottom .digit-value{transform:translateY(-50%)}.divider{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--divider-color);box-shadow:0 1px 2px var(--divider-shadow);z-index:10;pointer-events:none}.flap-top.flip-out{animation:flipTop .3s ease-in forwards;z-index:5}.flap-bottom.flip-in{animation:flipBottom .3s ease-out .15s forwards;z-index:4}.flap-top.static{z-index:2}.flap-bottom.static{z-index:1}.flap-bottom.hidden{transform:rotateX(90deg)}@keyframes flipTop{0%{transform:rotateX(0);box-shadow:0 0 0 var(--flip-shadow)}50%{box-shadow:0 4px 8px var(--flip-shadow-dark)}to{transform:rotateX(-90deg);box-shadow:0 0 0 var(--flip-shadow)}}@keyframes flipBottom{0%{transform:rotateX(90deg);box-shadow:0 -4px 8px var(--flip-shadow-dark)}50%{box-shadow:0 -2px 4px var(--flip-shadow)}to{transform:rotateX(0);box-shadow:0 0 0 var(--flip-shadow)}}.separator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;font-size:clamp(4rem,18vmin,12rem);color:var(--separator-color);animation:blink 2s ease-in-out infinite}.separator-dot{width:.12em;height:.12em;background:var(--separator-color);border-radius:50%}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.flap:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 100%);pointer-events:none}.flap-bottom:after{background:linear-gradient(to top,transparent 0%,rgba(0,0,0,.08) 100%)}.flap-top:before{content:"";position:absolute;top:0;left:0;right:0;height:15%;background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none;border-radius:.08em .08em 0 0}@media(max-width:480px){.flip-clock{gap:.3em}.flip-group{gap:.05em}.separator{gap:.2em}}@media(prefers-reduced-motion:reduce){.flap-top.flip-out,.flap-bottom.flip-in,.separator{animation:none}.flap-top.flip-out{opacity:0}.flap-bottom.flip-in{transform:rotateX(0)}}@media(prefers-color-scheme:light){:root{--flap-bg: #e8e8e8;--flap-bg-light: #f0f0f0;--digit-color: #1a1a1a;--divider-color: rgba(0, 0, 0, .15);--divider-shadow: rgba(0, 0, 0, .1);--separator-color: #333333;--flip-shadow: rgba(0, 0, 0, .15);--flip-shadow-dark: rgba(0, 0, 0, .25)}}