@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4efe9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary:#120b07;--bg-secondary:#1e130c;--accent-cyan:#caa460;--accent-purple:#c39bf6;--accent-blue:#a3804e;--text-primary:#fff;--text-secondary:#eaddd0;--text-muted:#b0a093;--glass-bg:#1a110beb;--glass-border:#caa46059;--glass-glow:#caa4600a;background-color:#120b07;font-family:Inter,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 50% -20%, #2e1c10 0%, var(--bg-primary) 80%);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#b895634d;border:1px solid #b895631a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b8956380}h1,h2,h3,h4,h5,h6{letter-spacing:.02em;color:var(--accent-cyan);text-shadow:0 2px 4px #00000080;font-family:Inter,sans-serif;font-weight:600}.glass-panel{background:var(--glass-bg);border:1px solid #b8956366;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -5px #0009,inset 0 0 15px #b895630d}.glass-panel:hover{border-color:var(--accent-cyan);box-shadow:0 12px 35px -5px #e5c15814,inset 0 0 20px #e5c1580d}.glass-card{background:#b8956305;border:1px solid #b8956333;border-radius:8px;padding:16px;transition:all .2s}.glass-card:hover{border-color:var(--accent-cyan);background:#b895630d;transform:translateY(-2px)}.glass-card.completed,.glass-panel.completed{opacity:.45;box-shadow:none!important;background:#00000059!important;border-color:#b8956326!important}.glass-card.completed:hover,.glass-panel.completed:hover{opacity:1;border-color:var(--accent-cyan)!important;background:#b895630d!important}.text-cyan{color:var(--accent-cyan);text-shadow:0 0 8px #e5c15833}.text-purple{color:var(--accent-purple);text-shadow:0 0 8px #c39bf633}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-blue) 100%);color:#120b07;letter-spacing:.02em;cursor:pointer;border:1px solid #e6cf9c;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #0006}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #00000080}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text-primary);letter-spacing:.02em;cursor:pointer;box-shadow:none;background:0 0;border:1px solid #caa46099;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-outline:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#caa46014;box-shadow:0 4px 12px #caa4600d}.btn-outline:active{transform:translateY(1px)}.btn-icon{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:1px solid #b8956366;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000004d}.btn-icon:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#b895631a;box-shadow:0 4px 12px #e5c15826}.btn-icon-large{background:var(--bg-secondary);border:2px solid #b8956380;border-radius:50%;width:72px;height:72px}.btn-icon-large:hover{border-color:var(--accent-cyan);background:#b895630d;transform:scale(1.05)}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:24px;display:flex}@media (width<=768px){.app-container{padding:16px}}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.wave-bar{background-color:var(--accent-cyan);transform-origin:bottom;border-radius:2px;width:4px;height:24px;animation:1.2s ease-in-out infinite wave}.wave-bar:nth-child(2){background-color:#d1b14c;animation-delay:.15s}.wave-bar:nth-child(3){background-color:var(--accent-blue);animation-delay:.3s}.wave-bar:nth-child(4){background-color:#a08154;animation-delay:.45s}.wave-bar:nth-child(5){background-color:var(--accent-purple);animation-delay:.6s}.circular-progress-btn{cursor:pointer;background:#1e140e99;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:140px;height:140px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 25px #00000080,inset 0 0 15px #b895630d}.circular-progress-btn:hover{background:#caa4601f;box-shadow:0 10px 30px #caa46014,inset 0 0 20px #caa4600d}.circular-progress-btn:active{transform:scale(.97)}.circular-progress-btn .center-icon{color:var(--accent-cyan);z-index:5;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute}.circular-progress-btn:hover .center-icon{filter:brightness(1.15)}.circular-progress-btn>svg{width:100%;height:100%;position:absolute;top:0;left:0}.circular-progress-btn circle{fill:none;stroke-width:4px}.circular-progress-btn .bg-circle{stroke:#b8956359;transition:stroke .25s}.circular-progress-btn:hover .bg-circle{stroke:var(--accent-cyan)}.circular-progress-btn .fg-circle{stroke:var(--accent-cyan);stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .25s}.circular-progress-btn:hover .fg-circle{filter:brightness(1.1)}.glow-ring-purple{border:2px solid var(--accent-purple)!important}.active-recall-card{perspective:1000px;cursor:pointer;width:100%;max-width:480px;height:280px}.card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.active-recall-card.flipped .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex;position:absolute}.card-front{background:var(--bg-secondary)}.card-back{background:linear-gradient(145deg,#c39bf608 0%,#e5c15803 100%);background-color:var(--bg-secondary);transform:rotateY(180deg)}select{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;appearance:none;background-color:#0006;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23caa460' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:12px;outline:none;padding:10px 36px 10px 12px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000004d}select:hover{border-color:var(--accent-cyan)}select:focus{border-color:var(--accent-cyan);box-shadow:0 0 12px #caa4602e}select option{background-color:var(--bg-primary);color:var(--text-primary);padding:8px}input[type=text],input[type=password],input[type=number],input[type=email],textarea{border:1px solid var(--glass-border);color:var(--text-primary);background-color:#0006;border-radius:12px;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000004d}input[type=text]:hover,input[type=password]:hover,input[type=number]:hover,input[type=email]:hover,textarea:hover{border-color:var(--accent-cyan)}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=email]:focus,textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 12px #caa4602e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:1.5s linear infinite spin;display:inline-block}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}