@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ffd60a;--primary-dark:#e6c000;--primary-text:#1a1000;--accent-coral:#ff6b6b;--accent-cyan:#00d4ff;--accent-violet:#a855f7;--accent-green:#2ecc71;--accent-orange:#ff9f43;--bg:#0d1b3e;--bg2:#162449;--bg3:#1e3163;--card:#ffffff14;--card-border:#ffffff24;--card-solid:#1a2d5a;--text:#fff;--text-soft:#ffffffbf;--muted:#ffffff73;--danger:#ff6b6b;--success:#2ecc71;--warning:#ff9f43;--radius:20px;--radius-sm:12px;--shadow:0 8px 32px #00000059;--shadow-glow:0 0 20px #ffd60a4d}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 20% 20%,#a855f726 0%,#0000 50%),radial-gradient(at 80% 80%,#00d4ff1f 0%,#0000 50%),radial-gradient(at 60% 10%,#ffd60a14 0%,#0000 40%);background-attachment:fixed;min-height:100vh;font-family:Nunito,Segoe UI,system-ui,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;opacity:.4;background-image:radial-gradient(circle,#fffc 1px,#0000 1px),radial-gradient(circle,#fff9 1px,#0000 1px),radial-gradient(circle,#fff6 1px,#0000 1px);background-position:0 0,100px 50px,50px 150px;background-size:200px 200px,300px 300px,400px 400px;position:fixed;inset:0}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}.screen{z-index:1;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 16px 40px;position:relative}.prof-screen .screen{z-index:auto}.screen-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.back-btn{width:42px;height:42px;box-shadow:var(--shadow);cursor:pointer;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex}.back-btn:active{background:#fff3;transform:scale(.92)}.screen-title{color:var(--text);letter-spacing:-.3px;font-size:22px;font-weight:800}.card{background:var(--card);border:1.5px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:12px;padding:20px}.btn{cursor:pointer;letter-spacing:.2px;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:800;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-text);box-shadow:0 4px 16px #ffd60a66}.btn-primary:active{background:var(--primary-dark);transform:scale(.97);box-shadow:0 2px 8px #ffd60a4d}.btn-primary:hover{box-shadow:0 6px 24px #ffd60a80}.btn-secondary{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #fff3}.btn-secondary:active{transform:scale(.97)}.btn-danger{color:var(--danger);background:#ff6b6b33;border:1.5px solid #ff6b6b4d}.btn-success{color:var(--success);background:#2ecc7133;border:1.5px solid #2ecc714d}.btn-cyan{background:var(--accent-cyan);color:#023;font-weight:800;box-shadow:0 4px 16px #00d4ff59}.btn-coral{background:var(--accent-coral);color:#fff;font-weight:800;box-shadow:0 4px 16px #ff6b6b66}.btn-full{width:100%}.input-field{width:100%;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:2px solid #ffffff26;border-radius:14px;margin-bottom:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input-field::placeholder{color:var(--muted)}.input-field:focus{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 3px #ffd60a33}textarea.input-field{resize:vertical;min-height:80px}.input-light{color:#1a1a2e;background:#fff;border:2px solid #e5e7eb;border-radius:14px;width:100%;margin-bottom:12px;padding:14px 16px;font-size:15px;font-weight:600;transition:border-color .15s}.input-light:focus{border-color:var(--accent-violet);box-shadow:0 0 0 3px #a855f726}.badge{border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.badge-purple{color:#c084fc;background:#a855f733;border:1px solid #a855f74d}.badge-green{color:#4ade80;background:#2ecc7133;border:1px solid #2ecc714d}.badge-orange{color:#fb923c;background:#ff9f4333;border:1px solid #ff9f434d}.badge-red{color:#f87171;background:#ff6b6b33;border:1px solid #ff6b6b4d}.badge-yellow{color:#ffd60a;background:#ffd60a33;border:1px solid #ffd60a4d}.badge-cyan{color:#00d4ff;background:#00d4ff26;border:1px solid #00d4ff4d}.box-1{color:#ff8080;background:#ff6b6b33;border:1px solid #ff6b6b4d}.box-2{color:#ffb347;background:#ff9f4333;border:1px solid #ff9f434d}.box-3{color:#ffd60a;background:#ffd60a33;border:1px solid #ffd60a4d}.box-4{color:#5eead4;background:#2ecc7133;border:1px solid #2ecc714d}.box-5{color:#00d4ff;background:#00d4ff26;border:1px solid #00d4ff4d}.pin-display{justify-content:center;gap:14px;margin:24px 0;display:flex}.pin-dot{border:2.5px solid var(--primary);border-radius:50%;width:16px;height:16px;transition:all .2s}.pin-dot.filled{background:var(--primary);transform:scale(1.1);box-shadow:0 0 10px #ffd60a99}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:14px;max-width:280px;margin:0 auto;display:grid}.pin-key{aspect-ratio:1;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:800;transition:all .12s;display:flex;box-shadow:0 4px 12px #0000004d}.pin-key:active{background:var(--primary);color:var(--primary-text);border-color:var(--primary);transform:scale(.88);box-shadow:0 0 20px #ffd60a80}.pin-key.empty{box-shadow:none;background:0 0;border:none}.pin-key.del{color:var(--danger);font-size:20px}.toast{color:#fff;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#1a2d5af2;border:1.5px solid #fff3;border-radius:28px;padding:14px 28px;font-size:14px;font-weight:700;animation:.3s fadeup;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes fadeup{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.avatar{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.avatar-circle{background:#ffffff1a;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;transition:all .15s;display:flex}.avatar-name{text-align:center;color:var(--text);font-size:13px;font-weight:700}.boites-row{gap:6px;margin-top:12px;display:flex}.boite-chip{text-align:center;border-radius:8px;flex:1;padding:6px 4px;font-size:11px;font-weight:800}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent-coral));border-radius:4px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px #ffd60a66}.exercise-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1.5px solid #ffffff24;border-radius:24px;margin-bottom:20px;padding:28px}.exercise-question{margin-bottom:8px;font-size:22px;font-weight:800;line-height:1.4}.exercise-subject{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;font-size:11px;font-weight:700}.answer-reveal{background:#2ecc7126;border:2px solid #2ecc7166;border-radius:14px;margin-top:16px;padding:16px}.answer-reveal-label{text-transform:uppercase;color:var(--success);letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:800}.answer-reveal-text{color:#7effc5;font-size:16px;font-weight:700}.tab-bar{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1.5px solid #ffffff1f;border-radius:18px;margin-bottom:20px;padding:5px;display:flex}.tab-item{text-align:center;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:14px;flex:1;padding:10px;font-size:13px;font-weight:800;transition:all .2s}.tab-item.active{background:var(--primary);color:var(--primary-text);box-shadow:0 2px 12px #ffd60a66}.env-card{border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1.5px solid #ffffff1f;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px 20px;transition:transform .12s,box-shadow .12s;display:flex}.env-card:active{transform:scale(.97);box-shadow:0 2px 12px #0000004d}.due-badge{background:var(--primary);color:var(--primary-text);border-radius:20px;padding:4px 14px;font-size:13px;font-weight:800;box-shadow:0 2px 8px #ffd60a59}.due-badge.zero{color:var(--muted);box-shadow:none;background:#ffffff1a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#1a2d5a;border:1.5px solid #ffffff26;border-radius:28px 28px 20px 20px;width:100%;max-width:480px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 -8px 40px #00000080}.modal-title{color:var(--text);margin-bottom:20px;font-size:20px;font-weight:800}.hero-banner{background:linear-gradient(135deg, var(--accent-violet) 0%, var(--accent-cyan) 100%);border-radius:var(--radius);color:#fff;margin-bottom:20px;padding:20px 24px;position:relative;overflow:hidden;box-shadow:0 8px 24px #a855f759}.hero-banner:after{content:"✨";opacity:.35;font-size:40px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.prof-screen{color:#1a1a2e;z-index:2;isolation:isolate;background:#f5f3ff;min-height:100vh;position:relative}.prof-screen .screen{background:0 0}.prof-screen .card{color:#1a1a2e;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1.5px solid #ede9fe}.prof-screen .modal{color:#1a1a2e;background:#fff;border:none}.prof-screen .modal-title{color:#1a1a2e}.prof-screen .tab-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#ede9fe}.prof-screen .tab-item{color:#6b7280}.prof-screen .tab-item.active{background:var(--accent-violet);color:#fff;box-shadow:0 2px 12px #a855f759}.prof-screen .back-btn{color:#1a1a2e;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#ede9fe;box-shadow:0 2px 8px #a855f726}.prof-screen .input-field{color:#1a1a2e;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#e5e7eb}.prof-screen .input-field:focus{border-color:var(--accent-violet);box-shadow:0 0 0 3px #a855f726}.prof-screen .input-field::placeholder{color:#9ca3af}.prof-screen .screen-title{color:#1a1a2e}.prof-screen .btn-secondary{color:var(--accent-violet);background:#f5f3ff;border-color:#ede9fe}.prof-screen .env-card{color:#1a1a2e;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#ede9fe}.prof-screen .due-badge{background:var(--accent-violet);color:#fff;box-shadow:0 2px 8px #a855f74d}