:root{--font-heading:"Bungee", cursive;--font-body:"Space Grotesk", sans-serif;--color-yellow:gold;--color-red:#f36;--color-green:#00e676;--color-blue:#2962ff;--color-cyan:#00e5ff;--color-pink:#ff4081;--color-purple:#d500f9;--bg-day:#fff;--text-day:#111;--bg-night:#061919;--text-night:#e0f2f1;--bg-color:var(--bg-day);--text-color:var(--text-day);--card-shadow:0 10px 40px #00000026;--border-color:#111}body.night-mode{--bg-color:var(--bg-night);--text-color:var(--text-night);--card-shadow:0 10px 40px #0006;--border-color:#000}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth;transition:background-color .5s,color .5s;overflow-x:hidden}#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:1px}.section-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.card-stack{justify-content:center;align-items:center;width:100%;max-width:380px;height:520px;display:flex;position:relative}.card{width:100%;height:100%;box-shadow:var(--card-shadow);border:4px solid var(--border-color);transform-origin:bottom;will-change:transform;border-radius:24px;flex-direction:column;padding:2rem;display:flex;position:absolute}.swipe-hint{opacity:.6;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.card-content{color:#111;flex-direction:column;flex:1;display:flex}.funky-border{border:4px solid #111;box-shadow:6px 6px #111}body.night-mode .funky-border{border-color:#000;box-shadow:6px 6px #000c}