@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Nunito:wght@400;500;600;700;800&display=swap";body{margin:0;font-family:var(--font-main),sans-serif;background:linear-gradient(135deg,#7CB7E6 0%,#ADD8FA 100%);min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit}.navbar{width:100%;background:transparent;padding-top:12px;position:relative;z-index:20}.navbar-container{width:100%;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,40px);gap:16px;position:relative}.navbar-left{display:flex;align-items:center;height:100%;z-index:900}.logo{display:flex;align-items:center;text-decoration:none}.logo-image{height:clamp(56px,6vw,72px);width:auto;display:block;transition:opacity .2s ease}.logo-image:hover{opacity:.9}@supports not (-webkit-text-stroke: 3px var(--ui-gray-900)){.logo{text-shadow:3px 3px 0 var(--ui-gray-900),-3px -3px 0 var(--ui-gray-900),3px -3px 0 var(--ui-gray-900),-3px 3px 0 var(--ui-gray-900),0 3px 0 var(--ui-gray-900),3px 0 0 var(--ui-gray-900),0 -3px 0 var(--ui-gray-900),-3px 0 0 var(--ui-gray-900),3px 3px 3px var(--ui-gray-900)}}.navbar-right{display:flex;align-items:center;height:100%;gap:clamp(16px,2.5vw,32px);z-index:900;min-width:0}.nav-link{font-family:Nunito,sans-serif;font-size:clamp(14px,.95rem + .1vw,16px);font-weight:600;color:#fff;text-decoration:none;position:relative;transition:all .2s ease;height:100%;display:flex;align-items:center;white-space:nowrap;padding:0 8px;min-width:max-content}.navbar-menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:rgba(255,255,255,.14);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;padding:0;flex-shrink:0;transition:background .2s ease,border-color .2s ease,transform .2s ease}.navbar-menu-toggle span{width:18px;height:2px;border-radius:999px;background:#FFFFFF;transition:transform .2s ease,opacity .2s ease}.navbar-menu-toggle:hover{background:rgba(255,255,255,.22)}.navbar-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-menu-toggle.is-open span:nth-child(2){opacity:0}.navbar-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-link:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:3px;background:white;transition:width .3s ease;border-radius:2px}.nav-link:hover:after{width:100%}.nav-link:hover{opacity:.9}.user-menu{position:relative;height:100%;display:flex;align-items:center}.user-menu-btn{border:none!important;box-shadow:none!important;background:white!important;color:var(--ui-gray-900)!important;height:38px!important;padding:0 24px!important;min-width:auto!important}.user-dropdown{position:absolute;top:100%;right:0;background:white;padding:12px;border-radius:12px;box-shadow:0 8px 24px #00000026,0 4px 0 var(--ui-blue-main);display:flex;flex-direction:column;gap:6px;min-width:160px;z-index:1000;border:3px solid white}.user-dropdown button{background:none;border:none;text-align:left;font-family:var(--font-main),sans-serif;font-size:14px;color:var(--ui-gray-900);padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease}.dropdown-username{color:var(--ui-blue-dark)!important;font-weight:900!important;font-size:15px!important;padding-bottom:10px!important;margin-bottom:4px!important;border-bottom:2px solid var(--ui-gray-200)!important;pointer-events:none;cursor:default!important}.user-dropdown button:not(.dropdown-username):hover{background:var(--ui-blue-light);color:var(--ui-blue-dark);transform:translate(4px)}.nav-link-btn{background:none!important;border:none!important;cursor:pointer}@media (max-width: 1024px){.navbar-container{min-height:68px}.navbar-right{gap:18px}}@media (max-width: 840px){.navbar-container{justify-content:flex-end;min-height:64px}.navbar-menu-toggle{display:inline-flex}.navbar-right{position:absolute;top:calc(100% + 10px);left:clamp(16px,4vw,24px);right:clamp(16px,4vw,24px);display:none;height:auto;flex-direction:column;align-items:stretch;gap:12px;padding:16px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid rgba(124,183,230,.35);box-shadow:0 14px 30px #1e293b2e}.navbar-right.is-open{display:flex}.navbar-left{position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:var(--ui-gray-900);height:auto;min-height:40px;padding:8px 4px}.nav-link:after{background:var(--ui-blue-main);bottom:2px}.nav-link-btn{width:100%;justify-content:flex-start;text-align:left;padding:8px 4px}.navbar-right .btn-small{width:100%;min-width:0;justify-content:center}.user-menu{width:100%;height:auto;display:flex;align-items:stretch}.user-menu-btn{width:100%;min-height:42px!important}.user-dropdown{position:static;width:100%;min-width:0;margin-top:8px;box-shadow:none;border:1px solid var(--ui-gray-200)}}@media (max-width: 480px){.navbar{padding-top:8px}.navbar-container{gap:12px;padding-inline:16px}.logo-image{height:52px}.navbar-menu-toggle{width:40px;height:40px;border-radius:10px}.navbar-right{left:16px;right:16px;padding:14px;gap:10px}}.btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;transition:all .15s ease;font-family:Nunito,sans-serif;font-weight:800;gap:.5rem;line-height:1.15;max-width:100%;vertical-align:middle}.btn-large{font-size:clamp(18px,1.25rem + .35vw,24px);min-height:clamp(52px,3.8rem + .35vw,64px);padding:12px clamp(24px,3vw,40px);border-radius:clamp(10px,1vw,12px);min-width:min(220px,100%)}.btn-medium{font-size:clamp(15px,.95rem + .2vw,16px);min-height:clamp(46px,3rem + .3vw,52px);padding:10px clamp(20px,2.4vw,32px);border-radius:clamp(10px,1vw,12px);min-width:min(160px,100%)}.btn-small{font-size:clamp(13px,.78rem + .18vw,14px);min-height:clamp(40px,2.5rem + .25vw,46px);padding:8px clamp(14px,2vw,24px);border-radius:clamp(10px,1vw,12px);min-width:min(120px,100%);border:1px solid #7CB7E6}.btn-primary{background:#F5C640;color:#1e293b;box-shadow:3px 4px #1e293b;border:none}.btn-primary:hover{background:#FFD76A}.btn-primary:active{transform:translateY(2px);box-shadow:3px 2px #1e293b}.btn-secondary{background:#FFFFFF;color:#1e293b;border:1px solid #7CB7E6;box-shadow:3px 4px #1e293b}.btn-secondary:hover{background:#ADD8FA}.btn-secondary:active{transform:translateY(2px);box-shadow:3px 2px #1e293b}.btn-small.btn-primary{background:#FFFFFF;color:#1e293b;border:1px solid #7CB7E6;box-shadow:none}.btn-small.btn-primary:hover{background:#ADD8FA}.btn-small.btn-primary:active{transform:translateY(1px)}.btn-small.btn-secondary{background:#FFFFFF;color:#1e293b;border:1px solid #7CB7E6;box-shadow:none}.btn-small.btn-secondary:hover{background:#ADD8FA}.btn-small.btn-secondary:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:hover{background:inherit!important;transform:none!important}.btn:focus-visible{outline:2px solid #7CB7E6;outline-offset:2px}@media (max-width: 640px){.btn-large{font-size:18px;min-height:52px;padding-inline:24px;min-width:min(180px,100%)}.btn-medium{font-size:15px;min-height:46px;padding-inline:20px;min-width:min(140px,100%)}.btn-small{min-height:40px;padding-inline:14px;min-width:min(96px,100%)}}.input-group{display:flex;flex-direction:column;gap:4px;position:relative}.input-group label{font-size:15px;font-weight:700;color:var(--ui-gray-900)}.input-wrapper{position:relative;width:100%}.input-group input{height:48px;padding:12px 12px 12px 16px;border-radius:var(--radius-sm);border:1px solid var(--ui-gray-300);font-size:16px;font-family:var(--font-main);box-shadow:1px 1px #7cb7e640;transition:all .2s ease;resize:vertical;line-height:1.5;display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.input-group input:hover{border-color:#cad1da;box-shadow:3px 3px #7cb7e640;transition:all .3s ease}.input-group input:focus{border-color:var(--ui-blue-main);box-shadow:3px 3px #7cb7e640;outline:none}.input-group input.error{border-color:var(--ui-red-main)}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;z-index:1;opacity:.5}.password-toggle-btn:hover:not(:disabled){background-color:#1e293b1a}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-icon{width:20px;height:20px;display:block;pointer-events:none}.input-wrapper input[type=password]::-ms-reveal,.input-wrapper input[type=password]::-ms-clear{display:none}.input-wrapper input[type=password]::-webkit-credentials-auto-fill-button,.input-wrapper input[type=password]::-webkit-credentials-auto-fill-button:focus{display:none!important;visibility:hidden;opacity:0;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1e293bb3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease;padding:24px 16px;overflow-y:auto}.modal{background:white;border-radius:var(--radius-lg);border:3px solid;box-shadow:var(--shadow-lg);width:90%;max-width:480px;animation:slideUp .3s ease;overflow:hidden;text-align:center;max-height:min(720px,calc(100dvh - 48px));display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-3);position:relative;margin-top:8px;color:var(--ui-gray-900);padding-right:calc(var(--space-6) + 40px)}.modal-header.info{border-bottom:2px solid var(--ui-gray-300)}.modal-header.warning{border-bottom:3px solid var(--ui-blue-dark)}.modal-header.error{background:var(--ui-red-main);border-bottom:3px solid var(--ui-red-dark)}.modal-header.success{border-bottom:3px solid var(--ui-green-dark)}.modal-title-container{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex:1}.modal-icon{font-size:24px;flex-shrink:0;position:absolute;left:5%}.modal-auth-title{margin:0;font-size:28px;font-weight:800;color:var(--ui-gray-900);font-family:var(--font-main);text-align:center}.modal-close-btn{position:absolute;background:none;border:none;font-size:28px;color:var(--ui-gray-900);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease;font-weight:700;line-height:1;right:var(--space-4)}.modal-close-btn:hover{background-color:#1e293b1a;transform:scale(1.1)}.modal-body{padding:var(--space-8);font-size:16px;color:var(--ui-gray-600);line-height:1.5;text-align:center;align-items:center;justify-content:center;overflow-y:auto}.modal-message{margin:0;text-align:center}.modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;justify-content:center;gap:var(--space-3)}.modal-cancel-btn{padding:var(--space-3) var(--space-6);background:white;color:var(--ui-gray-600);border:2px solid var(--ui-gray-300);border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-main);min-width:100px}.modal-cancel-btn:hover:not(:disabled){background:var(--ui-gray-100);border-color:var(--ui-gray-400);transform:translateY(-1px)}.modal-confirm-btn{padding:var(--space-3) var(--space-6);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-main);min-width:100px}.modal-confirm-btn.info{background:var(--ui-blue-dark)}.modal-confirm-btn.warning{background:var(--ui-red-main)}.modal-confirm-btn.error{background:var(--ui-red-dark)}.modal-confirm-btn.success{background:var(--ui-green-dark)}.modal-confirm-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal.info,.modal.warning{border-color:var(--ui-blue-main)}.modal.error{border-color:var(--ui-red-main)}.modal.success{border-color:var(--ui-green-main)}@media (max-width: 768px){.modal-overlay{align-items:flex-start;padding:16px}.modal{width:min(100%,460px);max-width:none;max-height:calc(100dvh - 32px)}.modal-header{padding:var(--space-3) var(--space-4);padding-right:calc(var(--space-4) + 36px)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;align-items:center}.modal-cancel-btn,.modal-confirm-btn{width:100%;max-width:200px}}@media (max-width: 480px){.modal-overlay{padding:12px}.modal{width:100%;max-height:calc(100dvh - 24px);border-radius:18px}.modal-header{margin-top:0;padding:16px 52px 14px 16px}.modal-auth-title{font-size:24px}.modal-close-btn{right:12px;width:28px;height:28px;font-size:24px}.modal-body{padding:16px;font-size:15px}}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.login-page{min-height:100vh;display:flex;flex-direction:column}.auth-card{background:white;padding:40px;border-radius:12px;box-shadow:0 8px 32px #0000001a,0 4px 0 var(--ui-blue-main);width:100%;max-width:480px;border:3px solid white;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-family:var(--font-main),sans-serif;font-size:32px;font-weight:800;color:var(--ui-gray-900);margin-bottom:8px}.auth-subtitle{font-family:var(--font-main),sans-serif;font-size:16px;color:var(--ui-gray-600);line-height:1.5}.auth-error{background:#FEF2F2;color:var(--ui-red-main);padding:16px;border-radius:8px;border-left:4px solid var(--ui-red-main);margin-bottom:24px;font-size:14px}.auth-error strong{display:block;margin-bottom:4px}.confirmation-help{background:#EFF6FF;padding:16px;border-radius:8px;border-left:4px solid var(--ui-blue-main);margin-bottom:24px;text-align:center}.confirmation-help p{margin-bottom:12px;color:var(--ui-gray-700);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:clamp(14px,2vw,16px);text-align:left;width:100%;min-width:0}.form-actions{display:flex;flex-direction:column;gap:16px;width:100%}.auth-submit-btn{width:100%;min-height:56px;font-size:clamp(16px,1rem + .2vw,18px)}.auth-links{text-align:center}.auth-link{font-family:var(--font-main),sans-serif;font-size:14px;color:var(--ui-blue-main);text-decoration:none;transition:color .2s ease;text-align:center;overflow-wrap:anywhere}.auth-link:hover{color:var(--ui-blue-dark);text-decoration:underline}.auth-link.accent{font-weight:700}.auth-link.accent:hover{color:var(--ui-blue-dark)}.auth-divider{display:flex;align-items:center;gap:16px;width:100%}.divider-line{flex:1;height:1px;background:var(--ui-gray-300)}.divider-text{font-family:var(--font-main),sans-serif;font-size:14px;color:var(--ui-gray-600);font-weight:500}.google-signin-btn{width:100%;min-height:56px;font-size:clamp(16px,1rem + .2vw,18px);background:white!important;color:var(--ui-gray-900)!important;border:2px solid var(--ui-gray-300)!important;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease!important;padding-inline:18px;text-wrap:balance}.google-signin-btn:hover{border-color:var(--ui-blue-main)!important;background:#F8FAFC!important}.google-icon{flex-shrink:0}.auth-footer{text-align:center;padding-top:24px;border-top:1px solid var(--ui-gray-200);margin-top:24px}.auth-footer p{font-family:var(--font-main),sans-serif;font-size:14px;color:var(--ui-gray-700);margin:0}.demo-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--ui-gray-200);text-align:center}.demo-btn{margin-bottom:12px}.demo-hint{font-family:var(--font-main),sans-serif;font-size:12px;color:var(--ui-gray-600);margin:0;line-height:1.5}.demo-hint strong{color:var(--ui-gray-700)}@media (max-width: 640px){.auth-card{padding:24px;margin:0 16px}.auth-title{font-size:28px}.auth-subtitle{font-size:14px}}@media (max-width: 480px){.auth-card{padding:20px}.auth-title{font-size:24px}.auth-divider{margin:16px 0}}.auth-signup-prompt{text-align:center;color:var(--ui-gray-600);line-height:1.5}.forgot-password-link{margin-top:8px;text-align:center}.password-section{position:relative;margin-bottom:8px}.password-strength{font-size:12px;margin-top:4px;padding:4px 8px;border-radius:4px;display:inline-block;max-width:100%}.password-strength.weak{background-color:#fee2e2;color:#dc2626}.password-strength.medium{background-color:#fef3c7;color:#d97706}.password-strength.strong{background-color:#d1fae5;color:#059669}.password-strength span{font-weight:700;text-transform:capitalize}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer p{font-family:var(--font-main),sans-serif;font-size:14px;color:var(--ui-gray-700);margin:0;line-height:1.5}.auth-footer .demo-hint{font-size:14px;color:var(--ui-gray-600)}.auth-footer .demo-hint strong{color:var(--ui-gray-700)}.recaptcha-container{margin:20px 0;text-align:center;height:30px;display:flex;flex-direction:column;justify-content:center;position:relative}.recaptcha-widget{align-self:flex-start;margin-left:0}.g-recaptcha{display:inline-block;transform:scale(.95);transform-origin:left center}.recaptcha-notice{font-size:10px;color:var(--ui-gray-600);margin-top:6px;line-height:1.3;max-width:100%;overflow-wrap:break-word;text-align:center}.success-message{text-align:center;padding:20px;border-radius:8px;margin-bottom:20px}.success-icon{width:60px;height:60px;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;margin:0 auto 20px}.success-message h3{color:#28a745;margin-bottom:10px}.success-message p{color:#666;margin-bottom:10px;line-height:1.5}.success-instructions{font-size:.9rem;color:#777;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.success-actions{justify-content:center;gap:10px;margin-top:20px}.form-description{text-align:center;color:#666;margin-bottom:20px;line-height:1.5}.auth-submit-btn{width:100%;margin-top:0;margin-left:0!important}.auth-error{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb;overflow-wrap:anywhere}.auth-error strong{font-weight:600}.turnstile-widget{width:100%;display:flex;justify-content:center;overflow:hidden}.forgot-password-success{text-align:center;padding:20px;border-radius:8px;margin-bottom:20px;background:#f0fdf4;border:1px solid #86efac}.forgot-password-success .success-icon{width:60px;height:60px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;margin:0 auto 20px}.forgot-password-success h3{color:#16a34a;margin-bottom:10px;font-size:20px}.forgot-password-success p{color:#166534;margin-bottom:10px;line-height:1.5}.forgot-password-success .success-instructions{font-size:.9rem;color:#14532d;margin-top:15px;padding-top:15px;border-top:1px solid #86efac}.forgot-password-success .email-tip{font-size:12px;margin-top:10px;color:#166534}.forgot-password-success .success-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}@media (max-width: 640px){.auth-form,.form-actions{gap:14px}.auth-submit-btn,.google-signin-btn{min-height:52px;font-size:16px}.auth-divider{gap:12px}.auth-error{padding:10px 12px;margin-bottom:16px;font-size:14px}.auth-signup-prompt,.forgot-password-link{font-size:14px}.google-signin-btn{gap:10px;padding-inline:16px}}@media (max-width: 480px){.auth-form,.form-actions{gap:12px}.auth-submit-btn,.google-signin-btn{min-height:50px;font-size:15px}.auth-link,.divider-text,.auth-signup-prompt,.forgot-password-link{font-size:13px}.auth-divider{gap:10px;margin:12px 0}.google-signin-btn{gap:8px;padding-inline:14px}.turnstile-widget{transform:scale(.92);transform-origin:center top;margin-bottom:-10px}.password-strength{display:block;width:fit-content;max-width:100%}}.dashboard{height:100%;min-height:100svh;font-family:var(--font-main),sans-serif;background:#3BA9FF;overflow:hidden;display:flex;flex-direction:column;position:relative;--dashboard-star-size: clamp(16px, 1.5vw, 24px);--dashboard-circle-size: clamp(8px, .75vw, 12px);--dashboard-bright-star-size: clamp(16px, 1.5vw, 24px);--dashboard-bang-size: clamp(48px, 5.6vw, 90px);--dashboard-cloud-size: clamp(340px, 46vw, 720px);--dashboard-float-offset: clamp(8px, 1vw, 14px);background-image:url(/src/assets/app/img/background/curved-line-bg.png);background-size:cover;background-repeat:no-repeat;background-position:center 60%}.dashboard-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.dashboard-content{position:relative;z-index:1}.bg-star{position:absolute;width:var(--dashboard-star-size);height:auto;opacity:.22;filter:drop-shadow(0 6px 18px rgba(0,0,0,.08));transform-origin:center;animation:star-float 9s ease-in-out infinite}.dashboard-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;height:auto;padding:clamp(16px,3vw,32px);text-align:center;z-index:12;position:relative;opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.34,1.2,.64,1),transform .6s cubic-bezier(.34,1.2,.64,1)}.dashboard-container.animate-rise{opacity:1;transform:translateY(0)}.hero-content{width:100%;margin-top:0;position:relative}.hero-title{font-family:var(--font-main),sans-serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:1000;color:#fff;margin:0 0 20px;text-shadow:3px 4px 0 rgba(30,41,59,.25),0 8px 16px rgba(0,0,0,.2);line-height:1;letter-spacing:-1px}.hero-subtitle{font-family:var(--font-main),sans-serif;font-size:clamp(1rem,2vw,1.625rem);font-weight:600;color:#fff!important;margin-bottom:clamp(24px,5vh,60px);text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-buttons{display:flex;gap:24px;margin-top:clamp(24px,5vh,48px);position:static;transform:none}.dashboard .btn-large{width:clamp(180px,25vw,316px);min-width:unset}@media (max-width: 768px){.hero-buttons{flex-direction:column;width:100%;gap:16px;margin-top:0}.dashboard .btn-large{width:100%}}@keyframes star-float{0%{transform:translate3d(var(--tx, 0),var(--ty, 0),0) rotate(var(--rot))}50%{transform:translate3d(var(--tx, 0),calc(var(--ty, 0) - var(--dashboard-float-offset)),0) rotate(calc(var(--rot) + 6deg))}to{transform:translate3d(var(--tx, 0),var(--ty, 0),0) rotate(var(--rot))}}.star-1{--rot: 161.12deg;top:9%;left:20%;animation-duration:10s}.star-2{--rot: -162.67deg;top:42%;left:7%;animation-duration:8.5s;animation-delay:-1.2s}.star-3{--rot: 30.38deg;--tx: -50%;left:35%;bottom:10%;animation-duration:11s;animation-delay:-2.4s}.star-4{--rot: -15.4deg;--tx: -50%;--ty: -50%;left:53%;top:22%;animation-duration:9.5s;animation-delay:-.6s}.star-5{--rot: 20.4deg;--tx: -50%;left:76%;top:38%;animation-duration:12s;animation-delay:-3s}.star-6{--rot: -26.65deg;top:63%;right:37%;animation-duration:8.8s;animation-delay:-1.8s}.star-7{--rot: -20.53deg;top:13%;right:6%;animation-duration:10.6s;animation-delay:-2.1s}.bang{position:absolute;top:50%;transform:translateY(-50%) scale(1);width:var(--dashboard-bang-size);height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:bangPulse 22.6s ease-in-out infinite}@keyframes bangPulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(.62)}to{transform:translateY(-50%) scale(1)}}.hollow-circle{position:absolute;width:var(--dashboard-circle-size);height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.9}.bright-star{position:absolute;width:var(--dashboard-bright-star-size);height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity 2.55s ease-in-out}.dashboard-cloud{position:absolute;bottom:-40px;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.dashboard-cloud--bottom{left:50%;width:var(--dashboard-cloud-size);bottom:0%;opacity:0;transform:translate(-50%,50px);transition:opacity .6s cubic-bezier(.34,1.2,.64,1),transform .6s cubic-bezier(.34,1.2,.64,1)}.dashboard-cloud--bottom.animate-fade-up{opacity:1;transform:translate(-50%)}.dashboard-cloud--bottom-left{left:0;width:var(--dashboard-cloud-size);opacity:0;transform:translate(-100%);transition:opacity .8s cubic-bezier(.34,1.2,.64,1),transform .8s cubic-bezier(.34,1.2,.64,1)}.dashboard-cloud--bottom-right{right:0;width:var(--dashboard-cloud-size);opacity:0;transform:translate(100%);transition:opacity .8s cubic-bezier(.34,1.2,.64,1),transform .8s cubic-bezier(.34,1.2,.64,1)}.dashboard-avatars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.avatar{position:absolute;width:80px;height:auto;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));opacity:0;transform:scale(1) rotate(0);will-change:transform,opacity}.avatar.animate-pop{animation:popOnEnter .4s cubic-bezier(.25,.46,.45,.94) forwards}.avatar--apple{--target-width: 137px;bottom:2%;left:4%;width:clamp(88px,9vw,137px);z-index:15}.avatar--tape{--target-width: 200px;bottom:1%;right:3%;width:clamp(120px,13vw,200px);z-index:15}.avatar--planet{--target-width: 200px;top:17%;left:10%;width:clamp(120px,13vw,200px);z-index:15}.avatar--rainbow{--target-width: 90px;top:17%;right:0;width:clamp(56px,6vw,90px);z-index:15}.avatar--apple.animate-pop{animation-delay:0s}.avatar--tape.animate-pop{animation-delay:.15s}.avatar--planet.animate-pop{animation-delay:.3s}.avatar--rainbow.animate-pop{animation-delay:.45s}@keyframes floatAvatar{0%{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(0,-10px,0) rotate(3deg) scale(1)}to{transform:translateZ(0) rotate(0) scale(1)}}.avatar.animate-float{animation:floatAvatar 6s ease-in-out infinite;opacity:1}.dashboard .modal .modal-body .form-actions{display:flex;flex-direction:column;align-items:center;width:100%}.dashboard .modal .modal-body .auth-submit-btn{width:100%;display:flex;justify-content:center;align-items:center}.dashboard .modal .modal-body .google-signin-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:12px}.dashboard .modal .modal-body .auth-divider{display:flex;justify-content:center;width:100%}.dashboard .modal .modal-body .forgot-password-link,.dashboard .modal .modal-body .auth-signup-prompt{text-align:center;width:100%}.quiz-library-page{background-attachment:fixed;position:relative;--quiz-library-rise-duration: .9s;--quiz-library-rise-ease: cubic-bezier(.2, .9, .2, 1);min-height:100vh;font-family:var(--font-main),sans-serif;background:#3BA9FF;overflow:hidden;display:flex;flex-direction:column}.quiz-library{padding:80px var(--space-6) var(--space-8);min-height:100vh;font-family:var(--font-main);z-index:1;margin:0 auto;width:100%}.quiz-library-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}@keyframes quiz-library-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.quiz-library-page .library-header,.quiz-library-page .library-filters{opacity:0;transform:translateY(18px)}.quiz-library-page.is-entered .library-header,.quiz-library-page.is-entered .library-filters{animation:quiz-library-rise-in var(--quiz-library-rise-duration) var(--quiz-library-rise-ease) 0ms both}.quiz-library-page .quizzes-grid>.quiz-card.quiz-card--enter{opacity:0;transform:translateY(18px)}.quiz-library-page.is-entered .quizzes-grid>.quiz-card.quiz-card--enter{animation:quiz-library-rise-in var(--quiz-library-rise-duration) var(--quiz-library-rise-ease) both}@media (prefers-reduced-motion: reduce){.quiz-library-page .library-header,.quiz-library-page .library-filters,.quiz-library-page .quizzes-grid>.quiz-card.quiz-card--enter{animation:none!important;opacity:1!important;transform:none!important}}.library-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px;padding:0}.header-content h1{margin-bottom:12px;color:#fff;font-size:44px;font-weight:800;line-height:1.1;text-shadow:3px 3px 0 rgba(30,41,59,.25)}.header-content p{margin:0;color:#fff;font-size:16px;font-weight:500}.create-quiz-link{background:none;border:none;color:#fff;font-weight:800;font-size:16px;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;padding:0;transition:all .15s ease}.create-quiz-link:hover{color:#fff;text-decoration-thickness:3px}.library-filters{margin-bottom:76px;display:flex;justify-content:center;padding:0 var(--space-4)}.search-section{width:100%;display:flex;justify-content:center;max-width:800px;margin:0 auto}.search-bar{display:flex;align-items:center;width:100%;min-width:0;height:56px;background:white;border-radius:var(--radius-md);border:2px solid var(--ui-blue-main);box-shadow:3px 3px #7cb7e640;overflow:hidden;padding:0}.search-input-wrapper{flex:1;position:relative;height:100%;display:flex;align-items:center;min-width:0}.search-input{width:100%;height:100%;padding:0 16px;border:none;font-size:16px;font-weight:500;font-family:"Nunito",var(--font-main),sans-serif;transition:all .3s ease;background:transparent;color:var(--ui-gray-600)}.search-input:focus{outline:none}.search-input::placeholder{color:var(--ui-gray-400);font-weight:500;font-family:"Nunito",var(--font-main),sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-dropdowns{flex-shrink:0;position:relative;height:100%}.filter-dropdown{height:100%;padding:0 28px 0 12px;border:none;font-size:14px;font-weight:600;font-family:"Nunito",var(--font-main),sans-serif;background:white;cursor:pointer;min-width:100px;color:var(--ui-gray-600);transition:all .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%23475569' 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-repeat:no-repeat;background-position:right 8px center;background-size:14px;white-space:nowrap}.filter-dropdown:focus{outline:none;background-color:var(--ui-gray-50)}.search-button{height:100%;width:56px;min-width:48px;padding:0;background:white;border:none;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-left:1px solid var(--ui-gray-200)}.search-button:before{content:"";width:20px;height:20px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23475569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');background-repeat:no-repeat;background-position:center;background-size:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search-button:hover{background:var(--ui-gray-50)}.search-button:active{transform:translateY(1px)}.quizzes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;justify-items:center;justify-content:center;max-width:1248px;margin:0 auto}.quizzes-grid.quizzes-grid--single{grid-template-columns:minmax(0,400px)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-8) var(--space-6);background:white;border-radius:var(--radius-lg);border:2px solid var(--ui-blue-light);box-shadow:var(--shadow-sm)}.empty-icon{font-size:4rem;margin-bottom:var(--space-5)}.empty-state h3{margin:0 0 var(--space-3) 0;color:var(--ui-gray-900);font-size:1.8rem;font-weight:800}.empty-state p{margin:0 0 var(--space-6) 0;color:var(--ui-gray-600);font-size:1.1rem;max-width:500px;margin-left:auto;margin-right:auto;font-weight:600}.create-first-btn{background:var(--brand-UI-yellow);color:var(--ui-gray-900);text-decoration:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);font-weight:800;border:none;cursor:pointer;font-size:1rem;box-shadow:3px 4px 0 var(--ui-gray-900);transition:all .15s ease;height:52px}.create-first-btn:hover{background:var(--brand-yellow-light);transform:translateY(-2px)}.create-first-btn:active{transform:translateY(2px);box-shadow:3px 2px 0 var(--ui-gray-900)}@media (min-width: 1400px){.quizzes-grid{margin:0 auto;justify-content:center}}@media (max-width: 1200px){.quizzes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,380px));gap:20px}.quiz-card{height:500px}.quiz-card-image{height:200px}}@media (max-width: 1024px){.library-filters{margin-bottom:60px;padding:0 var(--space-3)}.search-bar{height:52px}.filter-dropdown{font-size:13px;min-width:90px;padding:0 24px 0 10px}.search-button{width:52px;min-width:44px}}@media (max-width: 768px){.quizzes-grid{grid-template-columns:repeat(2,1fr);gap:16px;justify-items:stretch}.quiz-card{width:100%;max-width:none;min-width:0}.quiz-card-title{font-size:1.1rem}.quiz-card-description{font-size:.9rem}.quiz-card-header{margin-bottom:20px}.quiz-card-image{height:180px;margin-bottom:20px}.quiz-card-content{margin-bottom:28px}.quiz-card-buttons{gap:12px}.library-filters{margin-bottom:48px;padding:0 var(--space-3)}.search-bar{height:48px}.search-input{font-size:14px;padding:0 12px}.search-input::placeholder{font-size:14px}.filter-dropdowns{position:relative}.filter-dropdowns:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:24px;width:1px;background:var(--ui-gray-200)}.filter-dropdown{font-size:13px;min-width:85px;padding:0 22px 0 10px;background-size:12px}.search-button{width:48px;min-width:40px}.search-button:before{width:18px;height:18px}}@media (max-width: 480px){.quizzes-grid{grid-template-columns:1fr;justify-items:center}.quiz-card{width:100%;max-width:400px}.quiz-card{min-width:auto;padding:var(--space-3)}.quiz-card-image{height:160px}.quiz-card-title{font-size:1rem}.quiz-card-description{font-size:.85rem}.library-filters{margin-bottom:36px;padding:0 var(--space-2)}.search-bar{height:44px;border-radius:var(--radius-sm)}.search-input{font-size:13px;padding:0 8px}.search-input::placeholder{font-size:12px;white-space:normal}.filter-dropdown{font-size:11px;min-width:70px;padding:0 20px 0 8px;background-size:10px;font-weight:600}.search-button{width:40px;min-width:36px}.search-button:before{width:16px;height:16px}}@media (max-width: 360px){.search-bar{height:42px}.filter-dropdown{min-width:65px;font-size:10px;padding:0 18px 0 6px}.search-button{width:36px;min-width:32px}}@media (min-width: 1200px){.search-section{max-width:900px}.search-bar{height:60px}.search-input{font-size:18px;padding:0 24px}.filter-dropdown{font-size:16px;min-width:120px;padding:0 32px 0 16px;background-size:16px}.search-button{width:70px}.search-button:before{width:22px;height:22px}}.quiz-card{width:100%;max-width:400px;min-width:0;background:white;border-radius:var(--radius-lg);border:2px solid var(--ui-blue-light);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden;height:auto;min-height:480px}.quiz-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--ui-blue-main)}.quiz-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.quiz-card-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;flex:1}.quiz-tag{font-size:10px;font-weight:900;padding:4px 10px;border-radius:12px;letter-spacing:.3px;white-space:nowrap;border:2px solid #CBD5E1;color:var(--ui-gray-600);font-family:var(--font-main)}.private-tag,.draft-tag{display:none}.quiz-card-actions{display:flex;gap:var(--space-1);margin-left:var(--space-2)}.quiz-action-btn{background:none;border:2px solid #CBD5E1;padding:var(--space-1);cursor:pointer;font-size:1rem;border-radius:var(--radius-sm);transition:all .3s ease;width:28px;height:24px;display:flex;align-items:center;justify-content:center;position:relative}.quiz-action-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:all .3s ease}.quiz-action-btn.edit-btn:before{background-image:url(/assets/edit-18279fea.webp)}.quiz-action-btn.delete-btn:before{background-image:url(/assets/delete-f182bb6f.webp)}.quiz-action-btn.edit-btn:hover{border-color:var(--ui-blue-dark)}.quiz-action-btn.delete-btn:hover{border-color:var(--ui-red-dark)}.quiz-card-image{width:100%;height:auto;aspect-ratio:16 / 9;max-height:230px;border-radius:var(--radius-md);border:1px solid var(--ui-gray-100);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:28px;background:var(--ui-gray-50)}.quiz-card-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.quiz-card-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ui-gray-50)}.quiz-card-image-placeholder-text{font-size:18px;font-weight:700;color:var(--ui-gray-200)}.placeholder-image{width:80px;height:auto;opacity:.6}.quiz-card-content{display:flex;flex-direction:column;text-align:center;flex:1;margin-bottom:36px;align-items:center}.quiz-card-title{font-size:1.25rem;font-weight:800;color:var(--ui-gray-900);line-height:1.3;margin:0 0 16px;min-height:auto;display:block;max-width:100%}.quiz-card-description{font-size:.95rem;color:var(--ui-gray-600);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;min-height:auto;max-width:100%}.quiz-card-buttons{display:flex;flex-direction:column;gap:14px;margin-top:auto;width:100%;align-items:center}.quiz-card .btn-small{width:100%;height:52px;font-size:16px;border-radius:var(--radius-md);font-weight:800}.quiz-card .btn-primary{background:var(--brand-UI-yellow)!important;color:var(--ui-gray-900)!important;box-shadow:1px 1px #1e293b40!important}.quiz-card .btn-primary:hover{background:var(--brand-yellow-light)!important}.quiz-card .btn-secondary{background:var(--ui-gray-100)!important;color:var(--ui-gray-900)!important;border:2px solid var(--ui-gray-300)!important}.quiz-card .btn-secondary:hover{background:var(--ui-gray-200)!important}@media (max-width: 768px){.quiz-card{width:100%;height:auto;min-height:auto}.quiz-card-title{font-size:1.1rem}.quiz-card-description{font-size:.9rem}.quiz-card-header{margin-bottom:20px}.quiz-card-image{aspect-ratio:4 / 3;max-height:200px}.quiz-card-content{margin-bottom:28px}.quiz-card-buttons{gap:12px}}.quiz-card-image img:not(.placeholder-image){width:auto;height:100%;object-fit:cover;border-radius:var(--radius-md)}.quiz-card-image .placeholder-image{width:80px;height:auto;opacity:.6;object-fit:contain;border-radius:0}.quiz-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--ui-gray-50);border:1px solid var(--ui-gray-200);border-radius:var(--radius-md)}.games-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#3BA9FF;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;font-family:var(--font-main),sans-serif;background-image:url(/assets/curved-line-bg-6661460d.webp);background-size:cover;background-repeat:no-repeat;background-position:center 60%;animation:modalFadeIn .5s ease-out;overflow-y:auto;box-sizing:border-box;padding:8px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-bg-star{position:absolute;width:140px;height:auto;opacity:.22;filter:drop-shadow(0 6px 18px rgba(0,0,0,.08));transform-origin:center;animation:modal-star-float 9s ease-in-out infinite}@keyframes modal-star-float{0%{transform:translateZ(0) rotate(var(--rot))}50%{transform:translate3d(0,-14px,0) rotate(calc(var(--rot) + 6deg))}to{transform:translateZ(0) rotate(var(--rot))}}.modal-star-1{--rot: 161.12deg;top:5%;left:15%;width:24px;animation-duration:10s}.modal-star-2{--rot: -162.67deg;top:35%;left:5%;width:24px;animation-duration:8.5s;animation-delay:-1.2s}.modal-star-3{--rot: 30.38deg;left:30%;bottom:15%;width:24px;transform:translate(-50%);animation-duration:11s;animation-delay:-2.4s}.modal-star-4{--rot: -15.4deg;left:48%;top:18%;width:24px;transform:translate(-50%,-50%);animation-duration:9.5s;animation-delay:-.6s}.modal-star-5{--rot: 20.4deg;left:72%;top:30%;width:24px;transform:translate(-50%);animation-duration:12s;animation-delay:-3s}.modal-star-6{--rot: -26.65deg;top:58%;right:32%;width:24px;animation-duration:8.8s;animation-delay:-1.8s}.modal-star-7{--rot: -20.53deg;top:10%;right:8%;width:24px;animation-duration:10.6s;animation-delay:-2.1s}.modal-bang{position:absolute;top:50%;transform:translateY(-50%);width:80px;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:modalBangPulse 22.6s ease-in-out infinite}.modal-bang--left{top:20%;left:4%;animation-delay:0s}.modal-bang--right{top:65%;right:8%;animation-delay:1s}@keyframes modalBangPulse{0%{width:80px}50%{width:55px}to{width:80px}}.modal-hollow-circle{position:absolute;width:12px;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.9}.modal-hollow-circle--tl{top:8%;left:7%}.modal-hollow-circle--bl{bottom:28%;left:3%}.modal-hollow-circle--c{bottom:38%;left:38%;transform:translate(-50%,-50%)}.modal-hollow-circle--rc{top:30%;right:2%;transform:translateY(-50%)}.modal-hollow-circle--rb{bottom:28%;right:2%}.modal-bright-star{position:absolute;width:24px;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity 2.55s ease-in-out}.modal-bright-star.is-current,.modal-bright-star.is-next{opacity:1}.modal-bright-star:not(.is-current):not(.is-next){opacity:0}.modal-bright-star--tl{top:8%;left:32%;transform:rotate(224.14deg)}.modal-bright-star--bl{left:12%;bottom:35%;transform:rotate(-32.37deg)}.modal-bright-star--br{right:14%;bottom:28%;transform:rotate(123.3deg)}.modal-bright-star--tr{top:18%;right:7%;transform:rotate(30.71deg)}.modal-cloud{position:absolute;bottom:0;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0}.modal-cloud--bottom{left:52%;transform:translate(-50%);width:min(520px,70vw);bottom:0%;animation:modalCloudFadeUp .8s cubic-bezier(.34,1.2,.64,1) forwards;animation-delay:.1s}.modal-cloud--bottom-left{left:0;width:min(520px,70vw);transform:translate(-100%);animation:modalCloudSlideLeft .8s cubic-bezier(.34,1.2,.64,1) forwards;animation-delay:.15s}.modal-cloud--bottom-right{right:0;width:min(520px,70vw);transform:translate(100%);animation:modalCloudSlideRight .8s cubic-bezier(.34,1.2,.64,1) forwards;animation-delay:.2s}@keyframes modalCloudFadeUp{0%{opacity:0;transform:translate(-50%) translateY(50px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes modalCloudSlideLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes modalCloudSlideRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.games-modal-grid{--games-modal-card-width: 322px;--memory-match-card-max-width: 322px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:32px;align-items:center;width:100%}.games-modal-grid .game-option-card.coming-soon{pointer-events:none;isolation:isolate}.games-modal-grid .game-option-card.memory-match-card:hover{min-height:540px;transform:translateY(-8px) scale(1.03);z-index:10;position:relative}.games-modal-grid .game-option-card.coming-soon,.games-modal-grid .game-option-card.coming-soon *{transition:none!important;transform:none!important;animation:none!important}@media (max-width: 1100px){.games-modal-grid{justify-content:flex-start;align-items:stretch;overflow-x:auto;overflow-y:visible;padding-inline:max(16px,calc(50% - (var(--games-modal-card-width) / 2)));scroll-padding-inline:max(16px,calc(50% - (var(--games-modal-card-width) / 2)));padding-bottom:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.games-modal-grid::-webkit-scrollbar{display:none}}.game-option-card{height:auto;display:flex;flex-direction:column;width:var(--games-modal-card-width);flex-shrink:0}.game-option-icon{font-size:50px;margin-bottom:15px;text-align:center;transition:transform .3s ease}.game-option-card:not(.coming-soon):hover .game-option-icon{transform:scale(1.1) rotate(5deg)}.game-option-card h3{margin:10px 0;color:#1e293b;font-size:22px;font-weight:700}.game-description{color:#64748b;font-size:14px;line-height:1.5}.game-category{background:rgba(59,169,255,.1);padding:4px 12px;border-radius:20px;font-weight:600;color:#3ba9ff}.modal-hint{color:#64748b;font-size:14px;font-style:italic}.no-games-message{text-align:center;padding:60px 20px;color:#64748b}.no-games-message p{margin:10px 0;font-size:16px}body.modal-open{overflow:hidden}.modal-bottom-buttons{position:absolute;bottom:40px;left:50%;transform:translate(-50%);margin-top:clamp(24px,5vh,48px);margin-bottom:clamp(16px,3vh,32px);display:flex;justify-content:center;gap:16px;z-index:2;animation:buttonsFadeIn .5s ease-out .2s both;width:100%}.game-option-card.selected{border-color:#3ba9ff;background:linear-gradient(135deg,#f0f9ff 0%,#e6f4ff 100%);box-shadow:0 8px 20px #3ba9ff33;transform:translateY(-8px) scale(1.02)}.game-option-card.selected .game-option-icon{transform:scale(1.05)}.game-option-card.selected h3{color:#3ba9ff}.selected-badge{position:absolute;top:20px;right:20px;background:#3BA9FF;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #3ba9ff4d;animation:badgePop .3s cubic-bezier(.34,1.2,.64,1)}@keyframes badgePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (hover: hover){.game-option-card:not(.coming-soon):hover{transform:translateY(-8px) scale(1.02);border-color:#3ba9ff;box-shadow:0 20px 40px #3ba9ff33;cursor:pointer}}.game-option-card:focus-visible{outline:3px solid #3BA9FF;outline-offset:2px;transform:translateY(-4px)}.game-option-card:active:not(.coming-soon){transform:translateY(-2px) scale(.99);transition:transform .1s ease}.games-modal-content{position:relative;z-index:1;animation:modalSlideUp .4s cubic-bezier(.34,1.2,.64,1);width:100%;max-width:min(1200px,90vw);margin:0 auto;box-sizing:border-box}.modal-title-overlay{position:absolute;top:40px;left:50%;transform:translate(-50%);z-index:10;text-align:center;color:#fff;font-weight:800;width:100%;margin:0 0 32px;text-shadow:3px 4px 0 rgba(30,41,59,.25),0 8px 16px rgba(0,0,0,.2);font-family:var(--font-main),sans-serif;letter-spacing:-1px;animation:titleFadeIn .5s ease-out;font-size:clamp(28px,6vw,48px)}.game-option-card.memory-match-card{width:min(100%,var(--games-modal-card-width));max-width:var(--memory-match-card-max-width);flex-basis:min(100%,var(--games-modal-card-width));height:auto;min-height:clamp(400px,60vh,487px);background:white;border-radius:20px;box-shadow:0 3px 3px #7cb7e6;padding:clamp(8px,2vw,12px);text-align:center;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.34,1.2,.64,1);position:relative}.memory-match-play-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.34,1.2,.64,1);z-index:10;margin:0}@media (hover: hover) and (pointer: fine){.game-option-card.memory-match-card:hover{min-height:540px;transform:translateY(-8px) scale(1.03);z-index:10}.game-option-card.memory-match-card:hover .button-wrapper{opacity:1;visibility:visible;transform:translateY(0);height:46px;margin-top:12px}.game-option-card.memory-match-card:hover .button-wrapper .play-now-btn{opacity:1}}.game-option-card.coming-soon:hover{min-height:487px;transform:none}@media (hover: hover){.game-option-card.memory-match-card:hover{min-height:clamp(440px,65vh,540px)}.game-option-card.memory-match-card:hover .memory-match-play-btn{opacity:1;transform:translate(-50%);visibility:visible;pointer-events:auto}}.memory-match-play-btn:hover{transform:translate(-50%) translateY(-2px)}.game-option-card.memory-match-card:focus-visible{outline:3px solid var(--ui-blue-main);outline-offset:2px}.memory-match-bg{position:relative;width:100%;aspect-ratio:298 / 369;border-radius:20px;overflow:hidden;margin:0 auto;flex-shrink:0}.memory-match-bg-img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.memory-match-left-card{position:absolute;top:15%;left:15%;width:100px;height:auto;z-index:1;transition:transform .3s ease;pointer-events:none}.memory-match-right-card{position:absolute;top:9%;right:15%;width:100px;height:auto;z-index:1;transition:transform .3s ease;pointer-events:none}.memory-match-cherry{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:140px;height:auto;z-index:1;transition:transform .3s ease;pointer-events:none}.memory-match-content{padding:0;text-align:center;display:flex;flex-direction:column;background:white;flex:1;justify-content:space-between;transition:all .3s ease}.memory-match-card h3{font-size:clamp(20px,5vw,28px);font-weight:800;color:var(--ui-gray-900);margin-bottom:4px;padding-bottom:12px;border-bottom:1px solid var(--ui-gray-200);font-family:var(--font-main)}.memory-match-card .game-description{font-size:clamp(12px,3vw,14px);color:var(--ui-gray-600);line-height:1.5}.memory-match-content>div:first-child{flex:0 1 auto;display:flex;flex-direction:column;justify-content:flex-start;transition:all .3s ease}.memory-match-card .game-category{background:rgba(124,183,230,.1);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--ui-blue-main)}.memory-match-card .game-teams{font-size:12px;color:var(--ui-gray-600);padding:4px 12px;background:var(--ui-gray-100);border-radius:20px}.game-option-card.memory-match-card .coming-soon-badge,.game-option-card.memory-match-card .selected-badge{position:absolute;top:12px;right:12px;z-index:2}.game-option-card.memory-match-card .play-now-btn{background:var(--brand-UI-yellow);color:var(--ui-gray-900, #1e293b);width:100%;height:46px;font-size:16px;border-radius:var(--radius-md, 8px);font-weight:800;border:none;cursor:pointer}.game-option-card.memory-match-card .play-now-btn:hover{background:var(--brand-yellow-light)}.game-option-card.memory-match-card .button-wrapper{opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s cubic-bezier(.34,1.2,.64,1);margin-top:0;overflow:hidden;height:0;padding:0}@media (hover: hover){.game-option-card.memory-match-card:hover .button-wrapper{opacity:1;visibility:visible;transform:translateY(0);height:46px;margin-top:12px}}.button-wrapper .play-now-btn{width:100%;height:46px;opacity:0;transition:opacity .3s ease .15s}@media (hover: hover){.game-option-card.memory-match-card:hover .button-wrapper .play-now-btn{opacity:1}}.button-wrapper{display:block;width:100%}@media (hover: none){.game-option-card.memory-match-card .button-wrapper{display:none}.game-option-card.memory-match-card{min-height:clamp(400px,60vh,487px)}}@media (max-width: 1024px){.games-modal-grid .game-option-card.memory-match-card:hover,.game-option-card.memory-match-card:hover{min-height:clamp(400px,60vh,487px);transform:none;z-index:auto}.game-option-card.memory-match-card .button-wrapper{opacity:1;visibility:visible;transform:translateY(0);margin-top:12px;height:46px;padding:0;overflow:visible;display:block}.game-option-card.memory-match-card .button-wrapper .play-now-btn{opacity:1}}.game-option-card.coming-soon{width:var(--games-modal-card-width);min-height:clamp(400px,60vh,487px);background:white;border-radius:20px;box-shadow:0 3px 3px #7cb7e6;padding:clamp(8px,2vw,12px);text-align:center;display:flex;flex-direction:column;cursor:default;overflow:hidden;position:relative;transition:none;pointer-events:none;transform:none}.game-option-card.coming-soon,.game-option-card.coming-soon *{transition:none}.game-option-card.coming-soon .coming-soon-image-container{position:relative;width:100%;aspect-ratio:298 / 369;border-radius:20px;overflow:hidden;margin:0 auto;flex-shrink:0}.game-option-card.coming-soon .coming-soon-content{padding:16px 8px 8px;text-align:center;background:white;flex:1;display:flex;flex-direction:column;justify-content:space-between}.coming-soon-content h3{font-size:clamp(20px,5vw,28px);font-weight:800;color:#1e293b;margin:0 0 12px;padding-bottom:12px;font-family:var(--font-main),sans-serif}.coming-soon-content .game-description{font-size:clamp(12px,3vw,14px);color:#64748b;line-height:1.5;margin:0}.game-option-card.coming-soon .button-wrapper{display:none}@media (max-width: 768px){.games-modal-grid{--games-modal-card-width: min(300px, calc(100vw - 64px))}.games-modal-content{width:100%;max-width:100%;padding:0}.modal-title-overlay{margin-bottom:16px}.games-modal-grid{gap:16px;align-items:stretch;height:100%}.memory-match-left-card,.memory-match-right-card{width:clamp(35px,10vw,60px)}.memory-match-cherry{width:clamp(45px,12vw,80px)}.game-option-card.memory-match-card .play-now-btn{height:40px;font-size:14px}.game-option-card.memory-match-card{width:var(--games-modal-card-width);min-height:100%;height:100%}.modal-bg-star.modal-star-2,.modal-bg-star.modal-star-6,.modal-hollow-circle--bl,.modal-hollow-circle--rc,.modal-bang--right{display:none}.modal-bang--left{width:40px;top:10%}.modal-cloud--bottom-left,.modal-cloud--bottom-right{width:min(200px,40vw)}.modal-bright-star{width:16px}.modal-hollow-circle{width:8px}}@media (max-width: 480px){.games-modal-grid{--games-modal-card-width: min(260px, calc(100vw - 48px))}.modal-title-overlay{margin-bottom:12px}.games-modal-grid{gap:12px}.modal-bg-star.modal-star-3,.modal-bg-star.modal-star-5,.modal-hollow-circle--c{display:none}.modal-bottom-buttons{gap:12px}.modal-bottom-buttons button{padding:8px 20px;font-size:14px}}@media (max-width: 900px) and (orientation: landscape){.modal-title-overlay{font-size:24px;margin-bottom:8px}.game-option-card.memory-match-card{min-height:380px}.modal-bottom-buttons{margin-top:12px;margin-bottom:8px}.games-modal-grid{--games-modal-card-width: 220px;gap:12px}.game-option-card.memory-match-card,.game-option-card.coming-soon{min-height:300px}.memory-match-bg{max-height:180px}.modal-bottom-buttons{bottom:12px}}@media (orientation: landscape) and (max-width: 950px) and (max-height: 500px){.games-modal-overlay{justify-content:center;padding:28px 8px 42px}.games-modal-content{display:flex;align-items:center;justify-content:center;max-width:100%;min-height:min(320px,calc(100dvh - 82px));padding-top:0}.modal-title-overlay{top:6px;font-size:clamp(20px,3vw,24px);margin-bottom:0;letter-spacing:-.5px}.games-modal-grid{--games-modal-card-width: min(192px, calc(100vw - 44px));align-items:center;gap:12px;padding-inline:max(10px,calc(50% - (var(--games-modal-card-width) / 2)));scroll-padding-inline:max(10px,calc(50% - (var(--games-modal-card-width) / 2)));padding-bottom:4px}.game-option-card.memory-match-card,.game-option-card.coming-soon{min-height:268px;border-radius:18px;padding:8px}.memory-match-bg,.game-option-card.coming-soon .coming-soon-image-container{border-radius:18px;max-height:150px}.memory-match-content{gap:6px}.memory-match-card h3,.coming-soon-content h3{font-size:20px;margin-bottom:2px;padding-bottom:8px}.memory-match-card .game-description,.coming-soon-content .game-description{font-size:12px;line-height:1.35}.game-option-card.memory-match-card .play-now-btn{height:40px;font-size:13px}.game-option-card.memory-match-card .button-wrapper{margin-top:8px;height:40px}.button-wrapper .play-now-btn{height:40px}.memory-match-left-card,.memory-match-right-card{width:44px}.memory-match-cherry{width:58px;bottom:12px}.game-option-card.memory-match-card .coming-soon-badge,.game-option-card.memory-match-card .selected-badge{top:8px;right:8px}.coming-soon-content{padding:12px 6px 6px}.modal-bottom-buttons{bottom:6px;margin-top:8px;margin-bottom:0;gap:10px}.modal-bottom-buttons .btn-medium{min-height:34px;min-width:100px;padding:6px 16px;font-size:12px;border-radius:10px;box-shadow:2px 3px #1e293b}.modal-bg-star,.modal-bang,.modal-hollow-circle,.modal-bright-star{transform:scale(.8)}.modal-cloud--bottom-left,.modal-cloud--bottom-right{width:min(140px,24vw)}.modal-cloud--bottom{width:min(280px,42vw)}}@media (orientation: landscape) and (max-width: 950px) and (max-height: 430px){.games-modal-overlay{padding:24px 6px 36px}.games-modal-content{min-height:min(286px,calc(100dvh - 60px));padding-top:0}.modal-title-overlay{font-size:18px;top:6px}.games-modal-grid{--games-modal-card-width: 176px;gap:10px;padding-bottom:4px}.game-option-card.memory-match-card,.game-option-card.coming-soon{min-height:242px;padding:7px}.memory-match-bg,.game-option-card.coming-soon .coming-soon-image-container{max-height:132px}.memory-match-card h3,.coming-soon-content h3{font-size:18px;padding-bottom:6px}.memory-match-card .game-description,.coming-soon-content .game-description{font-size:11px;line-height:1.3}.game-option-card.memory-match-card .button-wrapper,.button-wrapper .play-now-btn,.game-option-card.memory-match-card .play-now-btn{height:36px}.game-option-card.memory-match-card .play-now-btn{font-size:12px}.memory-match-left-card,.memory-match-right-card{width:40px}.memory-match-cherry{width:50px;bottom:10px}.modal-bottom-buttons .btn-medium{min-height:32px;min-width:92px;padding:5px 14px;font-size:11px;box-shadow:2px 2px #1e293b}.modal-cloud,.modal-bang,.modal-hollow-circle--c,.modal-hollow-circle--rb{display:none}}@media (min-width: 769px) and (max-width: 1024px){.games-modal-grid{--games-modal-card-width: 300px;gap:24px}}.memory-match-bg-img,.coming-soon-image{width:100%;height:100%;object-fit:cover;object-position:center}@media (hover: hover){.game-option-card.memory-match-card:hover .memory-match-left-card{transform:translate(-5px) rotate(-5deg)}.game-option-card.memory-match-card:hover .memory-match-right-card{transform:translate(5px) rotate(5deg)}.game-option-card.memory-match-card:hover .memory-match-cherry{transform:translate(-50%) scale(1.1)}}.giphy-picker-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.giphy-picker-content{background:white;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.giphy-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.giphy-header h3{margin:0;font-size:1.5rem}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-btn:hover{background:#f0f0f0;color:#333}.giphy-search{padding:20px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee}.giphy-search form{flex:1;display:flex;gap:10px}.giphy-search-input{flex:1;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:16px}.giphy-search-input:focus{outline:none;border-color:#0cf}.giphy-search-btn,.trending-btn{padding:12px 24px;background:#00ccff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.giphy-search-btn:hover,.trending-btn:hover{background:#00b8e6}.trending-btn{background:#6c63ff}.trending-btn:hover{background:#5a52d5}.giphy-grid-container{flex:1;overflow-y:auto;padding:20px}.giphy-loading,.giphy-empty{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:18px}.giphy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.giphy-item{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s ease}.giphy-item:hover{border-color:#0cf;transform:scale(1.05)}.giphy-item img{width:100%;height:150px;object-fit:cover;display:block}.description-group{display:flex;flex-direction:column;gap:4px;width:100%}.description-group label{font-size:15px;font-weight:700;color:var(--ui-gray-900)}.description-group textarea{height:120px;min-height:70px;padding:12px 12px 12px 16px;border-radius:var(--radius-sm);border:1px solid var(--ui-gray-300);font-size:16px;font-family:var(--font-main);box-shadow:1px 1px #7cb7e640;transition:all .2s ease;resize:none;line-height:1.5;overflow-y:auto;width:100%}.description-group textarea:hover{border-color:var(--ui-blue-main);box-shadow:3px 3px #7cb7e640;transition:all .3s ease}.description-group textarea:focus{border-color:var(--ui-blue-main);box-shadow:3px 3px #7cb7e640;outline:none}.description-group textarea.error{border-color:var(--ui-red-main)}.error-message{color:var(--ui-red-main);font-size:12px}.description-group textarea{scrollbar-width:thin;scrollbar-color:var(--ui-gray-300) transparent}.description-group textarea::-webkit-scrollbar{width:6px}.description-group textarea::-webkit-scrollbar-track{background:transparent}.description-group textarea::-webkit-scrollbar-thumb{background-color:var(--ui-gray-300);border-radius:3px}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.success-modal{background:white;border-radius:16px;padding:40px 32px 32px;max-width:400px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease;text-align:center}.success-modal-icon{margin-bottom:20px;animation:scaleIn .5s ease}.success-modal-icon svg{animation:checkmark .5s ease}.success-modal-title{color:var(--ui-gray-900);font-size:24px;font-weight:700;margin-bottom:12px;line-height:1.3}.success-modal-message{color:var(--ui-gray-600);font-size:16px;line-height:1.5;margin-bottom:28px}.success-modal-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.success-modal-button{background:var(--ui-green-main);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:160px}.success-modal-button:hover{background:var(--ui-green-dark);transform:translateY(-2px);box-shadow:0 4px 12px #7ed9934d}.success-modal-button:active{transform:translateY(0)}.success-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:var(--ui-gray-400);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.success-modal-close:hover{background:var(--ui-gray-100);color:var(--ui-gray-900)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.quiz-editor-page{min-height:100vh;background-color:#3ba9ff;overflow-x:hidden;position:relative}.quiz-editor-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bg-star{position:absolute;width:140px;height:auto;opacity:.22;filter:drop-shadow(0 6px 18px rgba(0,0,0,.08));transform-origin:center;animation:quiz-star-float 9s ease-in-out infinite}.star-1{--rot: 161.12deg;top:9%;left:20%;width:24px;animation-duration:10s}.star-2{--rot: -162.67deg;top:42%;left:7%;width:24px;animation-duration:8.5s;animation-delay:-1.2s}.star-3{--rot: 30.38deg;left:35%;bottom:10%;width:24px;transform:translate(-50%);animation-duration:11s;animation-delay:-2.4s}.star-4{--rot: -15.4deg;left:53%;top:22%;width:24px;transform:translate(-50%,-50%);animation-duration:9.5s;animation-delay:-.6s}.star-5{--rot: 20.4deg;left:76%;top:38%;width:24px;transform:translate(-50%);animation-duration:12s;animation-delay:-3s}.star-6{--rot: -26.65deg;top:63%;right:37%;width:24px;animation-duration:8.8s;animation-delay:-1.8s}.star-7{--rot: -20.53deg;top:13%;right:6%;width:24px;animation-duration:10.6s;animation-delay:-2.1s}.bang{position:absolute;top:50%;transform:translateY(-50%);width:90px;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:quiz-bangPulse 22.6s ease-in-out infinite}.bang--left{top:25%;left:6%;animation-delay:0s}.bang--right{top:68%;right:12%;animation-delay:1s}.hollow-circle{position:absolute;width:12px;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.9}.hollow-circle--tl{top:9%;left:8%}.hollow-circle--bl{bottom:23%;left:4%}.hollow-circle--c{bottom:33%;left:40%;transform:translate(-50%,-50%)}.hollow-circle--rc{top:35%;right:3%;transform:translateY(-50%)}.hollow-circle--rb{bottom:23%;right:3%}.bright-star{position:absolute;width:24px;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity 2.55s ease-in-out}.bright-star:not(.is-current):not(.is-next){opacity:0}.bright-star--tl{top:10%;left:35%;transform:rotate(224.14deg)}.bright-star--bl{left:15%;bottom:32%;transform:rotate(-32.37deg)}.bright-star--br{right:17%;bottom:24%;transform:rotate(123.3deg)}.bright-star--tr{top:22%;right:9%;transform:rotate(30.71deg)}.dashboard-cloud{position:absolute;bottom:0;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.dashboard-cloud--bottom{width:min(720px,80vw);bottom:0%;transform:translate(-50%)}.dashboard-cloud--bottom-left{left:0;width:min(520px,70vw)}.dashboard-cloud--bottom-right{right:0;width:min(520px,70vw)}.dashboard-cloud--bottom-left{opacity:0;transform:translate(-100%);transition:opacity .8s cubic-bezier(.34,1.2,.64,1),transform .8s cubic-bezier(.34,1.2,.64,1)}.dashboard-cloud--bottom-left.animate-slide-left{opacity:1;transform:translate(0)}.dashboard-cloud--bottom-right{opacity:0;transform:translate(100%);transition:opacity .8s cubic-bezier(.34,1.2,.64,1),transform .8s cubic-bezier(.34,1.2,.64,1)}.dashboard-cloud--bottom-right.animate-slide-right{opacity:1;transform:translate(0)}.dashboard-cloud--bottom{opacity:0;transform:translateY(50px);transition:opacity .6s cubic-bezier(.34,1.2,.64,1),transform .6s cubic-bezier(.34,1.2,.64,1)}.dashboard-cloud--bottom.animate-fade-up{opacity:1}.dashboard-cloud--center-right{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(300px,40vw);height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate(100%) translateY(-50%);transition:opacity .8s cubic-bezier(.34,1.2,.64,1),transform .8s cubic-bezier(.34,1.2,.64,1)}.dashboard-cloud--center-right.animate-slide-right{opacity:1;transform:translate(0) translateY(-50%)}.dashboard-cloud--center-left{position:absolute;left:0;top:50%;transform:translateY(-50%);width:min(300px,40vw);height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate(-100%) translateY(-50%);transition:opacity .8s cubic-bezier(.34,1.2,.64,1),transform .8s cubic-bezier(.34,1.2,.64,1)}.dashboard-cloud--center-left.animate-slide-left{opacity:1;transform:translate(0) translateY(-50%)}.quiz-avatar{position:absolute;width:80px;height:auto;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));opacity:1}.quiz-avatar--moon{top:16%;left:5%;width:72px;animation:quiz-avatar-float 6s ease-in-out infinite}.quiz-avatar--ufo{top:28%;right:5%;width:200px;animation:quiz-avatar-float 6.5s ease-in-out infinite 1s}.quiz-avatar--heart{bottom:9%;left:3%;width:115px;animation:quiz-avatar-float 7s ease-in-out infinite .5s}.quiz-avatar--mushroom{bottom:1%;right:2%;width:165px;animation:quiz-avatar-float 7.5s ease-in-out infinite .3s}@keyframes quiz-avatar-float{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-10px,0) rotate(3deg)}to{transform:translateZ(0) rotate(0)}}@keyframes quiz-star-float{0%{transform:translateZ(0) rotate(var(--rot))}50%{transform:translate3d(0,-14px,0) rotate(calc(var(--rot) + 6deg))}to{transform:translateZ(0) rotate(var(--rot))}}.quiz-editor-avatars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.quiz-avatar{position:absolute;height:auto;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));opacity:0;transform:scale(0) rotate(-30deg);transition:none}.quiz-avatar.animate-pop{animation:popOnEnter .5s .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes popOnEnter{0%{opacity:0;transform:scale(0) rotate(-30deg)}10%{opacity:1}40%{transform:scale(1.25) rotate(4deg)}55%{transform:scale(1.12) rotate(2deg)}70%{transform:scale(1.05) rotate(1deg)}82%{transform:scale(1.02) rotate(.5deg)}90%{transform:scale(.99) rotate(-.2deg)}95%{transform:scale(1.008) rotate(.1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.quiz-avatar.animate-float{animation:floatAvatar 6s ease-in-out infinite;opacity:1;transform:scale(1) rotate(0)}@keyframes floatAvatar{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-10px,0) rotate(3deg)}to{transform:translateZ(0) rotate(0)}}@keyframes quiz-bangPulse{0%{width:90px}50%{width:55px}to{width:90px}}.quiz-editor-page .quiz-editor{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.editor-form,.questions-grid-sidebar{position:relative;z-index:2}.quiz-editor{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 72px);padding:20px;position:relative;z-index:2}.auth-required{text-align:center;padding:60px 20px;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-required h2{color:var(--ui-red-main);margin-bottom:var(--space-4)}.auth-required button{background:var(--ui-blue-main);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.auth-required button:hover{background:var(--ui-blue-dark);transform:translateY(-2px)}.editor-form{background:white;border:1px solid var(--ui-gray-600);border-radius:var(--radius-lg);padding:var(--space-8);padding-bottom:48px;padding-top:48px;box-shadow:var(--shadow-md);width:604px;margin:16px;overflow:hidden;display:flex;flex-direction:column}.step-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.step-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px;position:relative;width:100%;gap:20px}.back-btn{min-width:100px;height:40px;background:none;border:none;color:var(--ui-blue-main);font-size:16px;font-weight:600;cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:absolute;left:0;z-index:1}.back-btn:hover{background:var(--ui-gray-100);color:var(--ui-blue-dark)}.step-header h1{color:var(--ui-gray-900);margin:0;font-size:24px;font-weight:800;text-align:center;width:100%;position:relative;flex:1}.step-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.step-content>*{width:100%;display:flex;flex-direction:column;align-items:center}.form-fields-container{width:100%;max-width:438px;display:flex;flex-direction:column;gap:24px;align-items:center}.step-content .input-group,.step-content .subject-select-wrapper,.step-content .checkbox-group,.step-content .thumbnail-upload-section{width:100%;max-width:438px;display:flex;flex-direction:column;align-items:center}.thumbnail-upload-section label{font-size:15px;font-weight:700;color:var(--ui-gray-900);padding-bottom:28px}.subject-select-wrapper label{font-size:15px;font-weight:700;color:var(--ui-gray-900)}.step-content label{width:100%;text-align:left}.step-content input,.step-content select,.step-content textarea{width:100%}.thumbnail-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.input-group{max-width:438px}.subject-select{width:100%;height:48px;padding:12px 16px;border:1px solid var(--ui-gray-300);border-radius:var(--radius-sm);font-size:16px;color:var(--ui-gray-600);font-family:var(--font-main);transition:all .2s ease;background:white;box-shadow:1px 1px #7cb7e640;-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%23374151' 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-repeat:no-repeat;background-position:right 16px center;background-size:16px;cursor:pointer}.subject-select:hover{border-color:var(--ui-blue-main);box-shadow:3px 3px #7cb7e640;transition:all .3s ease}.subject-select:focus{border-color:var(--ui-blue-main);box-shadow:3px 3px #7cb7e640;outline:none}.checkbox-label{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3);cursor:pointer;margin-bottom:var(--space-2);width:100%;max-width:438px;text-align:left}.checkbox-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:3px 0 0;width:18px;height:18px;flex-shrink:0;border:2px solid var(--ui-gray-300);border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease;position:relative}.checkbox-label input[type=checkbox]:checked{background-color:var(--ui-blue-main);border-color:var(--ui-blue-main)}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label small{font-size:12px;color:var(--ui-gray-600);margin-left:0;line-height:1.4;font-weight:400;text-align:left;display:block}.checkbox-group{width:100%;max-width:438px;display:flex;flex-direction:column;align-items:flex-start}.step-content .checkbox-group{align-items:flex-start}.step-actions{display:flex;justify-content:center;width:100%;max-width:438px}.next-btn{padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-sm);font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;width:100%;height:56px}.next-btn{background:var(--ui-blue-main);color:#fff}.next-btn:hover:not(:disabled){background:var(--ui-blue-dark)}.question-editor{display:flex;flex-direction:column;gap:var(--space-6)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.question-header h3{color:var(--ui-gray-900);margin:0;font-size:1.3rem}.remove-question-btn{background:var(--ui-red-main);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:background .3s ease}.remove-question-btn:hover{background:var(--ui-red-dark)}.answer-type-section{margin:0}.tab-btn.active{background:var(--ui-blue-light);color:var(--ui-gray-600);box-shadow:0 2px 4px #7cb7e633}.options-section{margin:0}.option-item{background:white;padding:var(--space-4);border-radius:var(--radius-sm);border:2px solid var(--ui-gray-200);transition:border-color .3s ease}.option-item.multiple-choice:has(.correct-badge){border-color:var(--ui-green-main);background:rgba(126,217,147,.05)}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-weight:600;color:var(--ui-gray-900);font-size:14px}.remove-option-btn{background:var(--ui-red-main);color:#fff;border:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:background .3s ease}.remove-option-btn:hover{background:var(--ui-red-dark)}.correct-answer-controls{display:flex;gap:var(--space-2)}.mark-correct-btn,.remove-correct-btn{padding:4px 8px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease;font-weight:600;white-space:nowrap}.remove-correct-btn{background:var(--ui-green-main);color:#fff}.remove-correct-btn:hover{background:var(--ui-green-dark)}.option-item input[type=text]{width:100%;padding:var(--space-3);border:1px solid var(--ui-gray-300);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-main)}.option-item input[type=text]:focus{outline:none;border-color:var(--ui-blue-main)}.correct-badge{background:var(--ui-green-main);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;margin-top:var(--space-2);text-align:center}.add-option-btn{background:var(--ui-blue-main);color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;margin-bottom:var(--space-4);width:100%}.add-next-question-btn{background:white;color:var(--ui-blue-main);border:2px solid var(--ui-blue-main);padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.questions-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.questions-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.question-text{flex:1;color:var(--ui-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-quiz-btn{background:var(--ui-blue-main);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto;width:100%}.create-quiz-btn--inline{margin-top:0}.create-quiz-btn:hover:not(:disabled){background:var(--ui-blue-dark);transform:translateY(-2px)}.thumbnail-upload-section{margin-top:var(--space-2)}.thumbnail-preview{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding-top:32px}.thumbnail-preview img{max-width:200px;max-height:150px;border-radius:var(--radius-sm);border:2px solid var(--ui-gray-300);object-fit:cover}.remove-thumbnail-btn{background:var(--ui-red-main);color:#fff;border:none;padding:var(--space-2) var(--space-4);margin-left:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:all .3s ease}.remove-thumbnail-btn:hover{background:var(--ui-red-dark);transform:translateY(-1px)}.thumbnail-upload-options{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%;max-width:438px}.upload-option{display:flex;flex-direction:column}.upload-options-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:438px}.upload-divider{display:flex;align-items:center;justify-content:center;padding:0 8px}.upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 14px;border:none;border-radius:10px;background:#FFFFFF;cursor:pointer;transition:all .3s ease;text-align:center;max-height:124px;max-width:160px;width:100%;overflow:hidden;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='10' fill='none' stroke='%237CB7E6' stroke-width='4' stroke-dasharray='10,10' stroke-linecap='round'/%3E%3C/svg%3E");background-clip:padding-box}.upload-btn:hover{border-color:var(--ui-blue-main);background:var(--ui-blue-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='10' fill='none' stroke='%237CB7E6' stroke-width='4' stroke-dasharray='10,10' stroke-linecap='round'/%3E%3C/svg%3E");transform:translateY(-1px)}.upload-icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.cloud-svg-icon{width:48px;height:48px;object-fit:contain;transition:all .3s ease;filter:invert(55%) sepia(60%) saturate(576%) hue-rotate(168deg) brightness(92%) contrast(87%)}.upload-btn:hover .cloud-svg-icon{transform:translateY(-2px);filter:invert(37%) sepia(78%) saturate(464%) hue-rotate(168deg) brightness(91%) contrast(85%)}.upload-text strong{display:block;text-align:center;margin-bottom:var(--space-1);color:var(--ui-gray-600);font-size:14px;font-weight:500}.upload-text small{color:var(--ui-blue-main);text-align:center;font-size:12px;line-height:1.3;font-weight:500;display:block}@media (max-width: 768px){.quiz-editor-page{min-height:100vh}.quiz-editor{min-height:calc(100vh - 72px);padding:var(--space-2)}.step-actions{flex-direction:column;gap:var(--space-3)}.next-btn{width:100%}.questions-sidebar{order:-1}.answer-type-tabs{flex-direction:column}.option-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.thumbnail-preview img{max-width:150px;max-height:120px}.upload-btn{min-height:120px;padding:var(--space-4)}}.upload-btn.drag-over{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect width='100%25' height='100%25' rx='10' fill='none' stroke='%237ED993' stroke-width='4' stroke-dasharray='10,10' stroke-linecap='round'/%3E%3C/svg%3E");background-color:#7ed9930d;border-color:var(--ui-green-main)}.delete-question-btn,.option-delete-btn{display:flex;align-items:center;gap:6px;background:white;border:2px solid var(--ui-red-main);border-radius:var(--radius-sm);color:var(--ui-red-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:40px;justify-content:center;height:40px;position:absolute;right:0}.delete-question-btn:hover:not(:disabled),.option-delete-btn:hover:not(:disabled){background:var(--ui-red-main);color:#fff}.delete-question-btn:disabled,.option-delete-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--ui-gray-300);color:var(--ui-gray-400);transform:none}.delete-question-btn:disabled:hover,.option-delete-btn:disabled:hover{background:white;color:var(--ui-gray-400);border-color:var(--ui-gray-300)}.option-delete-btn{padding:8px}.delete-question-btn .btn-text{font-size:14px;font-weight:600}.editor-form.step3-form{flex:1;background:white;border-radius:var(--radius-lg);border:1px solid var(--ui-gray-600);padding:var(--space-6);box-shadow:var(--shadow-md);overflow:hidden}.step3-sidebar{width:329px;height:341px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4)}.step3-section{flex:1;display:flex;flex-direction:column}.question-editor-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.question-number h2{color:var(--ui-gray-900);margin:0 0 24px;font-size:20px;font-weight:700}.question-editor{flex:1;display:flex;flex-direction:column;gap:24px}.question-input-section label,.answer-type-section label{display:block;font-size:15px;font-weight:700;color:var(--ui-gray-900);margin-bottom:8px}.answer-type-tabs{display:flex;background:var(--ui-gray-100);border-radius:var(--radius-sm);padding:4px;margin-bottom:16px;gap:4px}.tab-btn{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;color:var(--ui-gray-600)}.tab-content{background:white;padding:20px;border-radius:var(--radius-sm);border:2px solid var(--ui-gray-200);margin-top:4px}.choose-answer-hint{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;border:1px solid #bfe3ff;border-radius:12px;background:linear-gradient(180deg,#f5fbff 0%,#edf7ff 100%);color:var(--ui-gray-800)}.choose-answer-hint__icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#7ed993;color:#fff;box-shadow:0 6px 14px #7ed99347}.choose-answer-hint__text{font-size:14px;line-height:1.45}.choose-answer-hint__text strong{color:var(--ui-blue-dark);margin-right:4px}.options-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.option-item{display:flex;flex-direction:column;gap:4px}.option-label{font-size:14px;font-weight:600;color:var(--ui-gray-900)}.option-input-row{display:flex;gap:8px;align-items:center}.option-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.option-input{flex:1;padding:10px 12px;border:1px solid var(--ui-gray-300);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-main)}.option-input:focus{outline:none;border-color:var(--ui-blue-main)}.mark-correct-btn{width:40px;height:40px;border:2px solid var(--ui-gray-300);background:white;color:var(--ui-gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mark-correct-btn.correct{background:var(--ui-green-main);color:#fff;border:2px solid var(--ui-green-main)}.mark-correct-btn:hover{transform:translateY(-1px)}.add-option-btn{background:var(--ui-blue-main);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;align-self:flex-start}.add-option-btn:hover{background:var(--ui-blue-dark)}.question-thumbnail-section{margin-top:0}.question-thumbnail-section label{display:block;font-size:15px;font-weight:700;color:var(--ui-gray-900);margin-bottom:8px}.upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;border:2px dashed var(--ui-blue-main);border-radius:10px;background:rgba(124,183,230,.05);cursor:pointer;transition:all .3s ease;text-align:center;min-height:120px;width:100%}.upload-btn:hover{background:rgba(124,183,230,.1);border-color:var(--ui-blue-dark)}.upload-btn.drag-over{background:rgba(126,217,147,.1);border-color:var(--ui-green-main)}.upload-text small{color:var(--ui-gray-600);font-size:12px}.add-next-question-btn{background:white;color:var(--ui-blue-main);border:2px solid var(--ui-blue-main);padding:16px 24px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto}.add-next-question-btn:hover{background:var(--ui-blue-main);color:#fff;transform:translateY(-2px)}.questions-grid-sidebar{width:329px;flex-shrink:0;background:white;border-radius:var(--radius-lg);border:1px solid var(--ui-gray-600);box-shadow:var(--shadow-md);position:fixed;top:50%;transform:translateY(-50%);right:20px;z-index:100;max-height:80vh;overflow-y:auto}.sidebar-content{padding:16px;height:100%;display:flex;flex-direction:column;min-height:341px}.sidebar-content h3{color:var(--ui-gray-900);margin:0 0 16px;font-size:18px;font-weight:700}.questions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:24px;flex:1;align-content:start;max-height:300px;padding-right:4px}.question-grid-item{width:40px;height:40px;border:2px solid var(--ui-gray-300);background:var(--ui-gray-100);border-radius:8px;color:var(--ui-gray-600);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}.question-grid-item:hover{border-color:var(--ui-blue-main);color:var(--ui-blue-main)}.question-grid-item.active{background:var(--brand-yellow-light)!important;color:var(--ui-gray-900)!important;border-color:var(--brand-yellow)!important;box-shadow:0 2px 4px #fbbf2433!important}.question-grid-item.incomplete{border-color:var(--ui-red-main);color:var(--ui-red-main);background:var(--ui-gray-100)}.add-question-btn{width:40px;height:40px;border:2px solid var(--ui-green-light);background:var(--ui-green-light);border-radius:8px;color:var(--ui-green-dark);font-weight:600;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit;grid-column:span 1}.question-grid-item.placeholder:hover{border-color:var(--ui-gray-300);color:var(--ui-gray-600);transform:none}.create-quiz-btn{background:var(--ui-blue-main);color:#fff;border:none;padding:16px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;height:56px;margin-top:auto}.create-quiz-btn:hover:not(:disabled){background:var(--ui-green-main);border-color:var(--ui-green-main);transform:translateY(-1px);box-shadow:0 2px 4px #7ed99333}.create-quiz-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.quiz-editor{flex-direction:column;align-items:center;gap:16px}.editor-form,.questions-grid-sidebar{width:100%;max-width:800px}.questions-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width: 768px){.quiz-editor{padding:16px}.sidebar-content{padding:20px}.questions-grid{grid-template-columns:repeat(6,1fr)}.answer-type-tabs{flex-direction:column}.tab-btn{width:100%}}.quiz-editor.step3-layout{display:flex;justify-content:center;width:100%;max-width:1200px;margin:0 auto;position:relative}.quiz-editor.step3-layout:before{content:"";grid-column:1;min-height:341px;visibility:hidden}.quiz-editor.step3-layout .editor-form{grid-column:2;width:604px;margin:0}.quiz-editor.step3-layout .questions-grid-sidebar{grid-column:3;align-self:center;margin-top:0}.quiz-editor-page.step3-active .quiz-editor{align-items:stretch;justify-content:center}.quiz-editor-page.step3-active .quiz-editor{align-items:stretch;justify-content:center;min-height:calc(100vh - 72px)}.editor-form.step3-active{align-self:center}@media (max-width: 1024px){.quiz-editor{min-height:calc(100vh - 72px);padding:16px;align-items:center;justify-content:center}.editor-form{width:min(100%,800px);margin:0 auto;padding:32px 24px 40px}.step-header{justify-content:center;align-items:center;flex-wrap:wrap;padding-bottom:28px;column-gap:12px;row-gap:10px}.back-btn{position:static;left:auto;min-width:auto;padding:8px 12px 8px 0;order:1;margin-right:auto}.step-header h1{order:3;width:100%;text-align:center;font-size:22px}.step3-section .step-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"back back back" ". title delete";align-items:center}.step3-section .back-btn{grid-area:back;order:initial;margin-right:0;justify-self:start}.step3-section .step-header h1{grid-area:title;order:initial;width:100%}.step-content{justify-content:center}.delete-question-btn{position:static;right:auto;order:2;margin-left:auto}.step3-section .delete-question-btn{grid-area:delete;order:initial;margin-left:0;justify-self:end}.form-fields-container,.step-content .input-group,.step-content .subject-select-wrapper,.step-content .checkbox-group,.step-content .thumbnail-upload-section,.input-group,.error-message{max-width:100%}.thumbnail-upload-options,.upload-options-grid{width:100%;max-width:100%}.upload-btn{max-width:none;width:100%}.thumbnail-preview{align-items:center}.quiz-editor.step3-layout{max-width:800px;flex-direction:column;align-items:stretch;gap:16px}.quiz-editor.step3-layout:before{display:none}.quiz-editor.step3-layout .editor-form{width:100%}.quiz-editor.step3-layout .questions-grid-sidebar,.questions-grid-sidebar{position:sticky;top:84px;right:auto;transform:none;width:100%;max-width:800px;max-height:calc(100dvh - 104px);overflow:hidden;order:-1;margin:0 auto;z-index:120}.sidebar-content{min-height:0;max-height:inherit}.questions-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:none;overflow-y:auto;padding-right:2px}.question-grid-item,.add-question-btn{width:100%;max-width:56px;justify-self:center}.question-editor-container{justify-content:center;align-items:stretch}.question-editor{width:100%;gap:20px}.tab-content{padding:16px}}@media (max-width: 768px){.quiz-editor{padding:12px}.editor-form{padding:24px 16px 32px;border-radius:16px}.step-header{padding-bottom:20px}.step3-section .step-header{row-gap:8px}.step-header h1{font-size:20px}.step-actions{flex-direction:column;gap:12px;max-width:100%}.next-btn{width:100%}.upload-options-grid{grid-template-columns:1fr;gap:12px}.upload-divider{padding:0}.question-number h2{margin-bottom:16px;font-size:18px}.delete-question-btn{margin-bottom:0}.quiz-editor.step3-layout .questions-grid-sidebar,.questions-grid-sidebar{top:76px;max-height:calc(100dvh - 92px)}.sidebar-content{padding:14px}.sidebar-content h3{margin-bottom:12px;font-size:16px}.questions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.question-grid-item,.add-question-btn{max-width:none;height:44px;font-size:13px}.answer-type-tabs{flex-direction:column}.tab-btn{width:100%;padding:10px 12px;font-size:13px}.option-input-row{flex-direction:column;align-items:stretch;gap:10px}.option-controls{width:100%;justify-content:flex-end}.thumbnail-preview img{max-width:min(100%,180px);max-height:130px}}@media (max-width: 480px){.editor-form{padding:20px 12px 28px}.step-header h1{font-size:18px}.questions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.question-grid-item,.add-question-btn,.mark-correct-btn,.delete-button{height:40px;min-width:40px}.create-quiz-btn,.add-next-question-btn,.next-btn{height:auto;min-height:48px;padding:12px 14px;font-size:15px}}.answer-input-field{width:100%;height:48px;padding:12px 16px;border:1px solid var(--ui-gray-300);border-radius:var(--radius-sm);font-size:16px;font-family:var(--font-main);color:var(--ui-gray-900);background:white;box-shadow:1px 1px #7cb7e640;transition:all .2s ease}.answer-input-field:hover{border-color:var(--ui-gray-400);box-shadow:3px 3px #7cb7e640}.answer-input-field:focus{border-color:var(--ui-blue-main);box-shadow:3px 3px #7cb7e640;outline:none}.answer-input-field::placeholder{color:var(--ui-gray-400)}.option-input{width:100%;height:48px;padding:12px 16px;border:1px solid var(--ui-gray-300);border-radius:var(--radius-sm);font-size:16px;font-family:var(--font-main);color:var(--ui-gray-900);background:white;box-shadow:1px 1px #7cb7e640;transition:all .2s ease}.option-input:hover{border-color:var(--ui-gray-400);box-shadow:3px 3px #7cb7e640}.option-input:focus{border-color:var(--ui-blue-main);box-shadow:3px 3px #7cb7e640;outline:none}.option-input::placeholder{color:var(--ui-gray-400)}.delete-button{display:flex;align-items:center;justify-content:center;gap:6px;background:white;border:2px solid var(--ui-red-main);border-radius:var(--radius-sm);color:var(--ui-red-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:40px;height:40px}.delete-button:hover:not(:disabled){background:var(--ui-red-main);color:#fff}.delete-button:disabled{cursor:not-allowed;border:2px solid var(--ui-gray-300);background:white;color:var(--ui-gray-300);transform:none}.delete-button:disabled:hover{background:white;color:var(--ui-gray-400);border-color:var(--ui-gray-300)}.add-next-question-btn:disabled,.add-question-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--ui-gray-300);color:var(--ui-gray-400);transform:none}.add-next-question-btn:disabled:hover,.add-question-btn:disabled:hover{background:white;color:var(--ui-gray-400);transform:none}.error-message{color:var(--ui-red-main);font-size:14px;font-weight:600;padding:4px 0;margin:4px 0 8px;width:100%;max-width:438px;text-align:left}.global-error{background-color:#e47e761a;border:2px solid var(--ui-red-main);border-radius:var(--radius-sm);padding:12px 16px;margin:0 auto 20px;text-align:center}.question-grid-item.error{border-color:var(--ui-red-main)!important;color:var(--ui-red-main)!important;background:var(--ui-gray-100)!important;position:relative}.question-grid-item.error:hover{border-color:var(--ui-red-dark)!important;color:var(--ui-red-dark)!important}.question-grid-item.error:after{content:"!";position:absolute;top:-5px;right:-5px;background:var(--ui-red-main);color:#fff;width:16px;height:16px;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}input.error,select.error,textarea.error{border-color:var(--ui-red-main)!important}.input-group+.error-message{margin-top:4px}.subject-select-wrapper .error-message{margin-top:4px}.thumbnail-upload-section .error-message{margin-top:4px;margin-bottom:8px}.question-input-section .error-message{margin-top:4px}.option-item .error-message{font-size:12px;margin-top:4px;margin-bottom:0}.tab-content .error-message{margin-top:8px;margin-bottom:0}@media (max-width: 768px){.error-message{font-size:13px}.global-error{padding:10px 14px;margin-bottom:16px}}.question-card{width:100%;max-width:323px;background:white;border:1px solid var(--ui-blue-light);border-radius:12px;box-shadow:var(--shadow-sm);padding:16px;text-align:center;display:flex;flex-direction:column;cursor:pointer;box-sizing:border-box}.question-card:focus-visible{outline:3px solid var(--ui-blue-main);outline-offset:2px}.question-card-image{width:100%;height:auto;aspect-ratio:16 / 9;background:var(--ui-gray-50);border-radius:8px;margin-bottom:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.question-card-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--radius-md)}.question-card-question{font-size:16px;font-weight:700;color:var(--ui-gray-900);margin-bottom:4px;padding-bottom:12px;border-bottom:1px solid var(--ui-gray-200);width:100%;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:0}.question-card-reveal-area{min-height:60px;margin-top:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0}.question-card-answer{font-size:14px;font-weight:900;color:var(--success);word-wrap:break-word;overflow-wrap:break-word;margin:0;padding:8px 0}.reveal-hint{margin:0;padding:8px 0;font-size:12px;font-weight:700;color:var(--ui-gray-600)}.question-card-image-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ui-gray-50);border-radius:var(--radius-md);width:100%;height:100%}.placeholder-image{width:60px;max-width:40%;height:auto;opacity:.6;display:block;margin:0 auto 8px}.question-card-image-placeholder-text{font-size:14px;font-weight:700;color:var(--ui-gray-200);text-align:center}@media (max-width: 768px){.question-card{max-width:100%;padding:12px}.question-card-question{font-size:14px}.question-card-answer{font-size:13px}.reveal-hint{font-size:11px}.placeholder-image{width:45px}.question-card-image-placeholder-text{font-size:12px}.question-card-reveal-area{min-height:50px}}@media (max-width: 480px){.question-card{padding:10px}.question-card-question{font-size:13px;padding-bottom:8px}.question-card-answer{font-size:12px}.reveal-hint{font-size:10px}.placeholder-image{width:35px;margin-bottom:4px}.question-card-image-placeholder-text{font-size:10px}.question-card-reveal-area{min-height:45px}}.question-card-multiple{width:100%;max-width:323px;background:white;border:1px solid var(--ui-blue-light);border-radius:12px;box-shadow:var(--shadow-sm);padding:16px;display:flex;flex-direction:column;text-align:center;box-sizing:border-box;cursor:pointer}.question-card-multiple:focus-visible{outline:3px solid var(--ui-blue-main);outline-offset:2px}.qcm-question{text-align:center;font-size:16px;font-weight:700;color:var(--ui-gray-900);margin-top:12px;margin-bottom:4px;line-height:1.4;border-bottom:1px solid var(--ui-gray-200);padding-bottom:12px;word-wrap:break-word;overflow-wrap:break-word}.qcm-options-container{display:flex;gap:16px;width:100%}.qcm-options-column{list-style:none;padding:0;margin:0;flex:1;text-align:center}.qcm-options-left{padding-right:8px}.qcm-options-right{padding-left:8px}.qcm-option{font-size:14px;color:var(--ui-gray-600);margin:6px 0;padding:2px 0;line-height:1.4;min-height:24px;display:flex;align-items:center;justify-content:center;word-wrap:break-word;overflow-wrap:break-word;text-align:left}.qcm-option.correct{font-weight:900;color:var(--success);position:relative}@media (max-width: 1024px){.question-card-multiple{max-width:100%}}@media (max-width: 768px){.question-card-multiple{max-width:100%;padding:12px}.qcm-options-container{gap:12px;flex-direction:column}.qcm-options-left,.qcm-options-right{padding:0;width:100%}.qcm-option{font-size:13px;margin:4px 0;justify-content:flex-start;padding-left:20px;position:relative}.qcm-question{font-size:14px;padding-bottom:8px}}@media (max-width: 480px){.question-card-multiple{padding:10px}.qcm-option{font-size:12px;margin:3px 0;padding-left:16px}.qcm-question{font-size:13px;margin-top:8px}.qcm-options-container{gap:8px}}.quiz-details-page{min-height:100vh;background:#3BA9FF;position:relative;font-family:var(--font-main);background-attachment:fixed;--quiz-details-rise-duration: .9s;--quiz-details-rise-ease: cubic-bezier(.2, .9, .2, 1);--quiz-details-section-gap: .22s}@keyframes quiz-details-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.quiz-details-page .quiz-details-header,.quiz-details-page .quiz-details-questions-toolbar,.quiz-details-page .quiz-details-questions{opacity:0;transform:translateY(18px)}.quiz-details-page.is-content-entered .quiz-details-header,.quiz-details-page.is-content-entered .quiz-details-questions-toolbar,.quiz-details-page.is-content-entered .quiz-details-questions{animation:quiz-details-rise-in var(--quiz-details-rise-duration) var(--quiz-details-rise-ease) 0ms both}.quiz-details-page .quiz-details-question-wrapper>.question-card.question-card--enter,.quiz-details-page .quiz-details-question-wrapper>.question-card-multiple.question-card--enter{opacity:0;transform:translateY(18px)}.quiz-details-page.is-content-entered .quiz-details-question-wrapper>.question-card.question-card--enter,.quiz-details-page.is-content-entered .quiz-details-question-wrapper>.question-card-multiple.question-card--enter{animation:quiz-details-rise-in var(--quiz-details-rise-duration) var(--quiz-details-rise-ease) both}@media (prefers-reduced-motion: reduce){.quiz-details-page .quiz-details-header,.quiz-details-page .quiz-details-questions-toolbar,.quiz-details-page .quiz-details-questions,.quiz-details-page .quiz-details-question-wrapper>.question-card.question-card--enter,.quiz-details-page .quiz-details-question-wrapper>.question-card-multiple.question-card--enter{animation:none!important;opacity:1!important;transform:none!important}}.quiz-details-container{margin:0 auto;min-height:calc(100vh - 72px);position:relative;z-index:1}.quiz-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.quiz-details-loading-spinner{width:50px;height:50px;border:4px solid var(--ui-gray-200);border-top:4px solid var(--brand-blue);border-radius:50%;animation:quiz-details-spin 1s linear infinite;margin-bottom:20px}@keyframes quiz-details-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;background:white;border-radius:var(--radius-lg);padding:40px;border:2px solid var(--ui-blue-light);box-shadow:var(--shadow-sm);margin-top:20px}.quiz-details-error h2{margin:0 0 var(--space-3) 0;color:var(--ui-gray-900);font-size:1.8rem;font-weight:800}.quiz-details-error p{margin:0 0 var(--space-4) 0;color:var(--ui-gray-600);font-size:1.1rem}.quiz-details-back-link{background:var(--brand-blue);color:#fff;text-decoration:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);margin-top:20px;font-weight:800;transition:all .15s ease;border:2px solid var(--ui-gray-900);box-shadow:3px 4px 0 var(--ui-gray-900);cursor:pointer;font-size:1rem}.quiz-details-back-link:hover{background:var(--ui-blue-dark);transform:translateY(-2px);box-shadow:3px 6px 0 var(--ui-gray-900)}.quiz-details-back-link:active{transform:translateY(2px);box-shadow:3px 2px 0 var(--ui-gray-900)}.quiz-details-header{padding:var(--space-6);margin-bottom:var(--space-6)}.quiz-details-header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-1)}.quiz-details-back-btn{color:#1e293b;text-decoration:none;font-weight:800;display:inline-block;transition:all .15s ease;font-size:1rem;white-space:nowrap;margin-bottom:0;display:flex;justify-content:center;gap:6px;min-height:44px;width:200px}.quiz-details-back-btn:hover{color:var(--ui-blue-dark);text-decoration-thickness:3px}.quiz-details-title-description{display:flex;flex-direction:column;gap:var(--space-3);flex:1;justify-content:center;text-align:center}.quiz-details-header-left{flex:1;display:flex;align-items:center;gap:var(--space-4)}.quiz-details-title{margin-bottom:12px;color:#fff;font-size:44px;font-weight:800;line-height:1.1;text-shadow:3px 3px 0 rgba(30,41,59,.25)}.quiz-details-description{margin:0;color:#fff;font-size:16px;font-weight:500}.quiz-details-question-counter{color:var(--ui-gray-300);font-size:14px;font-weight:500;letter-spacing:.3px}.quiz-details-actions{display:flex;flex-direction:column;min-width:200px;max-width:300px;margin-left:auto;margin-right:0;gap:18px;align-items:flex-end}.quiz-details-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;width:100%}.quiz-details-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-details-btn-danger{background:white;color:var(--ui-gray-900);border:1px solid #7CB7E6}.quiz-details-btn-danger:hover:not(:disabled){background:var(--ui-red-main)}.quiz-details-questions-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-bottom:var(--space-2);padding-top:24px}.quiz-details-questions-actions{display:flex;width:max-content;justify-self:end;align-items:center;justify-content:flex-end;gap:var(--space-1)}.quiz-details-questions-actions .action-btn{position:relative;flex:0 0 auto;width:32px;height:28px;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;border:2px solid #CBD5E1;transition:all .15s ease}.quiz-details-questions-actions .action-btn.edit-btn:hover{border-color:var(--ui-blue-dark)}.quiz-details-questions-actions .action-btn.delete-btn:hover{border-color:var(--ui-red-dark)}.quiz-details-questions-actions .action-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center}.quiz-details-questions-actions .action-btn.edit-btn:before{background-image:url(/assets/edit-18279fea.webp)}.quiz-details-questions-actions .action-btn.delete-btn:before{background-image:url(/assets/delete-f182bb6f.webp)}.quiz-details-questions{padding:var(--space-6);max-width:100%;margin:0 auto;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-bottom:150px}.quiz-details-questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,323px));justify-content:center;grid-auto-rows:1px;column-gap:24px;row-gap:0;align-items:start;width:100%;margin:0 auto}.quiz-details-question-wrapper{width:100%;max-width:323px;margin:0 auto;grid-row:span var(--card-row-span, 1);padding-bottom:24px;box-sizing:border-box}.quiz-details-question-wrapper>*{width:100%;max-width:323px;margin:0 auto;box-sizing:border-box}@media (max-width: 1200px){.quiz-details-questions-grid{max-width:1364px}.quiz-details-header-content{display:flex;flex-direction:column;gap:var(--space-4)}.quiz-details-header-left{order:1;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.quiz-details-actions{order:2;display:flex;margin-left:0;width:100%;max-width:100%;flex-direction:column;justify-content:flex-start;gap:var(--space-3)}.quiz-details-title-description{width:100%;text-align:center}.quiz-details-title,.quiz-details-description{text-align:center}.quiz-details-btn{order:1;width:100%}.quiz-details-questions-actions{order:2;width:100%;justify-content:center}.quiz-details-back-btn{width:100%;margin-top:var(--space-2);justify-content:center;order:3}}@media (max-width: 768px){.quiz-details-questions{padding:var(--space-3);padding-bottom:100px}.quiz-details-questions-grid{grid-template-columns:1fr;column-gap:0;row-gap:0;max-width:100%}.quiz-details-question-wrapper{max-width:100%;padding-bottom:20px;display:flex;justify-content:center}.quiz-details-question-wrapper>*{max-width:100%;width:100%}.quiz-details-header{padding:var(--space-4)}.quiz-details-actions{flex-wrap:wrap}.quiz-details-btn{flex:1;min-width:100px}}@media (max-width: 480px){.quiz-details-questions{padding:var(--space-2);padding-bottom:80px}.quiz-details-questions-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.quiz-details-question-wrapper{padding-bottom:16px}.quiz-details-question-wrapper>*{width:calc(100% - 8px)}.quiz-details-title{font-size:2rem}.quiz-details-actions{flex-direction:column;gap:var(--space-2)}.quiz-details-btn{width:100%}}@media (max-width: 360px){.quiz-details-questions{padding-left:var(--space-2);padding-right:var(--space-2)}.quiz-details-question-wrapper>*{min-width:0}}.bright-stars-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.bright-star{position:absolute;opacity:0;transition:opacity .6s ease;will-change:opacity}.bright-star.is-current,.bright-star.is-next{opacity:1}.bright-star.star-tl{top:40px;left:40px}.bright-star.star-tr{top:40px;right:40px}.bright-star.star-bl{bottom:40px;left:40px}.bright-star.star-br{bottom:40px;right:40px}.quiz-details-content{position:relative;z-index:1}.quiz-details-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.my-quizzes-page{position:relative;--my-quizzes-rise-duration: .9s;--my-quizzes-rise-ease: cubic-bezier(.2, .9, .2, 1);min-height:100vh;font-family:var(--font-main),sans-serif;background:#3BA9FF;display:flex;flex-direction:column}.my-quizzes{padding:80px var(--space-6) var(--space-8);min-height:100vh;font-family:var(--font-main);z-index:1;margin:0 auto;width:100%}.my-quizzes-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}@keyframes quiz-card-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.my-quizzes-page .my-quizzes-header,.quiz-card--enter{opacity:0;transform:translateY(18px)}.my-quizzes-page.is-entered .my-quizzes-header{animation:quiz-card-rise-in var(--my-quizzes-rise-duration) var(--my-quizzes-rise-ease) 0ms both}.my-quizzes-page.is-entered .quiz-card--enter{animation:quiz-card-rise-in var(--my-quizzes-rise-duration) var(--my-quizzes-rise-ease) both}@media (prefers-reduced-motion: reduce){.my-quizzes-page .my-quizzes-header,.my-quizzes-page .quiz-card--enter{animation:none!important;opacity:1!important;transform:none!important}}.my-quizzes-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:32px;padding:0}.my-quizzes-header .header-content h1{margin-bottom:12px;color:#fff;font-size:44px;font-weight:800;line-height:1.1;text-shadow:3px 3px 0 rgba(30,41,59,.25)}.my-quizzes .quizzes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;justify-items:center;justify-content:center;max-width:1248px;margin:0 auto}.my-quizzes .quizzes-grid.quizzes-grid--single{grid-template-columns:minmax(0,400px)}.my-quizzes .empty-state{grid-column:1 / -1;text-align:center;padding:var(--space-8) var(--space-6);background:none}.my-quizzes .empty-icon{font-size:4rem;margin-bottom:var(--space-5)}.create-new-btn{background:var(--brand-UI-yellow);color:var(--ui-gray-900);text-decoration:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);font-weight:800;border:none;cursor:pointer;font-size:1rem;box-shadow:3px 4px 0 var(--ui-gray-900);transition:all .15s ease;height:52px}.create-new-btn:hover{background:var(--brand-yellow-light);transform:translateY(-2px)}.create-new-btn:active{transform:translateY(2px);box-shadow:3px 2px 0 var(--ui-gray-900)}@media (min-width: 1400px){.my-quizzes .quizzes-grid{margin:0 auto;justify-content:center}}@media (max-width: 1200px){.my-quizzes .quizzes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,380px));gap:20px}}@media (max-width: 768px){.my-quizzes{padding:80px var(--space-4) var(--space-8)}.my-quizzes-header{flex-direction:column;align-items:center;gap:var(--space-4)}.my-quizzes .quizzes-grid{grid-template-columns:repeat(2,1fr);gap:16px;justify-items:stretch}.my-quizzes .quiz-card{width:100%;max-width:none;min-width:0}.my-quizzes-header .header-content h1{font-size:2.5rem}}@media (max-width: 480px){.my-quizzes{padding:80px var(--space-3) var(--space-8)}.my-quizzes .quizzes-grid{grid-template-columns:1fr;justify-items:center}.my-quizzes .quiz-card{width:100%;max-width:400px}.my-quizzes-header .header-content h1{font-size:2rem}.my-quizzes .empty-state h3{font-size:1.5rem}.my-quizzes .empty-state p{font-size:1rem}.create-new-btn{padding:var(--space-3) var(--space-6);font-size:.9rem}.bang{width:200px}}.matching-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:clamp(12px,3vh,40px) clamp(12px,4vw,24px) clamp(24px,8vh,80px);background:#000000;color:#fff;font-family:Cinzel,serif;opacity:1;transform:scale(1);transition:opacity .42s ease,transform .42s ease}.matching-loading-screen--pending{pointer-events:none;opacity:0}.matching-loading-screen--fade-out{opacity:0;transform:scale(1.02);pointer-events:none}.matching-loading-screen__content{width:100%;height:100%;position:relative;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease}.matching-loading-screen--ready .matching-loading-screen__content{opacity:1;transform:none}.matching-loading-screen__logo{width:clamp(240px,70vw,600px);height:auto;display:block;position:absolute;top:clamp(16px,5vh,56px);left:50%;transform:translate(-50%)}.matching-loading-screen__icon{width:clamp(80px,18vh,218px);height:auto;display:block}.matching-loading-screen__bar-area{--matching-loading-bar-width: min(1120px, calc(100vw - 48px));position:absolute;left:50%;bottom:clamp(20px,8vh,120px);transform:translate(-50%);width:var(--matching-loading-bar-width);max-width:100%}.matching-loading-screen__bar-track{position:relative;width:100%;max-width:100%;aspect-ratio:1120 / 60;overflow:hidden}.matching-loading-screen__bar-base{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:fill}.matching-loading-screen__bar-fill{position:absolute;inset:0 auto 0 0;width:0;height:100%;transition:width .28s ease-out;overflow:hidden}.matching-loading-screen__bar-fill-image{width:var(--matching-loading-bar-width);max-width:none;height:100%;display:block;object-fit:fill}.matching-loading-screen__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,18px);min-height:30px;font-size:18px;font-weight:600;letter-spacing:.02em;white-space:nowrap;text-align:center}.matching-loading-screen__label{display:inline-flex;align-items:center;justify-content:center}.matching-loading-screen__dots{width:40px;text-align:left}.matching-loading-screen__percent{display:none}.matching-loading-screen .rotate-device-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(rgba(8,12,21,1),rgba(8,12,21,1));opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:3}.matching-loading-screen .rotate-device-overlay--visible{opacity:1;pointer-events:auto}.matching-loading-screen .rotate-device-overlay__panel{width:min(100%,420px);padding:28px 24px;border:1px solid rgba(255,244,222,.24);border-radius:20px;text-align:center}.matching-loading-screen .rotate-device-overlay__panel h2{margin:0;font-size:clamp(28px,7vw,36px);color:#fff4de}.matching-loading-screen .rotate-device-overlay__icon{width:78px;height:78px;margin:0 auto 18px;border:3px solid rgba(255,244,222,.92);border-radius:18px;position:relative;animation:rotateDevicePrompt 1.6s ease-in-out infinite}.matching-loading-screen .rotate-device-overlay__icon:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:rgba(255,244,222,.92);transform:translate(-50%,-50%)}@keyframes rotateDevicePrompt{0%,18%,to{transform:rotate(0)}38%,82%{transform:rotate(90deg)}}@media (max-width: 900px) and (orientation: landscape){.matching-loading-screen{gap:8px;padding:12px}.matching-loading-screen__content{position:relative}.matching-loading-screen__logo{width:min(300px,45vw);top:12px}.matching-loading-screen__icon{width:min(100px,15vh)}.matching-loading-screen__bar-area{bottom:20px}.matching-loading-screen__text{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background-color:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-links a:hover{background-color:#ffffff1a}.nav-links span{margin-left:1rem;opacity:.8}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.dashboard{text-align:center;padding:0rem}.dashboard h2{color:#fff;margin-bottom:1rem;font-size:2.5rem}.dashboard p{color:#475569}:root{--brand-pink: #F3358E;--brand-blue: #7CB7E6;--brand-green: #80FF44;--brand-yellow: #FBBF24;--brand-UI-yellow: #F5C640;--brand-UI-green: #7AE757;--brand-UI-pink: #F26AA4;--brand-yellow-light: #FFD76A;--brand-green-light: #8BF766;--brand-pink-light: #F66CB0;--ui-blue-main: #7CB7E6;--ui-blue-light: #ADD8FA;--ui-blue-dark: #3E7DAF;--ui-green-main: #7ED993;--ui-green-light: #A6EAB7;--ui-green-dark: #499E63;--ui-red-main: #E47E76;--ui-red-light: #FFA9A3;--ui-red-dark: #B24E47;--ui-yellow-main: #F7D774;--ui-yellow-light: #FCE9AD;--ui-yellow-dark: #CAAB4D;--ui-gray-50: #F9FAFB;--ui-gray-100: #F2F4F7;--ui-gray-200: #E5E7EB;--ui-gray-300: #CBD5E1;--ui-gray-600: #475569;--ui-gray-900: #1E293B;--success: #2ECC71;--warning: #F1C40F;--error: #E74C3C;--info: #3498DB;--font-main: "Nunito", sans-serif;--font-decorative: "Luckiest Guy", cursive;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 3px 3px #7CB7E6;--shadow-md: 0 3px 4px #7CB7E6;--shadow-lg: 0 3px 4px #1E293B;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px}:root{font-family:Nunito,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh;font-family:Nunito,sans-serif}.heading-decorative{font-family:Luckiest Guy,cursive}#root{width:100%;margin:0 auto}html,body,#root{min-height:100%;height:100%;width:100%}