*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{margin:0;font-family:Arial,sans-serif}html,body,#root{width:100%;height:100%}body{background:linear-gradient(135deg,#6c63ff,#4b3cff)}.container{background:linear-gradient(135deg,#6c63ff,#4b3cff);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.container:before{content:"";background:#ffffff14;border-radius:50%;width:350px;height:350px;position:absolute;top:-120px;right:-100px}.container:after{content:"";background:#ffffff0f;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-80px;left:-60px}.card{z-index:10;background:#fff;border-radius:28px;width:430px;max-width:100%;padding:45px 40px;animation:.5s fadeUp;position:relative;box-shadow:0 25px 60px #0000002e}.logo-box{background:#f3efff;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:30px;font-size:32px;display:flex}.card h1{color:#5c4ef5;margin-bottom:8px;font-size:40px;font-weight:700}.card p{color:#777;margin-bottom:35px;font-size:15px;line-height:1.6}.card input{background:0 0;border:none;border-bottom:2px solid #e3e3e3;outline:none;width:100%;margin-bottom:22px;padding:14px 2px;font-size:15px;transition:all .3s}.card input::placeholder{color:#999}.card input:focus{border-bottom:2px solid #6c63ff}.card button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#7a3cff,#5a67ff);border:none;border-radius:30px;width:100%;height:52px;margin-top:8px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 12px 25px #5a67ff59}.card button:hover{transform:translateY(-3px);box-shadow:0 18px 35px #5a67ff73}.bottom-text{text-align:center;color:#666;margin-top:25px;font-size:14px}.bottom-text a{color:#5c4ef5;font-weight:600;text-decoration:none}.bottom-text a:hover{text-decoration:underline}.left-panel,.right-panel{width:100%}.right-panel{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width<=500px){.container{padding:20px}.card{width:100%;max-width:360px}}.card{padding:35px 28px}.card h1{font-size:34px}.logo-box{width:60px;height:60px;font-size:28px}.card button{height:48px}.recent-card{position:relative}.delete-file-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 8px 20px #ff4d4f40}.delete-file-btn:hover{background:#d9363e;transform:scale(1.08);box-shadow:0 12px 24px #ff4d4f59}.delete-file-btn svg{font-size:15px}.delete-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000073;justify-content:center;align-items:center;animation:.25s fade;display:flex;position:fixed;inset:0}.delete-modal{text-align:center;background:#fff;border-radius:22px;width:420px;max-width:92%;padding:35px;animation:.25s popup;box-shadow:0 20px 60px #0000002e}.delete-icon{background:#fff0f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto auto 20px;font-size:40px;display:flex}.delete-modal h2{color:#222;margin-bottom:10px;font-size:28px}.delete-modal p{color:#666;margin-bottom:8px}.delete-modal h3{color:#5c4ef5;word-break:break-word;margin-bottom:10px}.delete-modal span{color:#999;font-size:14px}.delete-buttons{gap:15px;margin-top:30px;display:flex}.cancel-btn{cursor:pointer;background:#ececec;border:none;border-radius:12px;flex:1;height:50px;font-weight:600;transition:all .3s}.cancel-btn:hover{background:#dadada}.confirm-delete-btn{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:12px;flex:1;height:50px;font-weight:600;transition:all .3s}.confirm-delete-btn:hover{background:#d9363e;transform:translateY(-2px)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.profile-page{flex-direction:column;gap:30px;margin-top:30px;animation:.4s fadeProfile;display:flex}.profile-card{color:#fff;text-align:center;background:linear-gradient(135deg,#6c63ff,#5c4ef5);border-radius:28px;padding:45px;box-shadow:0 20px 45px #5c4ef547}.profile-avatar{color:#fff;margin-bottom:18px;font-size:110px}.profile-card h2{margin-bottom:8px;font-size:34px;font-weight:700}.profile-card p{opacity:.95;margin-bottom:10px;font-size:17px}.profile-card span{opacity:.85;font-size:15px}.profile-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.stat-card{text-align:center;cursor:pointer;background:#fff;border-radius:22px;padding:30px;transition:all .35s;box-shadow:0 12px 35px #00000014}.stat-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px #5c4ef52e}.stat-card svg{color:#5c4ef5;margin-bottom:18px;font-size:42px}.stat-card h3{color:#222;margin-bottom:8px;font-size:36px}.stat-card p{color:#777;font-size:15px;font-weight:500}@keyframes fadeProfile{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.profile-card{padding:35px}.profile-avatar{font-size:90px}.profile-card h2{font-size:28px}}@media (width<=768px){.profile-page{margin-top:20px}.profile-card{padding:28px 20px}.profile-avatar{font-size:80px}.profile-card h2{font-size:24px}.profile-card p{font-size:15px}.profile-stats{grid-template-columns:1fr}.stat-card{padding:24px}.stat-card h3{font-size:30px}}*,:before,:after{box-sizing:border-box}.quiz-page{color:#20212b;background:radial-gradient(circle at 10% 0,#6958ff1f,#0000 30%),radial-gradient(circle at 95% 15%,#9682ff21,#0000 32%),linear-gradient(135deg,#f7f8ff 0%,#eef0ff 50%,#f8f9ff 100%);width:100%;min-height:100vh;padding:32px 24px 70px;font-family:Poppins,sans-serif}.quiz-container{width:min(1080px,100%);min-height:100vh;margin:0 auto}.quiz-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e2e2f2e6;border-radius:22px;justify-content:space-between;align-items:center;gap:25px;width:100%;margin-bottom:18px;padding:25px 28px;display:flex;box-shadow:0 15px 45px #4237a014,0 3px 12px #00000008}.quiz-title-area{align-items:center;gap:14px;min-width:0;display:flex}.quiz-title-icon{background:linear-gradient(135deg,#6355ff,#8a76ff);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex;box-shadow:0 10px 25px #6355ff40}.quiz-header h1{color:#20212b;margin:0;font-size:25px;font-weight:750}.quiz-header p{color:#85899b;margin:4px 0 0;font-size:12px}.quiz-room-code{background:linear-gradient(135deg,#f0edff,#f8f7ff);border:1px solid #ddd8ff;border-radius:14px;flex-direction:column;align-items:center;min-width:145px;padding:11px 18px;display:flex;box-shadow:0 6px 18px #5a4bdc14}.quiz-room-code span{letter-spacing:1.4px;color:#85889b;font-size:9px;font-weight:700}.quiz-room-code strong{letter-spacing:2px;color:#5849dc;margin-top:3px;font-size:18px}.quiz-progress{background:#fffffff0;border:1px solid #e7e7f2;border-radius:17px;width:100%;margin-bottom:18px;padding:17px 20px;box-shadow:0 8px 28px #3c32960f}.progress-info span:last-child{color:#5b4cdb;font-weight:700}.progress-fill{background:linear-gradient(90deg,#5d4ff5,#7867ff,#9584ff);border-radius:50px;height:100%;transition:width .4s;box-shadow:0 0 12px #6555ff4d}.quiz-card{background:#fffffff7;border:1px solid #e5e6f1;border-radius:24px;width:100%;padding:32px;box-shadow:0 18px 50px #322b8214,0 4px 12px #00000006}.quiz-card h2{color:#252631;margin:0 0 25px;font-size:21px;font-weight:700;line-height:1.55}.quiz-option{color:#343540;text-align:left;cursor:pointer;background:#fbfbfe;border:2px solid #e8e8f1;border-radius:14px;align-items:center;gap:13px;width:100%;min-height:60px;padding:11px 15px;font-family:inherit;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.quiz-option:hover{background:#f8f6ff;border-color:#bdb5ff;transform:translate(3px);box-shadow:0 7px 20px #5c4cdc14}.quiz-option:active{transform:translate(1px)}.option-letter{color:#6255bb;background:#eeecf8;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:13px;font-weight:750;transition:background .2s,color .2s,transform .2s;display:flex}.option-text{color:#343540;flex:1;font-size:14px;line-height:1.5}.quiz-option.selected{background:linear-gradient(100deg,#eeebff,#f7f5ff);border-color:#6758f5;transform:translate(3px);box-shadow:0 9px 24px #6252f024}.quiz-option.selected .option-letter{color:#fff;background:linear-gradient(135deg,#6355f5,#806cff);box-shadow:0 6px 14px #6252f040}.selected-check{color:#fff;background:#6656f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:flex;box-shadow:0 5px 12px #6454f038}.quiz-next-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6253f5,#806cff);border:none;border-radius:13px;width:100%;min-height:51px;font-family:inherit;font-size:14px;font-weight:650;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 25px #6355ff3b}.quiz-next-btn:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 15px 30px #6355ff52}.quiz-status-card{text-align:center;background:#fffffff7;border:1px solid #e4e5f0;border-radius:25px;width:min(520px,100%);margin:100px auto;padding:45px 35px;box-shadow:0 20px 55px #3c32961a}.quiz-status-icon,.quiz-error-icon{background:linear-gradient(135deg,#f0edff,#e7e3ff);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 16px;font-size:34px;display:flex;box-shadow:0 10px 25px #6556f524}.quiz-status-card h1,.quiz-status-card h2{color:#242530;margin:0 0 9px;font-size:25px}.quiz-status-card p{color:#7e8293;margin:0 0 24px;font-size:13px;line-height:1.6}.quiz-result-wrapper{flex-direction:column;gap:22px;width:min(1050px,100%);margin:0 auto;display:flex}.quiz-result-card{text-align:center;background:#fffffffa;border:1px solid #e4e5f1;border-radius:28px;width:100%;padding:42px 50px 38px;position:relative;overflow:hidden;box-shadow:0 25px 65px #4237a01a,0 5px 16px #00000008}.quiz-result-card:before{content:"";background:linear-gradient(90deg,#5747f5,#7765ff,#9b8cff);width:100%;height:4px;position:absolute;top:0;left:0}.result-icon{background:linear-gradient(135deg,#f1eeff,#e8e4ff);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 12px;font-size:38px;display:flex;box-shadow:0 12px 30px #6253f026}.result-label{color:#85899c;letter-spacing:1.4px;margin:0 0 5px;font-size:11px;font-weight:700}.quiz-result-card h1{background:linear-gradient(90deg,#5747f5,#806cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:31px;font-weight:750;line-height:1.2}.result-room{color:#777b8d;margin:9px 0 17px;font-size:13px}.result-room strong{color:#5748d6;letter-spacing:1.5px}.score-circle{color:#fff;background:linear-gradient(145deg,#6253f5,#8b77ff);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:145px;height:145px;margin:20px auto 22px;display:flex;position:relative;box-shadow:0 20px 45px #5b4cf047,inset 0 0 0 6px #ffffff1f,inset 0 0 20px #ffffff0f}.score-circle strong{font-size:29px;font-weight:750;line-height:1}.score-circle span{opacity:.92;margin-top:7px;font-size:13px;font-weight:600}.quiz-result-card h2{color:#242530;margin:3px 0 5px;font-size:20px;font-weight:700}.result-description{color:#7b7f91;margin:0 0 12px;font-size:12px}.result-description strong{color:#5547d6}.your-rank-box{color:#6658ca;background:linear-gradient(135deg,#f0edff,#f8f7ff);border:1px solid #ddd8ff;border-radius:50px;align-items:center;gap:8px;width:fit-content;margin:5px auto 18px;padding:8px 15px;font-size:12px;display:inline-flex;box-shadow:0 6px 18px #5b4cdc14}.your-rank-box strong{color:#4939c7;font-size:14px}.quiz-result-card .quiz-next-btn{min-height:49px}.leaderboard-card{background:#fffffffa;border:1px solid #e4e5f1;border-radius:23px;width:100%;padding:27px;box-shadow:0 15px 45px #3c329612}.leaderboard-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px;display:flex}.leaderboard-header>div{align-items:center;gap:12px;display:flex}.leaderboard-icon{background:linear-gradient(135deg,#f0edff,#e8e4ff);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;display:flex;box-shadow:0 7px 18px #5a4bdc14}.leaderboard-header h2{color:#242530;margin:0;font-size:20px;font-weight:700}.leaderboard-header p{color:#85899a;margin:3px 0 0;font-size:11px}.player-count{color:#5b4dd4;background:#f0edff;border-radius:50px;flex-shrink:0;padding:7px 12px;font-size:11px;font-weight:700}.leaderboard-list{flex-direction:column;gap:9px;display:flex}.leaderboard-empty{text-align:center;background:#fafaff;border:1px dashed #dedcf0;border-radius:14px;padding:25px}.leaderboard-empty p{color:#8a8d9e;margin:0;font-size:12px}.leaderboard-player{background:#fafaff;border:1px solid #e9e9f3;border-radius:14px;align-items:center;gap:13px;min-height:63px;padding:10px 13px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.leaderboard-player:hover{background:#f8f6ff;border-color:#dcd7ff;transform:translateY(-2px);box-shadow:0 7px 20px #5144be14}.leaderboard-player.current-player{background:linear-gradient(90deg,#f0edff,#faf9ff);border-color:#d4ceff;box-shadow:inset 3px 0 #6758f5,0 5px 18px #5b4cdc0f}.rank-number{color:#5e51c9;background:#efedfa;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:750;display:flex}.leaderboard-player:first-child .rank-number{background:#fff5d9}.leaderboard-player:nth-child(2) .rank-number{background:#f1f2f6}.leaderboard-player:nth-child(3) .rank-number{background:#fff0e5}.player-info{flex:1;min-width:0}.player-info strong{text-overflow:ellipsis;white-space:nowrap;color:#272832;font-size:13px;font-weight:650;display:block;overflow:hidden}.player-info span{color:#8b8e9e;margin-top:3px;font-size:10px;display:block}.player-score{text-align:right;flex-shrink:0;min-width:55px}.player-score strong{color:#5547d6;font-size:16px;font-weight:750;display:block}.player-score span{color:#9295a5;margin-top:2px;font-size:10px;display:block}.answer-review-card{background:#fffffffa;border:1px solid #e4e5f1;border-radius:23px;width:100%;padding:28px;box-shadow:0 15px 45px #3c329612}.answer-review-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.answer-review-header>div{align-items:center;gap:12px;display:flex}.review-icon{background:linear-gradient(135deg,#f0edff,#e8e4ff);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;display:flex}.answer-review-header h2{color:#242530;margin:0;font-size:20px;font-weight:700}.answer-review-header p{color:#85899a;margin:3px 0 0;font-size:11px}.review-score{color:#584ad2;background:#eeebff;border-radius:50px;flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:750}.answer-list{flex-direction:column;gap:13px;display:flex}.answer-review-item{background:#fbfbfe;border:1px solid #e6e7f1;border-radius:17px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.answer-review-item:hover{transform:translateY(-2px);box-shadow:0 9px 26px #3d329612}.answer-review-item.answer-correct{background:linear-gradient(100deg,#f7fffa,#fbfffd);border-left:4px solid #35a66b}.answer-review-item.answer-wrong{background:linear-gradient(100deg,#fff9fa,#fffdfd);border-left:4px solid #df5c6a}.review-question-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.review-question-number{color:#5a4bd5;background:#eeebff;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:750}.review-status{border-radius:50px;padding:5px 9px;font-size:10px;font-weight:750}.correct-status{color:#27925b;background:#e7f8ee}.wrong-status{color:#d24e5d;background:#ffebee}.answer-review-item h3{color:#272832;margin:0 0 15px;font-size:15px;font-weight:650;line-height:1.55}.review-answer{border-radius:10px;align-items:flex-start;gap:12px;margin-top:7px;padding:11px 13px;font-size:12px;display:flex}.review-answer span{color:#85899a;flex-shrink:0;min-width:105px;font-size:10px;font-weight:650}.review-answer strong{color:#30313c;font-size:12px;font-weight:600;line-height:1.45}.user-answer{background:#f5f5fa;border:1px solid #ebebf3}.correct-answer{background:#eaf9f0;border:1px solid #d2efdd}.correct-answer span{color:#26945c}.correct-answer strong{color:#237b50}.answer-wrong .user-answer{background:#fff0f2;border-color:#f4d6da}.answer-wrong .user-answer strong{color:#c64d5a}.quiz-mode-section{background:#fffffff5;border:1px solid #e3e4f0;border-radius:23px;width:100%;margin-top:28px;padding:27px 30px;font-family:Poppins,sans-serif;box-shadow:0 15px 40px #37308c12}.quiz-room-header{align-items:center;gap:14px;margin-bottom:22px;display:flex}.quiz-icon{background:linear-gradient(135deg,#6355ff,#806cff);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:51px;height:51px;font-size:25px;display:flex;box-shadow:0 9px 22px #6355ff38}.quiz-room-header h2{color:#20212b;margin:0;font-size:22px;font-weight:750}.quiz-room-header p{color:#85899a;margin:3px 0 0;font-size:12px}.quiz-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;width:100%;margin-bottom:20px;display:grid}.quiz-info-item{background:linear-gradient(135deg,#f8f7ff,#fbfaff);border:1px solid #e8e5fb;border-radius:14px;align-items:center;gap:11px;min-height:70px;padding:13px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.quiz-info-item:hover{border-color:#d7d1ff;transform:translateY(-2px);box-shadow:0 8px 20px #5c4cdc17}.quiz-info-item>span{background:#ece9ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex}.quiz-info-item div{flex-direction:column;gap:2px;min-width:0;display:flex}.quiz-info-item strong{color:#282934;font-size:12px;font-weight:700}.quiz-info-item small{color:#85899a;font-size:10px;line-height:1.35}.quiz-room-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.generate-btn,.quiz-create-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6355ff,#806cff);border:none;border-radius:13px;width:100%;min-height:48px;font-family:Poppins,sans-serif;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 9px 21px #6355ff33}.generate-btn:hover,.quiz-create-btn:hover{transform:translateY(-2px);box-shadow:0 13px 27px #6355ff47}.generate-btn:active,.quiz-create-btn:active{transform:translateY(0)}.generate-btn:disabled,.quiz-create-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.quiz-secondary-btn{color:#594bd9;cursor:pointer;background:#fff;border:1.5px solid #7667ff;border-radius:13px;width:100%;min-height:48px;font-family:Poppins,sans-serif;font-size:13px;font-weight:650;transition:transform .2s,background .2s,box-shadow .2s}.quiz-secondary-btn:hover{background:#f7f5ff;transform:translateY(-2px);box-shadow:0 9px 22px #6355ff1a}.quiz-room-created{text-align:center;background:linear-gradient(135deg,#f4f1ff,#faf9ff);border:1px solid #ddd8ff;border-radius:17px;margin-top:18px;padding:22px}.quiz-room-created h3{color:#5e4fe0;margin:0 0 7px;font-size:18px}.quiz-room-created p{color:#777b8c;margin:0 0 12px;font-size:12px}.quiz-room-code-display{color:#fff;letter-spacing:4px;background:linear-gradient(135deg,#6253f5,#806cff);border-radius:11px;justify-content:center;align-items:center;margin:3px 0 13px;padding:10px 22px;font-size:21px;font-weight:750;display:inline-flex;box-shadow:0 8px 20px #6355ff3d}.quiz-copy-btn{color:#5e50d9;cursor:pointer;background:#fff;border:1px solid #d8d3ff;border-radius:10px;justify-content:center;align-items:center;padding:9px 16px;font-family:inherit;font-size:11px;font-weight:650;transition:background .2s,color .2s,transform .2s;display:inline-flex}.quiz-copy-btn:hover{color:#fff;background:#6657f2;transform:translateY(-1px)}.quiz-join-box{background:linear-gradient(135deg,#f8f7ff,#fbfaff);border:1px solid #e1ddff;border-radius:17px;width:100%;margin-bottom:18px;padding:21px}.quiz-join-box h3{color:#292a35;margin:0 0 5px;font-size:18px}.quiz-join-box p{color:#7e8292;margin:0 0 15px;font-size:12px}.quiz-join-box input{color:#2d2e38;background:#fff;border:1px solid #ddd9f2;border-radius:11px;outline:none;width:100%;height:47px;margin-bottom:10px;padding:0 14px;font-family:Poppins,sans-serif;font-size:13px;transition:border-color .2s,box-shadow .2s}.quiz-join-box input::placeholder{color:#a0a2b0}.quiz-join-box input:focus{border-color:#6a5af4;box-shadow:0 0 0 3px #6a5af41a}.quiz-join-box input:first-of-type{text-align:center;letter-spacing:3px;font-size:17px;font-weight:700}.quiz-join-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.quiz-cancel-btn{color:#6f7280;cursor:pointer;background:#fff;border:1px solid #ddd9ee;border-radius:11px;min-height:47px;font-family:inherit;font-size:12px;font-weight:650;transition:background .2s,border-color .2s}.quiz-cancel-btn:hover{background:#f7f7fa;border-color:#cecadf}.quiz-join-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6355ff,#806cff);border:none;border-radius:11px;min-height:47px;font-family:inherit;font-size:12px;font-weight:650;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 8px 18px #6355ff33}.quiz-join-btn:hover{transform:translateY(-2px);box-shadow:0 11px 23px #6355ff47}.quiz-join-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.quiz-share-info{color:#777b89;background:#f5f4f9;border-radius:10px;margin-top:13px;padding:11px;font-size:11px;line-height:1.5}@media (width<=768px){.quiz-page{padding:20px 14px 50px}.quiz-header{flex-direction:column;align-items:flex-start;padding:20px}.quiz-room-code{width:100%}.quiz-title-icon{width:46px;height:46px;font-size:22px}.quiz-header h1{font-size:22px}.quiz-card{border-radius:20px;padding:23px 18px}.quiz-card h2{font-size:18px}.quiz-option{min-height:56px;padding:10px 12px}.option-text{font-size:13px}.leaderboard-card,.answer-review-card{padding:20px 16px}.quiz-result-card{padding:35px 22px 30px}.quiz-result-card h1{font-size:28px}.answer-review-header{align-items:flex-start}.quiz-info,.quiz-room-actions{grid-template-columns:1fr}}@media (width<=480px){.quiz-page{padding:12px 9px 35px}.quiz-header{border-radius:18px;padding:17px}.quiz-title-area{align-items:flex-start}.quiz-title-icon{border-radius:12px;width:43px;height:43px;font-size:20px}.quiz-header h1{font-size:20px}.quiz-header p{font-size:11px}.quiz-room-code{padding:10px}.quiz-room-code strong{font-size:17px}.quiz-progress{border-radius:14px;padding:14px}.quiz-card{border-radius:18px;padding:18px 14px}.quiz-card h2{font-size:17px;line-height:1.5}.quiz-option{border-radius:12px;gap:9px;padding:9px}.option-letter{border-radius:9px;width:32px;height:32px;font-size:12px}.option-text{font-size:12px}.selected-check{width:22px;height:22px;font-size:10px}.quiz-next-btn{min-height:48px;font-size:13px}.quiz-result-card{border-radius:21px;padding:30px 15px 25px}.result-icon{width:60px;height:60px;font-size:33px}.quiz-result-card h1{font-size:26px}.result-room{font-size:12px}.score-circle{width:125px;height:125px}.score-circle strong{font-size:25px}.score-circle span{font-size:12px}.quiz-result-card h2{font-size:18px}.result-description{font-size:11px}.leaderboard-header{align-items:flex-start}.leaderboard-header h2{font-size:18px}.leaderboard-header p{font-size:10px}.player-count{padding:6px 9px;font-size:9px}.leaderboard-player{gap:8px;padding:9px}.rank-number{border-radius:9px;width:31px;height:31px;font-size:11px}.player-info strong{font-size:11px}.player-info span{font-size:9px}.player-score strong{font-size:14px}.player-score span{font-size:9px}.answer-review-header h2{font-size:18px}.answer-review-header p,.review-score{font-size:10px}.answer-review-item{padding:15px 12px}.answer-review-item h3{font-size:13px}.review-answer{flex-direction:column;gap:4px;padding:10px}.review-answer span{min-width:auto}.review-answer strong{font-size:11px}.quiz-mode-section{border-radius:19px;padding:20px 16px}.quiz-room-header{gap:11px}.quiz-icon{width:45px;height:45px;font-size:22px}.quiz-room-header h2{font-size:19px}.quiz-room-header p{font-size:10px}.quiz-info-item{min-height:62px;padding:11px}.quiz-info-item>span{width:35px;height:35px;font-size:17px}.quiz-info-item strong{font-size:11px}.quiz-info-item small{font-size:9px}.quiz-room-actions,.quiz-join-actions{grid-template-columns:1fr}.quiz-room-code-display{letter-spacing:3px;font-size:18px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}body{background:#f5f7fb;overflow-x:hidden}.dashboard{background:#f5f7fb;min-height:100vh;display:flex}.sidebar{z-index:999;background:#fff;border-right:1px solid #ececec;flex-direction:column;justify-content:space-between;width:245px;height:100vh;padding:22px 16px;transition:all .35s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:5px 0 25px #0000000d}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:50px}.sidebar-top{flex-direction:column;flex:1;display:flex}.sidebar-bottom{margin-top:20px}.logo{align-items:center;gap:16px;margin-bottom:24px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#6c63ff,#8b7bff);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex;box-shadow:0 10px 25px #6c63ff40}.logo-text{flex-direction:column;display:flex}.logo-text h2{color:#5c4ef5;margin:0;font-size:28px;font-weight:700;line-height:1.1}.logo-text span{color:#777;margin-top:4px;font-size:14px;font-weight:500}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{cursor:pointer;color:#555;border-radius:14px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.sidebar li svg{font-size:16px}.sidebar li:hover{color:#5c4ef5;background:#f3f0ff}.sidebar li.active{color:#fff;background:linear-gradient(135deg,#6c63ff,#5c4ef5);box-shadow:0 14px 28px #6c63ff47}.logout{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ff5c5c,#ff7878);border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;height:56px;font-size:16px;font-weight:600;transition:all .35s;display:flex;box-shadow:0 12px 28px #ff5c5c40}.logout svg{font-size:18px}.logout:hover{background:linear-gradient(135deg,#f44336,#ff6b6b);transform:translateY(-3px);box-shadow:0 18px 35px #ff5c5c59}.main{width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding:35px;overflow-y:auto}.mobile-header,.menu-btn,.bell-btn,.close-btn,.overlay{display:none}@media (width<=992px){.sidebar{width:90px}.main{width:calc(100% - 90px);margin-left:90px}.logo{justify-content:center;font-size:24px}.sidebar li{justify-content:center}.sidebar li span{display:none}.logout{font-size:0}.logout:before{content:"🚪";font-size:18px}}.hero{color:#fff;background:linear-gradient(135deg,#6758ff 0%,#7764ff 45%,#927cff 100%);border-radius:28px;margin-bottom:35px;padding:55px;position:relative;overflow:hidden;box-shadow:0 22px 60px #5c4ef538}.hero:before{content:"";background:#ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;top:-220px;right:-180px}.hero:after{content:"";background:#ffffff0d;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-90px;left:-70px}.hero>*{z-index:2;position:relative}.hero h1{max-width:850px;margin-bottom:20px;font-size:clamp(38px,5vw,64px);font-weight:800;line-height:1.15}.hero h1 span{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ffe8a3,#ffd1e8,#fff);-webkit-background-clip:text;background-clip:text}.hero p{color:#ececff;max-width:700px;margin-bottom:35px;font-size:18px;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:18px;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:16px;padding:16px 30px;font-size:15px;font-weight:600;transition:all .35s}.hero-btn.primary{color:#5c4ef5;background:#fff}.hero-btn.secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff2e}.hero-btn:hover{transform:translateY(-4px)}.tool-grid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:18px;margin-bottom:35px;display:grid}.tool-card{cursor:pointer;background:#fff;border:1px solid #efefef;border-radius:24px;flex-direction:column;justify-content:flex-start;padding:28px;transition:all .35s;display:flex;box-shadow:0 12px 35px #0000000f}.tool-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px #5c4ef52e}.tool-card.active{color:#fff;background:linear-gradient(135deg,#6c63ff,#8a80ff)}.tool-card svg{color:#5c4ef5;background:#f3f0ff;border-radius:18px;width:64px;height:64px;margin-bottom:22px;padding:18px;font-size:28px}.tool-card.active svg{color:#fff;background:#fff3}.tool-card h3{margin-bottom:10px;font-size:23px;font-weight:700}.tool-card p{color:#777;font-size:15px;line-height:1.7}.tool-card.active p{color:#f4f4ff}@media (width<=992px){.tool-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:42px}.hero h1{font-size:48px}}@media (width<=768px){.hero{border-radius:22px;padding:30px 24px}.hero h1{font-size:32px}.hero p{font-size:15px}.hero-buttons{flex-direction:column}.hero-btn{width:100%}.tool-grid{grid-template-columns:1fr}.tool-card{padding:24px}}.generator{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:28px;margin-bottom:35px;display:grid}.upload-box,.prompt-box{background:#fff;border:1px solid #ececec;border-radius:26px;flex-direction:column;padding:30px;display:flex;box-shadow:0 15px 40px #0000000f}.upload-box h2,.prompt-box h2{color:#222;margin-bottom:24px;font-size:28px}.drop-area{text-align:center;background:#fafbff;border:2px dashed #d8ddf6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:240px;padding:20px;transition:all .3s;display:flex}.drop-area:hover{background:#f5f2ff;border-color:#6c63ff;transform:translateY(-3px)}.drop-area svg{color:#6c63ff;margin-bottom:14px;font-size:52px}.drop-area h3{color:#222;margin-bottom:10px;font-size:18px}.drop-area p{color:#777;font-size:14px;line-height:1.8}.prompt-box{flex-direction:column;display:flex}.prompt-box textarea{resize:none;color:#555;background:#f7f8fc;border:2px solid #0000;border-radius:18px;outline:none;flex:1;width:100%;height:240px;min-height:240px;padding:22px;font-size:15px;line-height:1.7;transition:all .3s}.prompt-box textarea:focus{background:#fff;border-color:#6c63ff;box-shadow:0 0 0 5px #6c63ff14}.prompt-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#8b79ff);border:none;border-radius:18px;width:100%;height:50px;margin-top:18px;font-size:17px;font-weight:600;transition:all .35s;box-shadow:0 15px 30px #6c63ff38}.prompt-box button:hover{transform:translateY(-4px);box-shadow:0 22px 40px #6c63ff4d}.prompt-box textarea::placeholder{color:#999;line-height:1.8}@media (width<=992px){.generator{grid-template-columns:1fr}}@media (width<=768px){.generator{grid-template-columns:1fr;gap:20px}.upload-box,.prompt-box{border-radius:20px;padding:24px}.upload-box h2,.prompt-box h2{margin-bottom:18px;font-size:22px}.drop-area{min-height:230px}.drop-area svg{margin-bottom:14px;font-size:52px}.drop-area h3{font-size:18px}.prompt-box textarea{min-height:170px;padding:18px;font-size:14px}.prompt-box button{height:52px;font-size:16px}}.recent-files{background:#fff;border:1px solid #ececec;border-radius:26px;margin-top:35px;padding:30px;box-shadow:0 15px 40px #0000000f}.recent-files h2{color:#222;margin-bottom:25px;font-size:28px}.file-list{flex-direction:column;gap:18px;display:flex}.file-item{cursor:pointer;background:#f8f9fd;border-radius:18px;justify-content:space-between;align-items:center;padding:18px 22px;transition:all .3s;display:flex}.file-item:hover{background:#f2f0ff;transform:translateY(-2px)}.file-left{align-items:center;gap:18px;display:flex}.file-icon{color:#5c4ef5;background:#ece9ff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.file-info h4{color:#222;margin-bottom:4px;font-size:17px}.file-info p{color:#777;font-size:14px}.file-date{color:#999;font-size:14px}.mobile-header{display:none}@media (width<=768px){.mobile-header{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:14px 18px;display:flex;box-shadow:0 12px 30px #00000014}.mobile-left{align-items:center;gap:15px;display:flex}.mobile-logo h2{color:#5c4ef5;margin:0;font-size:22px;font-weight:700}.mobile-logo span{color:#777;margin-top:2px;font-size:12px;display:block}.menu-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#8a80ff);border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 10px 25px #6c63ff4d}.bell-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;display:flex;box-shadow:0 8px 20px #00000014}.sidebar{z-index:1001;width:270px;left:-280px}.sidebar.show{left:0}.close-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex;position:absolute;top:18px;right:18px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000073;display:block;position:fixed;inset:0}.main{width:100%;margin-left:0;padding:18px}.recent-files{padding:22px}.recent-files h2{font-size:22px}.file-item{flex-direction:column;align-items:flex-start;gap:12px}.file-date{margin-left:70px}}@media (width<=480px){.hero{padding:24px}.hero h1{font-size:28px}.hero p{font-size:14px}.tool-card{padding:20px}.upload-box,.prompt-box,.recent-files{padding:18px}.drop-area{min-height:180px}.drop-area h3{font-size:18px}.prompt-box textarea{min-height:150px}.mobile-logo h2{font-size:18px}.mobile-logo span{font-size:11px}}.generated-notes{background:#fff;border-radius:25px;margin-top:35px;padding:35px;box-shadow:0 15px 40px #0000000f}.notes-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.notes-header h2{color:#5c4ef5}.notes-content{background:#f7f8fc;border-radius:18px;max-height:650px;padding:25px;overflow:auto}.notes-content pre{white-space:pre-wrap;color:#333;font-family:Poppins;line-height:2}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5c4ef5);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.download-btn:hover{background:linear-gradient(135deg,#5c4ef5,#4738e8);transform:translateY(-3px);box-shadow:0 12px 25px #5c4ef559}.download-btn:active{transform:translateY(0)}.download-btn svg{font-size:14px}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin-top:20px;display:grid}.recent-card{background:#fff;border-radius:18px;padding:22px;transition:all .3s;box-shadow:0 8px 25px #0000000f}.recent-card:hover{transform:translateY(-5px)}.pdf-icon{color:#6759ff;margin-bottom:15px;font-size:40px}.recent-card h3{margin-bottom:8px;font-size:18px}.recent-card p{color:#777;margin-bottom:18px}.recent-actions{gap:10px;display:flex}.open-btn,.download-btn-small{color:#fff;background:#6759ff;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.open-btn:hover,.download-btn-small:hover{opacity:.9}.empty-files{color:#888;text-align:center;margin-top:25px;font-size:18px}.quiz-page{color:#222;background:radial-gradient(circle at 100% 0,#6c63ff1f,#0000 35%),#f5f7fb;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:45px 6%;display:flex}.quiz-header{color:#fff;background:linear-gradient(135deg,#6758ff,#7764ff,#927cff);border-radius:26px;justify-content:space-between;align-items:center;width:100%;max-width:1150px;margin-bottom:25px;padding:32px 38px;display:flex;box-shadow:0 20px 50px #5c4ef540}.quiz-header h1{margin-bottom:8px;font-size:32px;font-weight:800}.quiz-header p{color:#f0eeff;margin:0;font-size:15px;line-height:1.6}.quiz-room-code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border:1px solid #ffffff40;border-radius:18px;flex-direction:column;align-items:center;gap:5px;min-width:150px;padding:16px 22px;display:flex}.quiz-room-code span{letter-spacing:1.5px;opacity:.85;font-size:11px}.quiz-room-code strong{letter-spacing:3px;font-size:24px}.quiz-progress{background:#fff;border-radius:20px;width:100%;max-width:1150px;margin-bottom:25px;padding:20px 25px;box-shadow:0 10px 30px #0000000d}.progress-info{color:#555;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.progress-bar{background:#eceaff;border-radius:50px;width:100%;height:9px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6c63ff,#927cff);border-radius:50px;height:100%;transition:width .4s}.quiz-card{background:#fff;border:1px solid #ececec;border-radius:28px;width:100%;max-width:1150px;margin-bottom:30px;padding:42px;box-shadow:0 18px 50px #00000012}.question-number{color:#5c4ef5;background:#f0edff;border-radius:50px;align-items:center;margin-bottom:20px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.quiz-card h2{color:#222;margin-bottom:30px;font-size:25px;font-weight:700;line-height:1.6}.quiz-options{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.quiz-option{cursor:pointer;text-align:left;color:#333;background:#fafafd;border:2px solid #e9e8f2;border-radius:16px;align-items:center;gap:15px;width:100%;padding:17px 20px;font-family:Poppins,sans-serif;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.quiz-option:hover{background:#f7f5ff;border-color:#8b82ff;transform:translateY(-2px)}.quiz-option.selected{color:#4d42d8;background:linear-gradient(135deg,#f0edff,#e8e5ff);border-color:#6c63ff;box-shadow:0 8px 22px #6c63ff26}.option-letter{color:#5c4ef5;background:#eceaff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;transition:all .2s;display:flex}.quiz-option.selected .option-letter{color:#fff;background:#6c63ff}.option-text{font-size:15px;line-height:1.5}.quiz-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#8b79ff);border:none;border-radius:16px;width:100%;height:56px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 12px 28px #6c63ff40}.quiz-next-btn:hover{transform:translateY(-3px);box-shadow:0 18px 35px #6c63ff59}.quiz-next-btn:active{transform:translateY(0)}.quiz-loading{text-align:center;color:#555;background:#f5f7fb;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.quiz-loading h2{color:#5c4ef5;margin-bottom:10px;font-size:28px}.quiz-not-found{background:#f5f7fb;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:25px;display:flex}.quiz-not-found-card{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:550px;padding:45px;box-shadow:0 20px 50px #00000014}.quiz-not-found-card h1{color:#333;margin-bottom:12px}.quiz-not-found-card p{color:#777;margin-bottom:25px;line-height:1.7}