:root{font-family: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{color:#0056b3;text-decoration:none;transition:color .2s ease}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:none;font-size:1em;font-weight:700;margin-top:1rem;padding:.5rem 1rem;color:#999;border-radius:1.5rem;cursor:pointer;background:pink}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#fff}}*{-webkit-tap-highlight-color:transparent}:root{--primary-color: #0077cc;--card-bg: #ffffff;--card-border: #e0e0e0;--text-color: #333;--note-color: #666;--shadow: 0 6px 12px rgba(0, 0, 0, .1);--transition-speed: .4s}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background:#f9f9f9;font-family:Segoe UI,Tahoma,sans-serif;color:var(--text-color)}.app-container{display:flex;flex-direction:column;width:100%;height:100%}.dashboard{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box;width:100%}.carousel-wrapper{width:min(80vw,300px);height:min(80vw,300px);perspective:1200px;display:flex;justify-content:center;align-items:center}.carousel{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.25,1,.5,1);display:flex;justify-content:center;align-items:center;will-change:transform}.carousel-card{position:absolute;width:66%;height:66%;background:var(--card-bg);border-radius:16px;font-size:2.25rem;font-weight:700;text-align:center;border:1px solid rgba(0,0,0,.08);background-clip:padding-box;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 1px #fff9,0 4px 8px #00000014;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease}.carousel-card.front-card{transform:scale(1.12) translateZ(30px);box-shadow:0 14px 28px #0003;z-index:2}.card-inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.carousel-card:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 6px 12px #00000014,0 2px 6px #0000000a;border-color:var(--primary-color);background:linear-gradient(160deg,var(--card-bg) 0%,rgba(255,255,255,.6) 100%);color:var(--primary-color)}@keyframes wiggleShrink{0%{transform:scale(1) rotate(0)}10%{transform:scale(.95) rotate(-8deg)}20%{transform:scale(.95) rotate(8deg)}30%{transform:scale(.95) rotate(-8deg)}40%{transform:scale(.95) rotate(8deg)}60%{transform:scale(.98) rotate(-3deg)}80%{transform:scale(.98) rotate(3deg)}to{transform:scale(1) rotate(0)}}.wiggle-shrink{animation:wiggleShrink .8s ease-in-out;animation-fill-mode:forwards}.note{margin-top:1rem;color:var(--note-color);font-size:1rem;text-align:center}footer{text-align:center;padding:1rem;font-weight:700;color:var(--text-color);font-size:.95rem}@media (max-width: 768px){.carousel-card{font-size:2.25rem}.note{font-size:.9rem}}@media (max-width: 480px){.carousel-card{font-size:2.25rem}footer{font-size:.85rem;padding:.8rem}}@media (max-width: 360px){.carousel-card{font-size:1rem}.note{font-size:.8rem}footer{font-size:.8rem;padding:.6rem}}