@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(145deg,#4a90e2,#357abd);color:#fff;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;touch-action:manipulation}#root,body{min-height:100vh}#root{width:100%}.container{margin:0 auto;max-width:100%;padding:1rem;position:relative;z-index:1}@media (min-width:768px){.container{max-width:480px;padding:1.5rem}}.card{background:#fff;border-radius:20px;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014;color:#333;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.card:hover{box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}.swipeable-card{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;will-change:transform}.swipeable-card.dragging{z-index:1000}.swipeable-card.hint{animation:cardHint .6s ease-in-out}@keyframes cardHint{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.swipe-action-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.swipe-action{animation:pulse 1.5s ease-in-out infinite;border-radius:30px;color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:1px;padding:1rem 2rem;text-align:center;text-shadow:0 2px 4px #0000004d;text-transform:uppercase}.swipe-action.left{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 4px 20px #ff6b6b66}.swipe-action.right,.swipe-action.up{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 20px #4caf5066}.swipe-action.down,.swipe-action.up{border:3px solid #ffffff4d}.swipe-action.down{background:linear-gradient(135deg,#f44336,#ef5350);box-shadow:0 4px 20px #f4433666}.swipe-hints{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.swipe-hint{animation:hintFadeIn .4s ease .8s forwards;background:#000000e6;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;opacity:0;padding:.5rem 1rem;position:absolute;text-transform:uppercase}@keyframes hintFadeIn{to{opacity:.9}}.swipe-hint.left{left:12px;top:50%;transform:translateY(-50%)}.swipe-hint.right{right:12px;top:50%;transform:translateY(-50%)}.swipe-hint.up{top:12px}.swipe-hint.down,.swipe-hint.up{left:50%;transform:translateX(-50%)}.swipe-hint.down{bottom:12px}.card-deck{margin:1.5rem 0}.card-deck,.deck-container{position:relative;width:100%}.deck-container{height:280px;perspective:1000px}.deck-card{height:340px;transform-origin:center center;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.deck-card.animating-left{animation:slideOutLeft .35s cubic-bezier(.4,0,.2,1) forwards}.deck-card.animating-right{animation:slideOutRight .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0) translateY(0) scale(1) rotate(0deg)}70%{opacity:.3;transform:translateX(-80%) translateY(-5px) scale(.85) rotate(-8deg)}to{opacity:0;transform:translateX(-120%) translateY(10px) scale(.7) rotate(-15deg)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0) translateY(0) scale(1) rotate(0deg)}70%{opacity:.3;transform:translateX(80%) translateY(-5px) scale(.85) rotate(8deg)}to{opacity:0;transform:translateX(120%) translateY(10px) scale(.7) rotate(15deg)}}.deck-card.slide-in-from-right{animation:slideInFromRight .35s cubic-bezier(.175,.885,.32,1.275) forwards}.deck-card.slide-in-from-left{animation:slideInFromLeft .35s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(120%) translateY(10px) scale(.7) rotate(15deg)}30%{opacity:.3;transform:translateX(80%) translateY(-5px) scale(.85) rotate(8deg)}to{opacity:1;transform:translateX(0) translateY(0) scale(1) rotate(0deg)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-120%) translateY(10px) scale(.7) rotate(-15deg)}30%{opacity:.3;transform:translateX(-80%) translateY(-5px) scale(.85) rotate(-8deg)}to{opacity:1;transform:translateX(0) translateY(0) scale(1) rotate(0deg)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes feedbackPulse{0%{opacity:0;transform:scale(.8)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes feedbackScale{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.deck-card.top-card{cursor:grab}.deck-card.top-card:active{cursor:grabbing}.deck-card.stacked-card{pointer-events:none}.deck-card.animating-out{opacity:0;transition:all .4s ease-out}.deck-navigation{gap:1rem;margin-bottom:1rem}.deck-navigation,.nav-btn{align-items:center;display:flex;justify-content:center}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:48px;transition:all .3s ease;width:48px}.nav-btn:hover:not(:disabled){background:#ffffff59;box-shadow:0 4px 15px #fff3;transform:scale(1.1)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.deck-dots{display:flex;gap:.5rem}.deck-dot{background:#fff6;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.deck-dot.active{background:#fff;box-shadow:0 2px 8px #ffffff4d;transform:scale(1.3)}.deck-counter{color:#ffffffe6;font-size:1rem;font-weight:700;margin-top:1rem;text-align:center;text-shadow:0 1px 3px #0000004d}.current-card{color:gold}.card-deck.empty{align-items:center;display:flex;height:340px;justify-content:center}.empty-deck{color:#333;text-align:center}.empty-deck-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.task-card-content{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #0000000d;border-radius:20px;box-shadow:0 8px 30px #0000001a,inset 0 1px 0 #fffc;color:#333;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1.2rem;position:relative}.task-header{margin-bottom:.6rem;text-align:center}.task-header h3{color:#4a90e2;font-size:1.4rem;font-weight:800;margin-bottom:.8rem}.difficulty-badge,.task-header h3{letter-spacing:.5px;text-transform:uppercase}.difficulty-badge{background:linear-gradient(135deg,#ff9800,#ffb74d);border-radius:20px;box-shadow:0 2px 8px #ff98004d;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;padding:.5rem 1rem}.task-text{align-items:center;background:#4a90e20d;border:2px dashed #4a90e233;border-radius:15px;display:flex;justify-content:center;margin:.5rem 0;min-height:50px;padding:.8rem;text-align:center}.task-text p{word-wrap:break-word;color:#333;font-size:1.1rem;font-weight:600;line-height:1.4;overflow-wrap:break-word}.task-footer{text-align:center}.task-tips{background:#4a90e21a;border:1px solid #4a90e233;border-radius:15px;margin-top:1rem;padding:1rem}.task-tips p{color:#666;font-size:.85rem;font-style:italic;font-weight:600;margin:0}.task-actions-hint{background:#00000005;border-radius:10px;color:#666;font-size:.75rem;font-weight:500;padding:.4rem}.task-actions-hint,.task-swap-section{margin-top:.6rem;text-align:center}.swap-task-btn{background:linear-gradient(135deg,#9c27b0,#673ab7);border:none;border-radius:20px;box-shadow:0 3px 10px #9c27b04d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.swap-task-btn:hover:not(.disabled){box-shadow:0 5px 15px #9c27b066;transform:translateY(-2px)}.swap-task-btn:active:not(.disabled){box-shadow:0 2px 5px #9c27b04d;transform:translateY(0)}.swap-task-btn.disabled{background:#ccc;box-shadow:none;color:#888;cursor:not-allowed;opacity:.6}.btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:30px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.8px;margin:8px 0;min-height:52px;overflow:hidden;padding:16px 32px;position:relative;text-shadow:0 1px 2px #0003;text-transform:uppercase;touch-action:manipulation;transition:all .3s cubic-bezier(.25,.46,.45,.94);width:100%}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 6px 25px #ff6b6b66;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 15px #4caf504d}.btn-secondary:hover{box-shadow:0 6px 25px #4caf5066}.btn-success{background:linear-gradient(135deg,#2196f3,#42a5f5);box-shadow:0 4px 15px #2196f34d}.btn-success:hover{box-shadow:0 6px 25px #2196f366}.btn-danger{background:linear-gradient(135deg,#f44336,#ef5350);box-shadow:0 4px 15px #f443364d}.btn-small{display:inline-block;font-size:14px;font-weight:700;margin:4px;min-height:42px;padding:10px 20px;width:auto}.input{background:#fff;border:3px solid #4a90e233;border-radius:25px;box-shadow:0 2px 8px #0000000d;color:#333;font-size:16px;font-weight:600;margin:8px 0;padding:18px 24px;transition:all .3s ease;width:100%}.input::placeholder{color:#33333380;font-weight:500}.input:focus{background:#fff;border-color:#4a90e2;box-shadow:0 0 20px #4a90e233;outline:none;transform:translateY(-1px)}h1,h2,h3{font-weight:800;margin-bottom:1rem}h1{color:#fff;font-size:2.4rem;font-weight:900;text-align:center;text-shadow:0 2px 4px #0000004d}h2{font-size:1.6rem;font-weight:800}h2,h3{color:#333}h3{font-size:1.3rem;font-weight:700}.text-center{text-align:center}.text-small{font-size:.85rem;font-weight:600;line-height:1.5;opacity:.8}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.gap-1{gap:1rem}.task-item{background:#fff;border-left:5px solid #4a90e2;border-radius:16px;box-shadow:0 4px 15px #00000014;color:#333;margin:1rem 0;padding:1.5rem;position:relative;transition:all .3s ease}.task-item:hover{box-shadow:0 6px 20px #0000001f;transform:translateX(4px)}.task-item.completed{background:#4caf500d;border-left-color:#4caf50}.task-item.failed{background:#f443360d;border-left-color:#f44336}.score-badge{background:linear-gradient(135deg,gold,#ffc107);box-shadow:0 3px 12px #ffd7004d;color:#333;display:inline-block;font-size:14px;padding:8px 16px}.score-badge,.timer{border-radius:25px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.timer{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#ffb74d);box-shadow:0 4px 15px #ff98004d;color:#fff;padding:12px 20px;text-align:center}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .4s cubic-bezier(.25,.46,.45,.94);background:#fff;border-radius:25px;box-shadow:0 20px 60px #0000004d;color:#333;max-height:80vh;max-width:400px;overflow-y:auto;padding:2rem;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hidden{display:none}.loading{opacity:.6;pointer-events:none}.pulse{animation:pulse 2s infinite}.card-demo{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f34d;color:#1976d2}.card-test{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #9c27b04d;color:#7b1fa2}.card-warning{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f443364d;color:#c62828}.card-success{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:2px solid #4caf504d;color:#2e7d32}.winner-banner{animation:celebration 3s ease-in-out;background:linear-gradient(135deg,gold,#ffc107);border-radius:25px;box-shadow:0 8px 30px #ffc10766;color:#333;overflow:hidden;padding:2rem;position:relative;text-align:center}.winner-banner h1{color:#333;text-shadow:none}input[type=radio]{appearance:none;background:#fff;border:3px solid #4a90e24d;border-radius:50%;cursor:pointer;height:20px;margin-right:12px;position:relative;transition:all .3s ease;width:20px}input[type=radio]:checked{background:#4a90e2;border-color:#4a90e2;box-shadow:0 0 10px #4a90e24d}input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.2rem}.card{margin:.75rem 0;padding:1.25rem}.container{padding:.75rem}.deck-container{height:240px}.deck-card{height:220px}.task-card-content{padding:1.5rem}.task-text p{font-size:1rem}.btn{font-size:15px;padding:14px 28px}.btn-small{font-size:13px;padding:8px 16px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}
/*# sourceMappingURL=main.66deceef.css.map*/