@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.mb-header{z-index:1000;pointer-events:none;justify-content:flex-end;align-items:center;padding:0 18px;display:flex;position:fixed;top:16px;left:0;right:0}.mb-burger-btn{pointer-events:all;cursor:pointer;width:44px;height:44px;transition:background var(--mb-duration);background:#ffffff1f;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.mb-burger-btn:hover{background:#fff3}.mb-bar{width:22px;height:2.5px;transition:transform var(--mb-duration) ease, opacity var(--mb-duration) ease;transform-origin:50%;background:#fff;border-radius:2px;display:block}.mb-burger-btn.open .mb-bar:first-child{transform:translateY(7.5px)rotate(45deg)}.mb-burger-btn.open .mb-bar:nth-child(2){opacity:0;transform:scaleX(0)}.mb-burger-btn.open .mb-bar:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mb-overlay{z-index:900;opacity:0;pointer-events:none;transition:opacity var(--mb-duration);background:#00000080;position:fixed;inset:0}.mb-overlay.visible{opacity:1;pointer-events:all}.mb-drawer{width:var(--mb-width);background:var(--mb-dark);z-index:950;transform:translateX(var(--mb-width));visibility:hidden;transition:transform var(--mb-duration) cubic-bezier(.4, 0, .2, 1),visibility var(--tb-duration);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid #3ecfcf33;flex-direction:column;padding:80px 0 28px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #00000080}.mb-drawer.open{visibility:visible;transform:translate(0)}.mb-drawer-header{align-items:center;gap:14px;padding:0 22px 20px;display:flex}.mb-drawer-avatar{border:2px solid var(--mb-teal);object-fit:cover;border-radius:50%;width:52px;height:52px}.mb-drawer-name{color:#fff;letter-spacing:.4px;margin:0;font-size:16px;font-weight:700}.mb-drawer-sub{color:var(--mb-teal);letter-spacing:1px;text-transform:uppercase;margin:3px 0 0;font-size:11px;font-weight:500}.mb-divider{background:var(--mb-divider);height:1px;margin:0 20px 12px}.mb-nav{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex}.mb-item{background:var(--mb-item-bg);cursor:pointer;text-align:left;color:#e8f0fe;opacity:0;border:none;border-radius:14px;align-items:center;width:100%;padding:14px 16px;transition:background .2s,transform .2s;animation:none;display:flex;transform:translate(20px)}.mb-drawer.open .mb-item{animation:.28s forwards slideIn}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.mb-item:hover{background:#3ecfcf26;transform:translate(-4px)}.mb-item-label{letter-spacing:.3px;flex:1;font-size:15px;font-weight:600}.mb-item-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.mb-item-arrow{color:var(--mb-teal);font-size:20px;font-weight:300;line-height:1}.mb-footer{padding:12px 12px 8px}.mb-signout{color:#fca5a5;letter-spacing:.3px;cursor:pointer;background:#ef444414;border:none;border-radius:14px;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;transition:background .2s,transform .2s;display:flex}.mb-signout:hover{background:#ef44442e;transform:translate(-4px)}.mb-drawer{width:var(--mb-width);background:var(--mb-dark);z-index:950;box-shadow:none;transform:translateX(var(--mb-width));transition:transform var(--mb-duration) cubic-bezier(.4, 0, .2, 1), box-shadow var(--mb-duration);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);visibility:hidden;border-left:1px solid #3ecfcf33;flex-direction:column;padding:80px 0 28px;display:flex;top:0;bottom:0;right:0}.mb-drawer.open{visibility:visible;transform:translate(0);box-shadow:-4px 0 24px #00000080}:root{--tb-gold:#ffb700;--tb-dark:linear-gradient(-45deg, #5f5b1c, #876e44, #9c885c, #765a09);--tb-width:280px;--tb-duration:.3s}.tb-header{z-index:1000;pointer-events:all;position:fixed;top:68px;right:18px}.tb-trophy-btn{cursor:pointer;width:44px;height:44px;transition:all var(--tb-duration);background:#ffb70026;border:1px solid #ffb70040;border-radius:12px;justify-content:center;align-items:center;font-size:1.3rem;animation:3s ease-in-out infinite tb-pulse;display:flex}.tb-trophy-btn:hover,.tb-trophy-btn.open{background:#ffb70047;border-color:#ffb70080;animation:none;transform:scale(1.08)}@keyframes tb-pulse{0%,to{box-shadow:0 0 #ffb70000}50%{box-shadow:0 0 0 6px #ffb70026}}.tb-overlay{z-index:900;opacity:0;pointer-events:none;transition:opacity var(--tb-duration);background:#00000080;position:fixed;inset:0}.tb-overlay.visible{opacity:1;pointer-events:all}.tb-drawer{width:var(--tb-width);background:var(--tb-dark);z-index:950;box-shadow:none;transform:translateX(var(--tb-width));transition:transform var(--tb-duration) cubic-bezier(.4, 0, .2, 1), box-shadow var(--tb-duration);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);visibility:hidden;border-left:1px solid #fbbf2433;flex-direction:column;padding:80px 0 28px;display:flex;position:fixed;top:0;bottom:0;right:0}.tb-drawer.open{visibility:visible;transform:translate(0);box-shadow:-4px 0 24px #00000080}.tb-drawer-header{align-items:center;gap:14px;padding:0 22px 20px;display:flex}.tb-drawer-trophy-icon{border:2px solid var(--tb-gold);background:#ffb7001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.tb-drawer-name{color:#fff;letter-spacing:.4px;margin:0;font-size:16px;font-weight:700}.tb-drawer-sub{color:var(--tb-gold);letter-spacing:1px;text-transform:uppercase;margin:3px 0 0;font-size:11px;font-weight:500}.tb-progress-wrap{align-items:center;gap:10px;padding:0 22px 16px;display:flex}.tb-progress-bar{background:#ffffff1a;border-radius:999px;flex:1;height:6px;overflow:hidden}.tb-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:999px;height:100%;transition:width .6s}.tb-progress-pct{color:var(--tb-gold);white-space:nowrap;font-size:.78rem;font-weight:700}.tb-divider{background:#ffffff1a;height:1px;margin:0 20px 12px}.tb-scroll-up,.tb-scroll-down{height:20px;color:var(--tb-gold);opacity:0;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:opacity .2s;display:flex}.tb-scroll-up.visible,.tb-scroll-down.visible{opacity:1}.tb-scroll-up span{animation:1.4s ease-in-out infinite tb-bounce-up}.tb-scroll-down span{animation:1.4s ease-in-out infinite tb-bounce-down}@keyframes tb-bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tb-bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.tb-nav{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fbbf2459 #ffffff0d;flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex;overflow:hidden auto}.tb-nav::-webkit-scrollbar{width:4px}.tb-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px;margin:4px 0}.tb-nav::-webkit-scrollbar-thumb{background:#fbbf2459;border-radius:999px;transition:background .2s}.tb-nav::-webkit-scrollbar-thumb:hover{background:#fbbf24a6}.tb-item{cursor:pointer;text-align:left;color:#e8f0fe;opacity:0;background:#fbbf240f;border:none;border-radius:14px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;transition:background .2s,transform .2s,box-shadow .2s;animation:none;display:flex;transform:translate(20px)}.tb-drawer.open .tb-item{animation:.28s forwards tb-slideIn}@keyframes tb-slideIn{to{opacity:1;transform:translate(0)}}.tb-item:hover{background:#fbbf2424;transform:translate(-4px)}.tb-item-img{object-fit:cover;border:none;border-radius:8px;flex-shrink:0;width:36px;height:36px}.tb-item-label{letter-spacing:.3px;flex:1;font-size:15px;font-weight:600}.tb-item-count{color:var(--tb-gold);font-size:12px;font-weight:600}.tb-item-arrow{color:var(--tb-gold);font-size:20px;font-weight:300;line-height:1}.tb-item--focused{transform:translate(-4px);box-shadow:0 0 0 1px #fbbf244d;background:#fbbf242e!important}.tb-footer{padding:12px 12px 8px}.tb-see-all{width:100%;color:var(--tb-gold);cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b33,#fbbf241a);border:1px solid #fbbf2440;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.tb-see-all:hover{background:linear-gradient(135deg,#f59e0b4d,#fbbf2433);transform:translate(-4px);box-shadow:0 4px 16px #fbbf2426}.tb-header--top{top:16px}.home-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:80px 20px 40px;display:flex;overflow-x:hidden}.home-header{text-align:center;color:#fff;margin-bottom:50px}.home-header h1{color:#fff;-webkit-text-stroke:1.5px #053085;text-shadow:3px 3px #b61c24,4.5px 4.5px #1343a4,0 0 30px #fff9;margin:0 0 10px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.home-header p{opacity:.9;margin:0;font-size:1.5rem}.home-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:0;display:grid}.nav-card{color:#fff;-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:24px;align-items:center;gap:20px;padding:20px 25px;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s;display:flex}.nav-card:hover{background:#ffffff2e;border-color:#fff6;transform:translateY(-5px);box-shadow:0 10px 20px #0003}.card-icon{box-sizing:border-box;background:#ffffff26;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;padding:8px;display:flex}.card-icon img{object-fit:contain;mix-blend-mode:lighten;filter:drop-shadow(0 2px 6px #0000004d);width:100%;height:100%}.card-content{text-align:left;flex-direction:column;justify-content:center;display:flex}.card-content h3{margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.card-class-badge{background:#0071e326;border:1px solid #0071e340;border-radius:10px;width:fit-content;margin:5px 0 0;padding:2px 9px;display:inline-block;opacity:1!important;color:#79b8ff!important;font-size:.82rem!important;font-weight:600!important}@media (width<=900px){.home-grid{grid-template-columns:1fr;max-width:600px}}@media (width<=768px){.home-header h1{font-size:2.5rem}.home-grid{grid-template-columns:1fr;padding:0 10px}.nav-card{padding:15px 20px}}@media (width<=480px){.card-icon{width:48px;height:48px}.card-content h3{font-size:1.2rem}}.nav-card-weather{grid-column:1/-1;width:100%;max-width:480px;margin:0 auto}.E4ULogo{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 20px #fff6);width:auto;height:1.6em}.E4U_button{object-fit:contain;z-index:10;width:100px;height:auto;position:absolute;top:20px;left:20px}.menu-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex;position:relative}.home-grid-guess-who{gap:2vw;width:100%;flex-direction:row!important;justify-content:center!important;align-items:stretch!important;max-width:none!important;display:flex!important}.mode-card{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:20px;min-width:280px;padding:30px 25px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 8px 30px #00000040;flex:0 0 25vw!important;width:25vw!important}.mode-card:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-5px)}.card-icon img{object-fit:contain;flex-shrink:0;width:60px;height:60px}.card-content{text-align:left;min-width:0}.card-content h3{margin:0;font-size:1.4rem;font-weight:700}.card-content p{opacity:.7;margin:5px 0 0;font-size:.95rem;line-height:1.3}@media (width<=1300px){.mode-card{flex:0 0 35vw!important;width:35vw!important}}@media (width<=900px){.home-grid-guess-who{gap:20px;flex-direction:column!important;align-items:center!important}.mode-card{min-width:unset;flex:none!important;width:85vw!important}}:root{--hc-max-width:860px;--hc-gap:24px;--hc-card-padding:28px 24px;--hc-card-radius:20px;--hc-card-bg:#ffffff1a;--hc-card-bg-hover:#ffffff2e;--hc-card-border:#fff3;--hc-card-shadow:0 8px 30px #00000040;--hc-card-shadow-hover:0 12px 40px #00000059;--hc-card-blur:blur(15px);--hc-icon-size:70px;--hc-icon-radius:16px;--hc-icon-bg:#ffffff1a;--hc-icon-padding:12px;--hc-title-size:1.4rem;--hc-subtitle-size:.95rem;--hc-subtitle-opacity:.75;--hc-header-mb:50px;--hc-back-bg:#ffffff26;--hc-back-bg-hover:#ffffff40;--hc-back-border:#ffffff40}.home-container-clock{box-sizing:border-box;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:relative}.home-header-box-clock{text-align:center;color:#fff;margin-bottom:var(--hc-header-mb)}.home-header-box-clock h1{color:#fff;-webkit-text-stroke:1.5px #053085;text-shadow:3px 3px #b61c24,4.5px 4.5px #1343a4,0 0 30px #fff9;margin:0 0 10px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.home-header-box-clock p{opacity:.9;margin-top:10px;font-size:1.1rem}.home-nav-list-clock{gap:var(--hc-gap);width:100%;max-width:var(--hc-max-width);flex-direction:column;display:flex}.nav-row-clock{gap:var(--hc-gap);grid-template-columns:repeat(2,1fr);display:grid}.nav-row-single-clock{justify-content:center;display:flex}.nav-row-single-clock .nav-card-clock{width:calc(50% - var(--hc-gap) / 2)}.nav-card-clock{background:var(--hc-card-bg);border:1px solid var(--hc-card-border);border-radius:var(--hc-card-radius);padding:var(--hc-card-padding);color:#fff;-webkit-backdrop-filter:var(--hc-card-blur);box-shadow:var(--hc-card-shadow);cursor:pointer;box-sizing:border-box;align-items:center;gap:20px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.nav-card-clock:hover{background:var(--hc-card-bg-hover);box-shadow:var(--hc-card-shadow-hover);transform:translateY(-4px)}.nav-card-icon-clock{width:var(--hc-icon-size);height:var(--hc-icon-size);background:var(--hc-icon-bg);border-radius:var(--hc-icon-radius);padding:var(--hc-icon-padding);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-card-icon-clock img{object-fit:contain;filter:drop-shadow(0 4px 8px #0000004d);width:100%;height:100%}.nav-card-text-clock{text-align:left;flex-direction:column;gap:6px;display:flex}.nav-card-title-clock{font-size:var(--hc-title-size);color:#fff;text-align:left;font-weight:800;line-height:1.2}.nav-card-subtitle-clock{font-size:var(--hc-subtitle-size);color:rgba(255, 255, 255, var(--hc-subtitle-opacity));text-align:left;line-height:1.4}@media (width<=600px){.nav-row-clock{grid-template-columns:1fr}.nav-row-single-clock .nav-card-clock{width:100%}.nav-card-title-clock{font-size:1.2rem}}.toast{z-index:10000;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-width:180px;max-width:300px;padding:10px 16px;animation:.3s ease-out forwards slideFromRight;box-shadow:0 4px 15px #0006;background-color:#000000e6!important;width:fit-content!important;display:flex!important;position:fixed!important;top:20px!important;left:auto!important;right:20px!important}@keyframes slideFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:none!important;border-right:4px solid #53f260!important}.toast-error{border-left:none!important;border-right:4px solid #ff4d4d!important}.toast-warning{border-left:none!important;border-right:4px solid #f59e0b!important}.toast-info{border-left:none!important;border-right:4px solid #3b82f6!important}.toast span{flex:1;font-family:Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:500;color:#fff!important}.toast-close{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:20px;display:flex}.toast-close:hover{color:#fff}.toast-undo{color:#fff;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:700;transition:background .15s}.toast-undo:hover{background:#ffffff4d}body{overflow:hidden auto}.clock-game-container{color:#fff;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;margin:0;padding-top:100px;padding-bottom:40px;font-family:sans-serif;display:flex}.clock-header h1{margin:0;padding-top:0;font-size:3.5rem}.clock-header p{opacity:.8;font-size:1.1rem}.progress-wrapper{width:100%;margin-bottom:20px}.progress-meta{opacity:.8;justify-content:space-between;margin-bottom:6px;font-size:.85rem;font-weight:600;display:flex}.progress-track{-webkit-backdrop-filter:blur(6px);background:#ffffff26;border-radius:10px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#19799c,#189276);border-radius:10px;width:0%;height:100%;transition:width .4s;animation:2s infinite alternate progress-glow;box-shadow:0 0 10px #18927699}@keyframes progress-glow{0%{box-shadow:0 0 6px #18927680}to{box-shadow:0 0 14px #189276e6}}.mode-selector{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;gap:15px;margin-bottom:30px;padding:8px;display:flex}.mode-selector button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.mode-selector button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-selector button:hover:before{width:300px;height:300px}.mode-selector button:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.mode-selector button.active-mode{background:linear-gradient(135deg,#189276,#19799c);border-color:#fff6;transform:scale(1.05);box-shadow:0 8px 20px #18927666}.clock-glass-card{-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;flex-direction:column;align-items:center;gap:25px;width:100%;max-width:500px;padding:20px;display:flex;box-shadow:0 20px 50px #0000004d}.digital-display{letter-spacing:6px;background:#0003;border:1px solid #ffffff1a;border-radius:15px;padding:10px 30px;font-size:2.5rem;font-weight:700}.clock-input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:15px;outline:none;width:100%;padding:15px;font-size:1.2rem;transition:border .3s}.clock-input::placeholder{color:#fff9;font-style:italic}.clock-button-group{gap:15px;width:100%;display:flex}.btn-check{color:#fff;cursor:pointer;background:#189276;border:none;border-radius:15px;flex:1;padding:15px;font-weight:700;transition:transform .2s,background .3s}.btn-new{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:15px;flex:1;padding:15px;font-weight:700;transition:transform .2s,background .3s}.btn-check:hover,.btn-new:hover{filter:brightness(1.1);transform:translateY(-3px)}.score-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border-radius:12px;margin-bottom:10px;padding:8px 18px;font-size:1rem;font-weight:700}.attempts{opacity:.8;margin:0;font-size:.95rem}.back-button{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1000;background:#fff3;border:2px solid #ffffff4d;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s;position:fixed;top:20px;left:20px}@media (width<=600px){.back-button{padding:10px 18px;font-size:.9rem;top:10px;left:10px}}@media (height<=800px){.clock-glass-card{gap:15px;padding:25px}.clock-header h1{padding-top:20px;font-size:2.5rem}.clock-header{margin-bottom:15px}.digital-display{padding:8px 20px;font-size:2rem}.clock-input{padding:10px;font-size:1rem}.btn-check,.btn-new{padding:10px}.mode-selector{margin-bottom:15px}.progress-wrapper{margin-bottom:10px}.clock-face svg{width:180px;height:150px}}h1{text-shadow:0 0 10px #fff9,0 0 20px #fff6,0 0 40px #ffffff40}.main-content-wrapper{flex-direction:column;align-items:center;width:100%;max-width:670px;margin:0 auto;display:flex}.score-badge-inside{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-self:center;align-items:center;width:auto;margin:0;padding:10px 20px;font-size:1rem;font-weight:700;display:flex}html,body{margin:0;padding:0;overflow-x:hidden;height:auto!important;min-height:100%!important;overflow-y:auto!important}.theory-container{color:#fff;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:100px 20px 40px;font-family:Inter,sans-serif;display:flex;position:relative;overflow-y:visible}.theory-header{text-align:center;margin-bottom:50px}.theory-header h1{text-shadow:0 0 10px #fff9,0 0 20px #fff6,0 0 40px #ffffff40;margin:0;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800}.theory-card-wrapper{flex-direction:row;justify-content:center;align-items:flex-start;gap:30px;width:100%;max-width:1100px;display:flex}.theory-card{-webkit-backdrop-filter:blur(15px);background:#ffffff14;border:1px solid #fff3;border-radius:24px;flex:1;min-width:320px;padding:30px;box-shadow:0 20px 40px #0000004d}.theory-section{border-bottom:1px solid #ffffff1a;margin-bottom:25px;padding-bottom:15px}.theory-section:last-child{border-bottom:none}.theory-section h2{align-items:center;gap:10px;margin-bottom:10px;font-size:1.3rem;display:flex}.theory-code{background:#0000004d;border-left:4px solid #4facfe;border-radius:12px;margin:10px 0;padding:15px;font-family:Courier New,monospace;display:block}.back-button{z-index:1000;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;padding:10px 20px;transition:all .3s;position:fixed;top:20px;left:20px}.tooltip{cursor:help;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:inline-flex;position:relative}.tooltip-text{visibility:hidden;white-space:nowrap;opacity:0;background:#000;border-radius:5px;padding:5px 10px;transition:all .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media (width<=900px){.theory-card-wrapper{flex-direction:column;align-items:center}.theory-card{width:100%}}.exact-hours-wrapper{justify-content:center;width:100%;max-width:700px;margin-bottom:35px;display:flex}.exact-hours-card{text-align:center;width:100%}.theory-card{position:relative}.corner-logo{opacity:.7;width:40px;position:absolute}.corner-logo.left{top:10px;left:10px}.corner-logo.right{top:10px;right:10px}.corner-logos{gap:8px;display:flex;position:absolute;top:12px;right:12px}.exact-hours-title{justify-content:space-between;align-items:center;width:100%;display:flex}.title-logos{align-items:center;gap:8px;display:flex}.title-logos img{opacity:.8;width:32px;height:32px}.beginner-container{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:sans-serif;display:flex;position:relative}.beginner-header{text-align:center;margin-bottom:40px}.beginner-header h1{text-shadow:0 0 10px #fff9,0 0 20px #fff6,0 0 40px #ffffff40;margin:0;font-size:3.5rem;font-weight:700}.beginner-header p{opacity:.8;font-size:1.1rem}.beginner-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.beginner-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;min-width:180px;padding:20px 40px;font-size:1.2rem;font-weight:600;transition:all .3s;box-shadow:0 8px 32px #0000001a}.beginner-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.clock-game-container{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:sans-serif;display:flex;position:relative}.challenge-header-box{text-align:center;margin-bottom:30px}.challenge-header-box h1{margin:0;font-size:3.5rem}.challenge-buttons-row{justify-content:center;gap:20px;display:flex}.btn-challenge{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;border:1px solid #fff3;border-radius:15px;min-width:140px;padding:15px 35px;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 8px 32px #0003}.btn-challenge.easy{background:#2ecc7133;border-color:#2ecc7166}.btn-challenge.easy:hover{background:#2ecc7166;transform:translateY(-5px);box-shadow:0 12px 40px #2ecc714d}.btn-challenge.hard{background:#e74c3c33;border-color:#e74c3c66}.btn-challenge.hard:hover{background:#e74c3c66;transform:translateY(-5px);box-shadow:0 12px 40px #e74c3c4d}.btn-challenge.check,.btn-challenge.home{background:#ffffff26;margin-top:10px}.btn-challenge.check:hover,.btn-challenge.home:hover{background:#ffffff40;transform:scale(1.05)}.result-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;padding:40px}.winner-text{color:#f1c40f;margin:20px 0;font-size:2.5rem}.final-scores{margin-bottom:30px;font-size:1.2rem}.final-scores span{font-size:1.5rem;font-weight:700}.score-badge{background:#fff3;border-radius:20px;margin:10px 0;padding:5px 20px;font-size:1.5rem;font-weight:700}.timer-display.danger{color:#e74c3c;animation:.5s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.back-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;padding:12px 24px;font-weight:700;transition:all .2s;position:absolute;top:30px;left:30px}.analog-clock-mini{background:#ffffff1a;border:4px solid #fff;border-radius:50%;width:150px;height:150px;margin:0 auto 20px;position:relative;box-shadow:0 0 20px #0003}.clock-face-mini{width:100%;height:100%;position:relative}.hand{transform-origin:bottom;background:#fff;border-radius:10px;position:absolute;bottom:50%;left:50%}.hour-hand{z-index:2;width:6px;height:40px;margin-left:-3px}.minute-hand{z-index:1;background:#fc0;width:4px;height:60px;margin-left:-2px}.center-dot{z-index:3;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.num{color:#fff;font-size:.8rem;font-weight:700;position:absolute}.n12{top:5px;left:50%;transform:translate(-50%)}.n3{top:50%;right:10px;transform:translateY(-50%)}.n6{bottom:5px;left:50%;transform:translate(-50%)}.n9{top:50%;left:10px;transform:translateY(-50%)}.digital-display{margin-bottom:15px;font-family:Courier New,Courier,monospace;font-size:2.5rem}.challenge-selection-container{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.challenge-setup-card{-webkit-backdrop-filter:blur(15px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;width:100%;max-width:450px;padding:50px 40px;box-shadow:0 20px 50px #0000004d}.challenge-icon-header{margin-bottom:10px;font-size:4rem}.challenge-setup-card h1{color:#fff;margin:10px 0;font-size:2.5rem}.challenge-setup-card p{color:#ffffffb3;margin-bottom:30px}.challenge-buttons-column{flex-direction:column;gap:15px;display:flex}.btn-selection{color:#fff;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;align-items:center;padding:20px;transition:all .3s;display:flex}.btn-selection:hover{background:#ffffff26;border-color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #0003}.btn-icon{margin-right:20px;font-size:2rem}.btn-text{flex-direction:column;display:flex}.btn-text strong{font-size:1.3rem}.btn-text span{opacity:.6;font-size:.85rem}.audio-container{color:#fff;background:linear-gradient(135deg,#3a5f8a,#7b2c5c);flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:sans-serif;display:flex;overflow:hidden}.audio-header{text-align:center;margin-bottom:30px}.audio-header h1{text-shadow:0 0 10px #fff9,0 0 20px #fff6,0 0 40px #ffffff40;margin:0;font-size:3rem}.audio-header p{opacity:.8;font-size:1.1rem}.audio-card{-webkit-backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;padding:40px;display:flex;box-shadow:0 20px 50px #0000004d}.play-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#189276,#19799c);border:none;border-radius:50%;width:80px;height:80px;font-size:2rem;transition:all .25s;box-shadow:0 10px 25px #18927680}.play-btn:hover{transform:scale(1.1)}.play-btn:active{transform:scale(.95)}.audio-input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:15px;outline:none;width:100%;padding:15px;font-size:1.2rem}.audio-input::placeholder{color:#fff9}.audio-input:focus{border-color:#fff9}.audio-buttons{gap:15px;width:100%;display:flex}.audio-btn-check{color:#fff;cursor:pointer;background:#189276;border:none;border-radius:15px;flex:1;padding:14px;font-weight:700;transition:all .2s}.audio-btn-next{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:15px;flex:1;padding:14px;font-weight:700;transition:all .2s}.audio-btn-check:hover,.audio-btn-next:hover{filter:brightness(1.1);transform:translateY(-3px)}.audio-attempts{opacity:.8;font-size:.9rem}.audio-back{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;padding:12px 24px;font-weight:700;position:fixed;top:20px;left:20px}.audio-back:hover{background:#ffffff4d;transform:translate(-5px)}:root{--app-bg-gradient:linear-gradient(-45deg, #a54d32, #8f1f4a, #19799c, #189276);--bg-animation-speed:20s;--fc-text-light:#fff;--fc-card-w:240px;--fc-card-h:345px;--fc-btn-bg-start:linear-gradient(135deg, #ae387b, #19799c);--fc-btn-bg-keep:linear-gradient(135deg, #189276, #1d9e75);--fc-btn-bg-remove:linear-gradient(135deg, #d85a30, #c0391a);--fc-btn-bg-flip:linear-gradient(135deg, #667eea, #764ba2);--fc-btn-bg-small:#334155}.body{background:var(--app-bg-gradient);animation:gradient-bg var(--bg-animation-speed) ease infinite;background-size:400% 400%}.app-wrapper-flashcard{background:var(--fc-bg-main);box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-y:auto}.fc-container{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.landing-title{color:#fff;-webkit-text-stroke:1.5px #053085;text-shadow:3px 3px #b61c24,4.5px 4.5px #1343a4,0 0 30px #fff9;margin:0 0 20px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.fc-game-title{color:var(--fc-text-light);text-shadow:0 4px 10px #0000004d;margin:0 0 10px;font-size:2.2rem;font-weight:700}.fc-counter-box{color:#fffc;align-items:center;gap:12px;margin-bottom:25px;font-size:1.1rem;font-weight:600;display:flex}.fc-removed-badge{background:var(--fc-btn-bg-remove);border-radius:20px;padding:4px 12px;font-size:.8rem;box-shadow:0 2px 8px #0003}.fc-card-scene{width:var(--fc-card-w);height:var(--fc-card-h);perspective:1500px;align-self:center;margin:0 auto 35px}.fc-card{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.fc-card.is-flipped{transform:rotateY(180deg)}.fc-card-face{backface-visibility:hidden;background:#1e293b;border:4px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;transition:box-shadow .4s,border-color .4s;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 15px 35px #0006}.fc-card-face img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%}.fc-card-back{transform:rotateY(180deg)}.fc-card:hover .fc-card-face{border-color:#ffffff59;box-shadow:0 0 18px #ffffff40}.fc-btn-group{flex-direction:column;gap:16px;width:100%;max-width:500px;display:flex}.fc-action-row{justify-content:center;gap:16px;width:100%;display:flex}.fc-nav-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.fc-btn{color:var(--fc-text-light);cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;filter:none;border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;font-family:inherit;font-weight:700;transition:transform .15s,box-shadow .15s,background;display:inline-flex;box-shadow:0 5px #0000004d}.fc-btn:hover{-webkit-filter:none;opacity:1;transform:translateY(-2px);box-shadow:0 7px #0000004d}.fc-btn:active{filter:none;transform:translateY(3px);box-shadow:0 2px #0000004d}.fc-btn-large{text-transform:uppercase;letter-spacing:.05em;padding:16px 40px;font-size:1.1rem}.fc-btn-medium{flex:1;padding:14px 28px;font-size:1rem}.fc-btn-small{background:var(--fc-btn-bg-small);padding:10px 18px;font-size:.9rem}.fc-btn-start,.fc-btn-start:hover{background:var(--fc-btn-bg-start)}.fc-btn-keep,.fc-btn-keep:hover{background:var(--fc-btn-bg-keep)}.fc-btn-remove,.fc-btn-remove:hover{background:var(--fc-btn-bg-remove)}.fc-btn-flip{background:var(--fc-btn-bg-flip);flex:1.5}.fc-btn-flip:hover{background:var(--fc-btn-bg-flip)}.fc-btn-small:hover{background:var(--fc-btn-bg-small)}.fc-keyboard-hint{color:#fff6;margin-top:20px;font-size:.85rem;font-style:italic}.fc-end-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;padding:40px;box-shadow:0 20px 50px #0000004d}.fc-end-stats{color:#fffc;margin-bottom:30px;font-size:1.2rem}.app-wrapper-flashcard .toast{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;z-index:9999!important;border-radius:12px!important;padding:12px 20px!important;position:fixed!important;top:20px!important;right:20px!important;box-shadow:0 10px 25px #0000004d!important}@keyframes toastSlideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.fc-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.fc-resume-box{text-align:center;color:#fff;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:20px;width:90%;max-width:400px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards scaleUp;box-shadow:0 0 50px #ffffff1a}.fc-resume-emoji{margin-bottom:15px;font-size:4rem;display:inline-block}.fc-resume-box h2{color:#fff;letter-spacing:-.02em;margin:0 0 10px;font-size:2.2rem;font-weight:900}.fc-resume-box p{color:#ffffffe6;margin:0 0 30px;font-size:1.1rem;line-height:1.5}.fc-resume-btn-row{justify-content:center;gap:16px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.qb-container{flex-direction:column;gap:15px;height:auto;min-height:100%;display:flex;position:relative;overflow:visible}.qb-display{opacity:.8;color:#fff;text-align:center;z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#141414e6;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;min-height:80px;padding:20px;font-size:1.4rem;font-weight:700;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #00000080}.qb-columns{flex-direction:column;flex:1;gap:20px;padding:10px 5px;display:flex;overflow:visible}.qb-col{flex-direction:column;gap:10px;display:flex}.qb-col-title{text-transform:uppercase;color:#aaa;letter-spacing:2px;margin-left:5px;font-size:.85rem;font-weight:800}.qb-btns-wrap{flex-wrap:wrap;gap:8px;display:flex}.qb-btn{color:#fff;cursor:pointer;text-align:center;background:#6e0f0f;border:2px solid #ffffff1a;border-radius:10px;min-width:60px;padding:10px 18px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.qb-btn:hover{background:#8e1515;border-color:#ffffff4d;transform:translateY(-2px)}.qb-btn.active{background:#4caf50;border-color:#fff;transform:scale(1.05);box-shadow:0 0 20px #4caf5080}.qb-footer{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ee6;border-top:1px solid #ffffff1a;border-radius:15px;gap:15px;margin-top:20px;padding:20px;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 30px #00000080}.ask-btn{color:#fff;cursor:pointer;text-transform:uppercase;transition:all .1s active;background:linear-gradient(135deg,#189276,#19799c);border:none;border-radius:12px;flex:2;padding:18px;font-size:1.3rem;font-weight:900;box-shadow:0 4px #0e5a49}.ask-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.ask-btn:active{box-shadow:none;transform:translateY(2px)}.clear-btn{color:#fff;cursor:pointer;background:#333;border:1px solid #fff3;border-radius:12px;flex:1;font-weight:700;transition:background .2s}.clear-btn:hover{background:#444}@media (width<=900px){.qb-display{min-height:60px;padding:15px;font-size:1.1rem;top:0}.qb-btns-wrap{gap:6px}.qb-btn{padding:8px 12px;font-size:.9rem}.qb-footer{padding:10px}.ask-btn{padding:14px;font-size:1.1rem}}.board-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;height:100%;padding:20px;overflow-y:auto}.board-grid{gap:12px;transition:grid-template-columns .3s;display:grid}.grid-small{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.grid-medium{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.grid-large{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.grid-xlarge{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.char-card{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;padding:8px;transition:all .2s;display:flex}.char-card:hover{background:#fff3;transform:translateY(-5px)}.char-img{aspect-ratio:1;object-fit:contain;width:100%}.char-name{text-transform:uppercase;text-align:center;margin-top:5px;font-size:.75rem;font-weight:700}.char-id{opacity:.5;font-size:.6rem}@media (width<=900px){.grid-small{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.grid-medium{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.grid-large{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.grid-xlarge{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.back-button{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1000;background:#fff3;border:2px solid #ffffff4d;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s;position:fixed;top:40px;left:40px;width:15vw!important}.back-button:hover{background:#ffffff4d;transform:translate(-5px)}@media (width<=600px){.back-button{padding:10px 18px;font-size:.9rem;top:20px;left:20px}}.game-container{color:#fff;box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.conjugation-header p{opacity:.8;margin:5px 0 10px;font-size:1.1rem}.progress-info-minimal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:15px;margin-top:20px;padding:8px 20px;display:inline-flex}.mode-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:700}.mode-badge.hard{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.mode-badge.easy{background:linear-gradient(135deg,#51cf66,#37b24d)}.reset-btn{cursor:pointer;filter:grayscale();background:0 0;border:none;font-size:1rem;transition:all .2s}.reset-btn:hover{filter:grayscale(0);transform:scale(1.1)}.toast{z-index:2000;border-radius:15px;padding:20px 40px;font-size:1.3rem;font-weight:700;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.toast-success{color:#fff;background:linear-gradient(135deg,#51cf66,#37b24d)}.toast-no{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.toast-error{color:#fff;background:linear-gradient(135deg,#ff6b6b,#c92a2a)}.toast-warning{color:#fff;background:linear-gradient(135deg,#ffa94d,#fd7e14)}.toast-info{color:#fff;background:linear-gradient(135deg,#19799c,#189276)}.game-layout{flex-direction:row;flex:1;gap:20px;width:100%;max-width:1600px;min-height:0;margin:0 auto;display:flex}.game-controls-side{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex:1;padding:20px;overflow-y:auto}.game-over-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.game-over-content{text-align:center;background:linear-gradient(135deg,#a54d32,#8f1f4a);border:2px solid #fff3;border-radius:30px;padding:60px 80px;box-shadow:0 20px 60px #0009}.title-win{color:#51cf66;text-shadow:0 0 30px #51cf66cc;font-size:4rem;font-weight:900}.title-lose{color:#ff6b6b;text-shadow:0 0 30px #ff6b6bcc;font-size:4rem;font-weight:900}.secret-name{color:#fff;text-transform:uppercase;letter-spacing:3px;margin:20px 0;font-size:2.5rem;font-weight:900}.btn-replay{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#189276,#19799c);border:none;border-radius:15px;padding:20px 60px;font-size:1.4rem;font-weight:900;transition:all .2s;box-shadow:0 6px #0000004d}.qb-write-zone{flex-direction:column;gap:12px;width:100%;margin:20px 0;display:flex}.qb-write-label{color:#ffffffe6;letter-spacing:.5px;font-size:1.1rem;font-weight:600}.qb-text-input{color:#fff;box-sizing:border-box;background:#00000040;border:2px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:16px 20px;font-size:1.2rem;transition:all .3s;box-shadow:inset 0 2px 4px #0000004d}.qb-text-input:focus{background:#0006;border-color:#189276;box-shadow:0 0 15px #18927666,inset 0 2px 4px #0000004d}.qb-text-input::placeholder{color:#ffffff59;font-style:italic}.unlock-notification{color:#fff;text-align:center;background:linear-gradient(135deg,#fd7e14,#f59f00);border-radius:12px;margin-bottom:20px;padding:15px 30px;font-size:1.1rem;font-weight:700;animation:2s infinite alternate pulseGlow;box-shadow:0 6px 20px #fd7e1466}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 6px 20px #fd7e1466}to{transform:scale(1.02);box-shadow:0 6px 25px #fd7e14b3}}@media (width<=900px){.header-conjugation-wrapper{flex-direction:column;align-items:center}.game-layout{flex-direction:column;gap:15px}.game-container{height:auto;padding:15px;overflow-y:auto}}.modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:40px;animation:.3s ease-out scaleIn;box-shadow:0 20px 60px #0000004d}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-icon{margin-bottom:20px;font-size:64px;animation:.6s ease-out bounce}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-content h2{color:#1f2937;margin:0 0 16px;font-size:32px}.modal-message{color:#6b7280;margin-bottom:12px;font-size:18px}.character-reveal{color:#374151;background:#f3f4f6;border-radius:8px;margin-bottom:24px;padding:12px;font-size:16px}.character-reveal strong{color:#3b82f6;font-size:18px}.modal-actions{justify-content:center;gap:12px;display:flex}.btn-replay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #3b82f64d}.btn-replay:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-replay:active{transform:translateY(0)}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.guess-modal-content{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:28px;width:90%;max-width:380px;padding:35px;animation:.4s cubic-bezier(.34,1.56,.64,1) scaleUp;box-shadow:0 25px 50px -12px #00000080}.guess-avatar-container{background:#fff;border-radius:50%;width:110px;height:110px;margin:0 auto 20px;padding:12px;box-shadow:0 8px 16px #0003}.guess-avatar-container img{object-fit:contain;width:100%;height:100%}.guess-modal-content h2{margin-bottom:10px;font-size:28px;font-weight:800}.guess-modal-content p{opacity:.9;font-size:16px;line-height:1.5}.modal-actions{flex-direction:column;gap:12px;margin-top:30px;display:flex}.confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.cancel-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:14px;padding:14px;font-weight:500;transition:background .2s}.cancel-btn:hover{background:#ffffff26}.game-container{background-size:400% 400%;min-height:100vh;padding:20px;animation:30s infinite gradient;position:relative;overflow:hidden auto}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.header-conjugation-wrapper{justify-content:center;align-items:flex-start;width:100%;margin-bottom:30px;display:flex;position:relative}.conjugation-header{text-align:center;color:#fff;flex:1}.conjugation-header h1{text-shadow:0 0 30px #fff6;margin:0;font-size:clamp(1.8rem,5vw,3.2rem);font-weight:800}.secret-display-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:12px;margin-top:10px;padding:8px 20px;display:inline-flex;box-shadow:0 4px 16px #0000001a}.secret-avatar-mini{object-fit:contain;background:#fff;border-radius:50%;width:40px;height:40px;padding:4px;box-shadow:0 2px 8px #0000001a}.secret-info-mini{text-align:left;flex-direction:column;display:flex}.secret-info-mini .label{text-transform:uppercase;opacity:.8;letter-spacing:.5px;font-size:10px;font-weight:600}.secret-info-mini .name{color:#fff;font-size:16px;font-weight:700}.selection-phase{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-height:calc(100vh - 180px);padding:40px;overflow-y:auto;box-shadow:0 20px 60px #0003}.selection-instructions{text-align:center;margin-bottom:40px}.selection-instructions h3{color:#fff;margin:0 0 12px;font-size:36px;font-weight:700}.selection-instructions p{color:#fffc;margin:0;font-size:18px}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;max-width:1200px;margin:0 auto;display:grid}.selection-card{cursor:pointer;text-align:center;background:#fffffff2;border:2px solid #ffffff4d;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.selection-card:hover{background:#fff;border-color:#fffc;transform:translateY(-6px)scale(1.05);box-shadow:0 12px 32px #0000004d}.selection-card img{object-fit:contain;width:100%;height:120px;margin-bottom:12px}.selection-card p{color:#1f2937;margin:0;font-size:15px;font-weight:600}.playing-phase{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-height:calc(100vh - 180px);padding:32px;overflow-y:auto;box-shadow:0 20px 60px #0003}.controls-bar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}.instructions-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;flex:1;padding:14px 24px}.instructions-box p{color:#fff;margin:0;font-size:16px;font-weight:500}.undo-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003}.undo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.board-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;padding:24px}.cards-grid{grid-template-columns:repeat(5,1fr);gap:16px;max-width:1000px;margin:0 auto;display:grid}.game-card{aspect-ratio:3/4;cursor:pointer;background:#fffffff2;border:2px solid #ffffff4d;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.game-card.flipped{opacity:.5;background:#0000004d;border-color:#ffffff1a;transform:scale(.95)}.game-card.my-secret{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf244d,0 4px 12px #fbbf2466}.card-inner{flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:12px;display:flex}.card-inner img{object-fit:contain;width:100%;height:70%}.card-name{color:#1f2937;text-align:center;margin:0;font-size:14px;font-weight:600}.secret-badge{color:#78350f;text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border-radius:6px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;top:6px;left:6px;right:6px}@media (width<=900px){.header-conjugation-wrapper{flex-direction:column;align-items:center}.cards-grid{grid-template-columns:repeat(3,1fr)}}.game-root{color:#fff;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:flex-start;width:100vw;min-height:100vh;padding:28px 20px;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:relative}.game-sidebar{z-index:10;width:140px;position:fixed;top:28px;left:28px}.game-content{z-index:1;flex:none;width:100%;max-width:520px;position:relative}.fc-game-title{color:#fff;-webkit-text-stroke:1.5px #053085;text-shadow:3px 3px #b61c24,4.5px 4.5px #1343a4,0 0 30px #fff9;margin:0 0 10px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.progress-wrapper{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:15px;width:100%;margin-bottom:20px;padding:15px;box-shadow:0 4px 20px #0003}.progress-meta{justify-content:space-between;margin-bottom:10px;display:flex}.progress-meta span{color:#fff;letter-spacing:1px;font-family:monospace;font-size:.9rem;font-weight:700}.progress-track{box-sizing:border-box;background:#0000004d;border-radius:999px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 2px 5px #0000004d}.progress-fill{background:linear-gradient(90deg,#51cf66,#37b24d);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #51cf6699}.hint-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.05em;background:#fff3;border:1px solid #ffffff4d;border-radius:999px;padding:8px 16px;font-family:monospace;font-size:.85rem;font-weight:700;display:inline-block;box-shadow:0 4px 10px #0003}.prep-game-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border-radius:20px;height:fit-content;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #0000004d}.prep-game-card.status-default{border:1px solid #fff3}.prep-game-card.status-correct{background:#51cf6626;border:2px solid #51cf66;box-shadow:0 0 40px #51cf6680}.prep-game-card.status-wrong{background:#ff6b6b26;border:2px solid #ff6b6b;box-shadow:0 0 40px #ff6b6b80}.prep-game-card.shake{animation:.4s shake}.prep-game-card.bounce{animation:.6s bounce}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 6px;display:flex}.score-badge{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;padding:6px 15px;font-family:monospace;font-size:1rem;font-weight:700;box-shadow:0 4px 10px #0003}.scene-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:15px;margin-bottom:20px;padding:30px;box-shadow:0 4px 20px #0003}.scene-container{justify-content:center;align-items:center;min-height:120px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.scene-container.animate{transform:scale(1.1)}.scene-ball{background:radial-gradient(circle at 35% 35%,#60a5fa,#1d4ed8);border-radius:50%;flex-shrink:0;width:40px;height:40px;box-shadow:0 6px 20px #1d4ed899,inset 0 -4px 10px #0000004d}.scene-box{background:linear-gradient(145deg,#f59e0b,#d97706);border:2px solid #ea580c;border-radius:8px;flex-shrink:0;width:60px;height:55px;position:relative;box-shadow:0 8px 20px #d9770680,inset 0 2px #ffffff40}.scene-box.small{width:45px;height:42px}.scene-box-lid{background:linear-gradient(145deg,#fbbf24,#f59e0b);border:2px solid #ea580c;border-bottom:none;border-radius:6px 6px 0 0;height:16px;position:absolute;top:-14px;left:-3px;right:-3px;box-shadow:0 -2px 10px #fbbf2466}.scene-next_to{align-items:center;gap:20px;display:flex}.scene-on{flex-direction:column;align-items:center;display:flex}.scene-on .scene-ball{z-index:1;margin-bottom:-6px}.scene-in{width:80px;height:75px;position:relative}.scene-in .scene-box{position:absolute;top:0;left:0}.scene-in .scene-ball{z-index:2;width:30px;height:30px;position:absolute;top:18px;left:18px}.scene-under{flex-direction:column;align-items:center;display:flex}.scene-under .scene-ball{margin-top:8px}.scene-behind{width:90px;height:80px;position:relative}.scene-behind .scene-ball{opacity:.5;position:absolute;top:10px;left:26px;transform:scale(.75)}.scene-behind .scene-box{position:absolute;top:14px;left:16px}.scene-in_front_of{align-items:center;gap:14px;display:flex}.scene-between{align-items:center;gap:12px;display:flex}.scene-above{flex-direction:column;align-items:center;gap:18px;display:flex}.scene-near{align-items:center;gap:32px;display:flex}.scene-far_from{align-items:center;gap:80px;display:flex}.scene-far_from .scene-ball{opacity:.7}.scene-opposite{align-items:center;gap:14px;display:flex}.scene-arrow{color:#fffc;font-size:22px;font-weight:700}.scene-among{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:220px;display:flex}.scene-among .scene-ball{width:32px;height:32px}.scene-against{align-items:center;gap:0;display:flex}.scene-against .against-ball{z-index:2;margin-right:-10px}.scene-around{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.around-ring{position:absolute;inset:0}.scene-around .scene-box{z-index:2;position:relative}.scene-around .scene-ball{width:26px;height:26px;position:absolute}.around-b1{top:8px;left:48px}.around-b2{top:48px;right:8px}.around-b3{bottom:8px;left:48px}.around-b4{top:48px;left:8px}.scene-outside{align-items:center;gap:18px;display:flex;position:relative}.outside-label{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b99;font-size:24px;font-weight:700;position:absolute;top:-14px;right:-14px}.sentence-container-block{flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex}.sentence-line{text-align:center;color:#fff;letter-spacing:.02em;margin-bottom:0;font-size:1.2rem;font-weight:600}.sentence-hint-below{color:#ffffffb3;font-size:1rem;font-style:italic;font-weight:400}.sentence-blank-dynamic{color:#fbbf24;letter-spacing:2px;border-bottom:3px solid #fff9;margin:0 4px;padding:0 6px;font-family:monospace;font-weight:700;transition:all .2s;display:inline-block}.sentence-blank-dynamic.has-content{color:#fbbf24;letter-spacing:normal;font-family:inherit}.answer-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.05em;box-sizing:border-box;color:#fff;background:#ffffff26;border-radius:15px;outline:none;width:100%;margin-bottom:15px;padding:16px 22px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0003}.answer-input.status-default{border:2px solid #ffffff4d}.answer-input.status-default::placeholder{color:#fff9}.answer-input:-webkit-autofill{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #19799c66}.answer-input:-webkit-autofill:hover{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #19799c66}.answer-input:-webkit-autofill:focus{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #19799c66}.answer-input.status-correct{color:#51cf66;background:#51cf6633;border:2px solid #51cf66;box-shadow:0 0 20px #51cf6666}.answer-input.status-wrong{color:#ff6b6b;background:#ff6b6b33;border:2px solid #ff6b6b;box-shadow:0 0 20px #ff6b6b66}.btn-check{letter-spacing:.1em;color:#fff;cursor:pointer;text-transform:uppercase;box-sizing:border-box;border:none;border-radius:15px;width:100%;padding:16px;font-size:1.1rem;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px #0000004d}.btn-check.status-correct{background:linear-gradient(135deg,#51cf66,#37b24d);box-shadow:0 6px #0000004d,0 0 25px #51cf6680}.btn-check.status-default{background:linear-gradient(135deg,#189276,#19799c)}.btn-check:hover:not(:disabled){border-color:#0000;transform:translateY(-3px);box-shadow:0 9px #0000004d}.btn-check:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0000004d}.btn-check:disabled{opacity:.6;cursor:not-allowed}.btn-check.has-hint{margin-bottom:15px}.synonyms-row{color:#fffc;text-align:center;margin-bottom:12px;font-size:.85rem}.synonym-chip{background:#ffffff26;border-radius:6px;margin:0 3px;padding:2px 8px;font-family:monospace;font-weight:700;display:inline-block}.hint-section{margin-top:15px}.btn-hint{color:#ffffffe6;cursor:pointer;letter-spacing:.05em;box-sizing:border-box;background:#ffffff1a;border:1px dashed #fff6;border-radius:12px;width:100%;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-hint:hover{background:#ffffff26;border-color:#ffffff80}.hint-reveal{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fbbf24;letter-spacing:.15em;background:#fbbf2433;border:1px solid #fbbf2480;border-radius:12px;padding:14px;font-family:monospace;font-size:1.1rem;font-weight:900;box-shadow:0 0 20px #fbbf244d}.skip-row{text-align:center;margin-top:18px}.btn-skip{color:#ffffffb3;cursor:pointer;letter-spacing:.05em;text-transform:lowercase;background:0 0;border:none;font-size:.95rem;font-weight:600;transition:all .2s}.btn-skip:hover{color:#fff;border-color:#0000;transform:translate(5px)}.results-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:50px 40px;animation:.5s slideUp;box-shadow:0 20px 60px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.results-trophy{margin-bottom:20px;font-size:5rem;animation:.8s bounce-trophy}@keyframes bounce-trophy{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.results-title{color:#fff;text-shadow:0 4px 20px #0006;margin:0 0 10px;font-size:2.5rem;font-weight:900}.results-subtitle{color:#fffc;margin:0 0 30px;font-size:1rem;font-weight:600}.results-score{letter-spacing:.05em;margin-bottom:35px;font-family:monospace;font-size:4rem;font-weight:900}.results-score.perfect{color:#51cf66;text-shadow:0 0 30px #51cf66cc;animation:1.5s infinite pulse}.results-score.good{color:#ffffffeb;text-shadow:0 0 30px #b1b1b1cc}.btn-restart{color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#189276,#19799c);border:none;border-radius:15px;padding:18px 50px;font-size:1.2rem;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px #0000004d}.btn-restart:hover{border-color:#0000;transform:translateY(-3px);box-shadow:0 9px #0000004d}.btn-restart:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.game-back-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1000;background:#ffffff1a;border:2px solid #ffffff1a;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s;position:fixed;top:30px;left:30px;width:15vw!important}.game-back-btn:hover{background:#ffffff4d;transform:translate(-5px)}@media (width<=600px){.game-back-btn{padding:10px 18px;font-size:.9rem;top:10px;left:10px}.game-root{flex-direction:column;align-items:center;padding:15px}.game-sidebar{width:100%;margin-bottom:16px;position:static}.game-title{font-size:1.6rem}.progress-wrapper{padding:12px}.prep-game-card,.scene-wrapper{padding:20px}.sentence-line{font-size:1rem}.answer-input{padding:14px 18px;font-size:1rem}.btn-check{padding:14px;font-size:1rem}.results-card{padding:35px 25px}.results-trophy{font-size:3.5rem}.results-title{font-size:1.8rem}.results-score{font-size:3rem}.btn-restart{padding:14px 35px;font-size:1rem}}.results-total{color:#ffffffd9;letter-spacing:.05em;margin-bottom:25px;font-family:monospace;font-size:1.1rem;font-weight:700}.game-over-overlay{-webkit-backdrop-filter:blur(10px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.game-over-alert{text-align:center;color:#fff;background:#ffffff1a;border:2px solid #ff6b6b;border-radius:20px;width:90%;max-width:400px;padding:40px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards scaleUp;box-shadow:0 0 50px #ff6b6b66}.game-over-emoji{margin-bottom:15px;font-size:4rem;animation:1s infinite alternate pulseX;display:inline-block}.game-over-alert h2{color:#ff6b6b;letter-spacing:-.02em;margin:0 0 10px;font-size:2.2rem;font-weight:900}.game-over-alert p{color:#ffffffe6;margin:0;font-size:1.1rem;line-height:1.5}.mistakes-badge{color:#fa2e2e;background:#ff3a3a26;border:1px solid #ff21214d;border-radius:999px;padding:6px 15px;font-family:monospace;font-size:1rem;font-weight:700;box-shadow:0 4px 10px #0003}@keyframes pulseX{0%{transform:scale(1)}to{transform:scale(1.15)}}:root{--pg-max-width:860px;--pg-gap:24px;--pg-card-padding:28px 24px;--pg-card-radius:20px;--pg-card-bg:#ffffff1a;--pg-card-bg-hover:#ffffff2e;--pg-card-border:#fff3;--pg-card-shadow:0 8px 30px #00000040;--pg-card-shadow-hover:0 12px 40px #00000059;--pg-card-blur:blur(15px);--pg-icon-size:70px;--pg-icon-radius:16px;--pg-icon-bg:#ffffff1a;--pg-icon-padding:12px;--pg-title-size:1.4rem;--pg-subtitle-size:.95rem;--pg-subtitle-opacity:.75;--pg-header-mb:50px;--pg-column-gap:24px}.menu-container{box-sizing:border-box;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:relative}.menu-grid{max-width:var(--pg-max-width);grid-template-columns:repeat(2,1fr);display:grid;column-gap:var(--pg-column-gap)!important;row-gap:0!important}.mode-card{background:var(--pg-card-bg);border:1px solid var(--pg-card-border);border-radius:var(--pg-card-radius);padding:var(--pg-card-padding);color:#fff;-webkit-backdrop-filter:var(--pg-card-blur);box-shadow:var(--pg-card-shadow);cursor:pointer;box-sizing:border-box;align-items:center;gap:20px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.mode-card:hover{background:var(--pg-card-bg-hover);box-shadow:var(--pg-card-shadow-hover);transform:translateY(-4px)}.card-icon{width:var(--pg-icon-size);height:var(--pg-icon-size);background:var(--pg-icon-bg);border-radius:var(--pg-icon-radius);padding:var(--pg-icon-padding);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-icon img{object-fit:contain;filter:drop-shadow(0 4px 8px #0000004d);width:100%;height:100%}.card-content{text-align:left;flex-direction:column;gap:6px;display:flex}.card-content h3{font-size:var(--pg-title-size);color:#fff;text-align:left;margin:0;font-weight:800;line-height:1.2}.card-content p{font-size:var(--pg-subtitle-size);color:rgba(255, 255, 255, var(--pg-subtitle-opacity));text-align:left;margin:0;line-height:1.4}@media (width<=600px){.menu-grid{grid-template-columns:1fr}.card-content h3{font-size:1.2rem}}:root{--pth-gap:22px;--pth-card-bg:#ffffff17;--pth-card-border:#ffffff2e;--pth-card-radius:18px;--pth-ball-size:40px;--pth-ball-sm:28px;--pth-box-w:56px;--pth-box-h:52px;--pth-box-sm-w:40px;--pth-box-sm-h:36px;--pth-box-color-top:#fbbf24;--pth-box-color-mid:#f59e0b;--pth-box-color-dark:#d97706;--pth-box-border:#ea580c;--pth-ball-color-light:#60a5fa;--pth-ball-color-dark:#1d4ed8;--pth-scene-near-gap:30px;--pth-scene-far-gap:64px}.pth-root{color:#fff;width:100%;min-height:100vh;padding-bottom:48px;font-family:Segoe UI,system-ui,sans-serif}.pth-topbar{padding:22px 28px 0}.pth-back-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:1000;background:#ffffff1a;border:1.4px solid #ffffff1a;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s;position:fixed;top:30px;left:30px;width:15vw!important}.pth-back-btn:hover{background:#ffffff4d;transform:translate(-5px)}@media (width<=600px){.pth-back-btn{padding:10px 18px;font-size:.9rem;top:10px;left:10px}}.pth-title{color:#fff;-webkit-text-stroke:1.5px #053085;text-shadow:3px 3px #b61c24,4.5px 4.5px #1343a4,0 0 30px #fff9;margin:0 0 10px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.pth-grid{gap:var(--pth-gap);grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;padding:24px 28px 0;display:grid}.pth-card{background:var(--pth-card-bg);border:1px solid var(--pth-card-border);border-radius:var(--pth-card-radius);-webkit-backdrop-filter:blur(12px);flex-direction:column;align-items:center;gap:14px;padding:18px 16px 16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 24px #00000040}.pth-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #00000059}.pth-card__label{letter-spacing:.08em;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff2e;border:1px solid #ffffff47;border-radius:999px;max-width:100%;padding:5px 14px;font-family:monospace;font-size:.75rem;font-weight:700;overflow:hidden}.pth-card__scene-area{background:#ffffff1f;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:112px;padding:16px 10px;display:flex}.pth-card__desc{color:#ffffffd1;text-align:center;padding:0 4px;font-size:.82rem;line-height:1.55}.pth-ball{width:var(--pth-ball-size);height:var(--pth-ball-size);background:radial-gradient(circle at 35% 35%, var(--pth-ball-color-light), var(--pth-ball-color-dark));border-radius:50%;flex-shrink:0;box-shadow:0 4px 14px #1d4ed880}.pth-ball--sm{width:var(--pth-ball-sm);height:var(--pth-ball-sm)}.pth-box{width:var(--pth-box-w);height:var(--pth-box-h);background:linear-gradient(145deg, var(--pth-box-color-mid), var(--pth-box-color-dark));border:2px solid var(--pth-box-border);border-radius:7px;flex-shrink:0;position:relative;box-shadow:0 5px 16px #d9770673}.pth-box--sm{width:var(--pth-box-sm-w);height:var(--pth-box-sm-h)}.pth-box:before{content:"";background:linear-gradient(145deg, var(--pth-box-color-top), var(--pth-box-color-mid));border:2px solid var(--pth-box-border);border-bottom:none;border-radius:6px 6px 0 0;height:14px;position:absolute;top:-13px;left:-3px;right:-3px}.pth-scene{justify-content:center;align-items:center;display:flex}.pth-scene--row{gap:16px}.pth-scene--near{gap:var(--pth-scene-near-gap)}.pth-scene--far{gap:var(--pth-scene-far-gap)}.pth-scene--col{flex-direction:column;gap:0}.pth-scene--col .pth-ball{z-index:1;margin-bottom:-5px}.pth-scene--col-gap{flex-direction:column;gap:14px}.pth-scene--wrap{flex-wrap:wrap;justify-content:center;gap:8px;max-width:200px}.pth-scene--in{width:72px;height:68px;position:relative}.pth-scene--in .pth-box{position:absolute;top:0;left:0}.pth-scene--in .pth-ball{z-index:2;width:28px;height:28px;position:absolute;top:16px;left:16px}.pth-scene--behind{width:84px;height:74px;position:relative}.pth-scene--behind .pth-ball{opacity:.45;position:absolute;top:8px;left:22px;transform:scale(.72)}.pth-scene--behind .pth-box{position:absolute;top:12px;left:12px}.pth-scene--against{gap:0}.pth-scene--against .pth-ball{z-index:2;margin-right:-10px}.pth-scene--around{justify-content:center;align-items:center;width:116px;height:116px;display:flex;position:relative}.pth-scene--around .pth-box{z-index:2;position:relative}.pth-scene--around .pth-ball{width:22px;height:22px;position:absolute}.pth-around-b1{top:6px;left:47px}.pth-around-b2{top:47px;right:6px}.pth-around-b3{bottom:6px;left:47px}.pth-around-b4{top:47px;left:6px}.pth-arrow{color:#ffffffbf;font-size:20px;font-weight:700}@media (width<=860px){.pth-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 16px 0}.pth-title{margin-left:16px;font-size:1.4rem}.pth-topbar{padding:16px 16px 0}.pth-card__label{padding:4px 10px;font-size:.65rem}.pth-card__desc{font-size:.75rem}}@media (width<=560px){.pth-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=360px){.pth-grid{grid-template-columns:1fr}}.among-crewmate{z-index:9999;pointer-events:none;transition:bottom .6s cubic-bezier(.22,1,.36,1);position:fixed;bottom:-120px;left:32px}.among-crewmate--visible{bottom:24px}.among-crewmate--leaving{transition:bottom .7s cubic-bezier(.55,0,1,.45);bottom:-120px}.conjugation-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:100px 20px 20px;display:flex;position:relative;overflow-x:hidden}.header-conjugation-wrapper{text-align:center;width:100%;margin-bottom:20px}.conjugation-header h1{color:#fff;-webkit-text-stroke:1.5px #053085;text-shadow:3px 3px #b61c24,4.5px 4.5px #1343a4,0 0 30px #fff9;margin:0 0 10px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.conjugation-header p{color:#fffc;font-size:1.2rem}.conj-score-wrapper{justify-content:center;align-items:center;width:100%;max-width:900px;margin-bottom:20px;animation:.4s ease-out forwards fadeInScore;display:flex}.conj-score-badge{color:#fff;-webkit-backdrop-filter:blur(10px);white-space:nowrap;letter-spacing:.05em;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;padding:8px 20px;font-family:monospace;font-size:1rem;font-weight:700;box-shadow:0 4px 15px #0003}@keyframes fadeInScore{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-wrapper{flex-direction:column;gap:30px;width:100%;max-width:900px;display:flex}.dice-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.dice-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transform-style:preserve-3d;background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;align-items:center;padding:20px;display:flex}.dice-label{color:#fff9;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:.8rem}.dice-face-container{justify-content:center;align-items:center;width:90px;height:90px;display:flex}.dice-face-static{color:#fff;background:#ffffff26;border:2px solid #fff3;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.6rem;font-weight:800;display:flex}.dice-small-text{text-align:center;padding:10px;font-size:.9rem}.dice-symbol-main{font-size:2rem}.dice-type-sub{font-size:.7rem;font-weight:600}.verb-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:linear-gradient(145deg,#ffffff1f,#ffffff0d);border:1px solid #fff3;border-radius:24px;padding:30px}.verb-label{color:#ffffffb3;text-transform:uppercase;margin-bottom:8px;font-size:.9rem}.verb-text{color:#fff;letter-spacing:-1px;font-size:3rem;font-weight:900}.answer-box-modern{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.input-wrapper-glass{background:#0003;border:1px solid #ffffff1a;border-radius:20px;width:100%;transition:all .3s;position:relative}.input-wrapper-glass:focus-within{border-color:#ffffff4d;box-shadow:0 10px 40px #0000004d}.modern-textarea{color:#fff;text-align:center;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:90px;padding:25px;font-family:inherit;font-size:1.3rem}.input-glow-line{background:linear-gradient(90deg,#0000,#4ade80,#60a5fa,#0000);width:0;height:2px;transition:width .5s,left .5s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.input-wrapper-glass:focus-within .input-glow-line{width:100%}.btn-verify-modern{color:#1a1a1a;cursor:pointer;background:#fff;border:none;border-radius:100px;align-items:center;gap:12px;padding:16px 40px;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.btn-verify-modern:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 10px 25px #ffffff4d}.button.btn-start{letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;opacity:1;background:linear-gradient(135deg,#ae387b,#19799c);border:none;border-radius:15px;margin-top:10px;padding:16px 50px;font-size:1.1rem;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 6px #0000004d}.button.btn-start:hover{transform:translateY(-3px);box-shadow:0 9px #0000004d}.button.btn-start:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.button.btn-start:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.dice-grid{grid-template-columns:1fr}.verb-text{font-size:2.2rem}.modern-textarea{font-size:1.1rem}}.class-select-screen{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.class-select-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffff12;border:1px solid #ffffff26;border-radius:28px;width:100%;max-width:500px;padding:40px 36px;box-shadow:0 20px 60px #0000004d}.class-select-icon{margin-bottom:16px;font-size:3rem}.class-select-title{color:#fff;letter-spacing:-.02em;margin:0 0 10px;font-size:1.7rem;font-weight:700}.class-select-subtitle{color:#ffffff8c;margin:0 0 28px;font-size:.95rem}.class-select-list{flex-direction:column;gap:10px;display:flex}.class-select-btn{cursor:pointer;color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:12px;width:100%;padding:16px 20px;font-family:inherit;font-size:1rem;transition:all .2s;display:flex}.class-select-btn:hover{background:#ffffff24;border-color:#ffffff47;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.class-select-btn-name{text-align:left;flex:1;font-size:1.05rem;font-weight:700}.class-select-btn-count{color:#ffffff73;white-space:nowrap;font-size:.8rem}.class-select-btn-arrow{color:#ffffff59;font-size:1.1rem;transition:transform .2s}.class-select-btn:hover .class-select-btn-arrow{color:#ffffffb3;transform:translate(4px)}.class-select-loading{color:#ffffff80;justify-content:center;align-items:center;gap:12px;font-size:.95rem;display:flex}.class-select-empty{color:#ffffff73;text-align:center;font-size:.9rem;line-height:1.6}.conj-spinner{border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.7s linear infinite conj-spin}@keyframes conj-spin{to{transform:rotate(360deg)}}.clock-game-container{box-sizing:border-box;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative}.clock-header{text-align:center;margin-bottom:30px}.clock-header h1{text-shadow:0 0 30px #ffffff80;margin:0;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.clock-header p{opacity:.8;margin-top:10px;font-size:1.2rem}.mode-selector{gap:15px;margin-bottom:30px;display:flex}.mode-selector button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;padding:10px 25px;transition:all .3s}.mode-selector button.active-mode{background:#189276;border-color:#53f260;box-shadow:0 0 15px #18927680}.clock-glass-card{-webkit-backdrop-filter:blur(15px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;width:100%;max-width:500px;padding:40px;box-shadow:0 20px 50px #0000004d}.digital-display{color:#53f260;text-shadow:0 0 10px #53f260b3,0 0 20px #53f26066;background:#0000004d;border:1px solid #53f26033;border-radius:20px;margin-bottom:30px;padding:20px;font-family:Courier New,Courier,monospace;font-size:6rem;font-weight:700;box-shadow:inset 0 0 20px #00000080}.clock-input{color:#fff;text-align:center;background:#0003;border:2px solid #ffffff1a;border-radius:15px;outline:none;width:100%;margin-bottom:25px;padding:18px;font-size:1.4rem;transition:border-color .3s}.clock-input:focus{border-color:#53f260}.clock-button-group{justify-content:center;gap:15px;margin-bottom:20px;display:flex}.btn-check{color:#fff;cursor:pointer;background:#189276;border:none;border-radius:12px;flex:1;padding:12px 25px;font-weight:700}.btn-new{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:12px 25px}.attempts{color:#ffffff80;margin:0;font-size:.9rem}.theory-page-wrapper{box-sizing:border-box;color:#fff;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:60px 40px;display:flex;overflow-y:auto}.theory-header-main{text-align:center;max-width:800px;margin-bottom:50px}.theory-header-main h1{letter-spacing:-1px;text-shadow:0 10px 30px #0000004d;margin:0;font-size:clamp(3rem,6vw,4.2rem);font-weight:800}.theory-header-main p{opacity:.75;margin-top:15px;font-size:1.25rem;line-height:1.6}.theory-main-container{flex-direction:column;gap:45px;width:100%;max-width:1000px;display:flex}.theory-section-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;padding:45px;box-shadow:0 20px 45px #0003}.theory-section-card h2{color:#fff;border-bottom:2px solid #ffffff1a;margin-top:0;margin-bottom:35px;padding-bottom:15px;font-size:2rem;font-weight:700}.theory-split-columns{grid-template-columns:1fr 1fr;gap:45px;display:grid}.theory-column-block h3{color:#ffffffd9;margin-top:0;margin-bottom:25px;font-size:1.3rem}.numbers-display-list{flex-direction:column;gap:14px;display:flex}.number-item-row{background:#00000026;border:1px solid #ffffff0a;border-radius:12px;align-items:center;padding:14px 22px;display:flex}.digit-badge{color:#fff;border-right:1px solid #ffffff26;min-width:50px;margin-right:20px;padding-right:5px;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;display:inline-block}.word-text{text-transform:capitalize;font-size:1.1rem}.rule-description-text{margin-top:0;margin-bottom:30px;font-size:1.2rem;line-height:1.7}.hyphen-token{background:#ffffff26;border-radius:6px;padding:4px 12px;font-family:monospace;font-weight:700}.examples-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.example-item{background:#0003;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;padding:18px 25px;font-size:1.15rem;display:flex}.ex-num{opacity:.5;font-weight:700}.ex-arrow{opacity:.3;margin:0 14px}.ex-word{font-weight:700}.spelling-alert-banner{text-align:left;background:#ffffff0a;border-left:4px solid #ffffff4d;border-radius:0 14px 14px 0;padding:18px 24px;font-size:1.1rem;line-height:1.5}.large-numbers-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-bottom:40px;display:grid}.large-number-item-box{background:#00000026;border:1px solid #ffffff0a;border-radius:14px;align-items:center;padding:16px 24px;display:flex}.large-digit-badge{text-align:center;background:#ffffff14;border-radius:8px;min-width:110px;margin-right:25px;padding:6px 14px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.large-word-text{text-transform:capitalize;font-size:1.1rem}.complex-breakdown-box{text-align:center;background:#00000040;border:1px solid #ffffff0d;border-radius:18px;margin-top:25px;padding:35px}.complex-breakdown-box h3{opacity:.6;margin-top:0;margin-bottom:20px;font-size:1.25rem}.complex-digital-hero{letter-spacing:2px;margin-bottom:20px;font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.complex-spelling-output{max-width:850px;margin:0 auto;font-size:1.2rem;font-style:italic;line-height:1.7}@media (width<=850px){.theory-split-columns{grid-template-columns:1fr;gap:35px}.theory-page-wrapper{padding:40px 20px}.theory-section-card{padding:30px 20px}}.card-top-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}:root{--ws-max-width:860px;--ws-gap:24px;--ws-card-padding:28px 24px;--ws-card-radius:20px;--ws-card-bg:#ffffff1a;--ws-card-bg-hover:#ffffff2e;--ws-card-border:#fff3;--ws-card-shadow:0 8px 30px #00000040;--ws-card-shadow-hover:0 12px 40px #00000059;--ws-card-blur:blur(15px);--ws-icon-size:70px;--ws-icon-radius:16px;--ws-icon-bg:#ffffff1a;--ws-icon-padding:12px;--ws-title-size:1.4rem;--ws-subtitle-size:.95rem;--ws-subtitle-opacity:.75;--ws-header-mb:50px}.ws-container{box-sizing:border-box;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:relative}.ws-header{text-align:center;color:#fff;margin-bottom:var(--ws-header-mb)}.ws-header h1{color:#fff;-webkit-text-stroke:1.5px #053085;text-shadow:3px 3px #b61c24,4.5px 4.5px #1343a4,0 0 30px #fff9;margin:0 0 10px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.ws-header p{opacity:.9;margin-top:10px;font-size:1.1rem}.ws-nav-list{gap:var(--ws-gap);width:100%;max-width:var(--ws-max-width);flex-direction:column;display:flex}.ws-row{gap:var(--ws-gap);grid-template-columns:repeat(2,1fr);display:grid}.ws-row-single{justify-content:center;display:flex}.ws-row-single .ws-card{width:calc(50% - var(--ws-gap) / 2)}.ws-card{background:var(--ws-card-bg);border:1px solid var(--ws-card-border);border-radius:var(--ws-card-radius);padding:var(--ws-card-padding);color:#fff;-webkit-backdrop-filter:var(--ws-card-blur);box-shadow:var(--ws-card-shadow);cursor:pointer;box-sizing:border-box;align-items:center;gap:20px;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.ws-card:hover{background:var(--ws-card-bg-hover);box-shadow:var(--ws-card-shadow-hover);transform:translateY(-4px)}.ws-card-icon{width:var(--ws-icon-size);height:var(--ws-icon-size);background:var(--ws-icon-bg);border-radius:var(--ws-icon-radius);padding:var(--ws-icon-padding);box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ws-card-icon img{object-fit:contain;filter:drop-shadow(0 4px 8px #0000004d);width:100%;height:100%}.ws-card-text{text-align:left;flex-direction:column;gap:6px;display:flex}.ws-card-title{font-size:var(--ws-title-size);color:#fff;text-align:left;font-weight:800;line-height:1.2}.ws-card-subtitle{font-size:var(--ws-subtitle-size);color:rgba(255, 255, 255, var(--ws-subtitle-opacity));text-align:left;line-height:1.4}@media (width<=600px){.ws-row{grid-template-columns:1fr}.ws-row-single .ws-card{width:100%}.ws-card-title{font-size:1.2rem}}#root{text-align:center;max-width:100%;margin:0;padding:0}body{margin:0;overflow-x:hidden}.app-background{width:100vw;min-height:100vh}.game-page{box-sizing:border-box;cursor:default;flex-direction:column;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex;position:relative}.game-page .back-button-container{z-index:100;position:absolute;top:20px;left:20px}.game-page__title{color:#fff;-webkit-text-stroke:1.5px #053085;text-shadow:3px 3px #b61c24,4.5px 4.5px #1343a4,0 0 30px #fff9;margin:20px 0;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.game-page__info-bar{-webkit-backdrop-filter:blur(15px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:20px;margin-bottom:25px;padding:12px 25px;display:flex}.game-page__info-bar-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:8px 15px;font-weight:700;transition:all .3s}.game-page__info-bar-button:hover{background:#189276;transform:translateY(-2px)}.game-page__game-area{justify-content:center;align-items:flex-start;gap:25px;width:98vw;max-width:1400px;padding:10px;display:flex;overflow-x:auto}.game-page__grid-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000040;border:1px solid #ffffff1a;border-radius:15px;flex-shrink:1;padding:12px}.game-page__grid{gap:4px;display:grid}.game-page__cell{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:1px 1px 2px #00000080;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex}.game-page__grid[style*=repeat\(15] .game-page__cell{width:34px;height:34px;font-size:.95rem}.game-page__grid[style*=repeat\(20] .game-page__cell{gap:2px;width:28px;height:28px;font-size:.85rem}.game-page__cell--selected{z-index:10;text-shadow:none;transform:scale(1.1);color:#000!important;background:linear-gradient(135deg,#fc0,#ff9500)!important;border-color:#fff!important}.game-page__cell[style*=border-color]:not([style*="rgba(255, 255, 255, 0.15)"]){border-width:2px!important}.game-page__word-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:12px;width:25vw;min-width:320px;max-height:none;margin:0;padding:20px;list-style:none;display:grid;box-shadow:0 10px 30px #0003}.game-page__word-list-item{color:#fff;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.game-page__victory-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-page__victory-box{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;padding:40px}.game-page__victory-title{color:#53f260;margin-bottom:10px;font-size:2.5rem}.game-page__victory-button{color:#fff;cursor:pointer;background:#189276;border:none;border-radius:12px;margin:10px;padding:12px 25px;font-weight:700;transition:all .3s}@media (width<=1024px){.game-page__game-area{flex-direction:column;align-items:center}.game-page__word-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));width:90%;min-width:90%;max-height:none;margin-top:20px}.game-page__title{margin-top:60px;font-size:2.2rem}}.drag-game{overflow:hidden}.drag-game h1{margin-top:0;padding-top:20px}.drag-game .game-area{justify-content:center;align-items:center;gap:80px;display:flex}.drag-game .back-btn{color:#fff;z-index:1000;border-radius:15px;flex-basis:auto;width:auto;max-width:none;margin:0;padding:20px;position:fixed;top:20px;left:20px}.drag-game .game-area{justify-content:center;align-items:center;display:flex}.house-frame{background:#ffffff5a;border:2px solid #ffffff40;border-radius:15px;flex-direction:column;align-items:center;width:900px;margin:20px auto;padding:20px;display:flex;box-shadow:0 4px 15px #0000001a}.drag-game .maison{background-position:50%;background-repeat:no-repeat;background-size:contain;width:550px;height:480px}.drag-game .pieces-container{justify-content:center;gap:10px;width:100%;max-width:850px;flex-flow:wrap!important;display:flex!important}.drag-game .tooltip{cursor:help;vertical-align:middle;background:#fff;border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;font-size:.8rem;font-weight:900;line-height:1;display:inline-flex;position:relative;box-shadow:0 2px 4px #0003;color:#000!important}.drag-game .tooltip-text{visibility:hidden;white-space:nowrap;opacity:0;z-index:10000;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:700;transition:opacity .3s,visibility .3s;position:absolute;bottom:calc(100% + 12px);left:50%;box-shadow:0 6px 16px #00000080;color:#fff!important;background:#222!important;transform:translate(-50%)!important}.drag-game .tooltip-text:after{content:"";border-style:solid;border-width:8px;position:absolute;top:100%;left:50%;transform:translate(-50%);border-color:#222 #0000 #0000!important}.drag-game .tooltip:hover .tooltip-text{visibility:visible;opacity:1}.drag-game .zone{color:#000;text-shadow:1px 1px 2px #fffc;background-color:#ffffff5a;border:2px dashed red;border-radius:5px;justify-content:center;align-items:center;padding:5px;font-size:16px;font-weight:700;display:flex;position:absolute}.drag-game .zone.active{background-color:#00c3ff14;border:3px dashed #00c3ff}.drag-game .stats{background:0 0;border:2px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;gap:15px;width:fit-content;max-width:90%;margin:10px auto;padding:10px 15px;display:flex}.drag-game .stats p{color:#fff;text-shadow:1px 1px 1px #ffffff80;margin:0;font-size:16px;font-weight:700}.drag-game div>p:first-of-type{color:#fff;text-align:center;background:0 0;padding:10px;font-size:18px;font-weight:700}@keyframes shakeHard{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}to{transform:translate(0)}}.drag-game rect.shake{transform-origin:50%;animation:.4s shakeHard}.drag-game rect.wrong{filter:drop-shadow(0 0 6px red);fill:#ff000059!important;stroke:red!important;stroke-width:3px!important}.win-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-card{color:#000;text-align:center;background:linear-gradient(135deg,#0f9,#0cf);border-radius:20px;padding:30px;font-size:30px;font-weight:700;animation:.6s popWin}@keyframes popWin{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.confetti{pointer-events:none;z-index:9998;background-image:radial-gradient(circle,red 10%,#0000 11%),radial-gradient(circle,#00f 10%,#0000 11%),radial-gradient(circle,#ff0 10%,#0000 11%);background-size:25px 25px;animation:2s linear fall;position:fixed;inset:0}@keyframes fall{0%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(100%)}}.drag-game .pieces-container{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:15px;display:flex}.drag-game .piece-btn{cursor:grab;background:0 0;border:2px solid #b4b4b499;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s}.drag-game .piece-btn:hover{transform:scale(1.08)}.drag-game .piece-btn.selected{color:#fff;background:#00c3ff;transform:scale(1.1)}.drag-game .piece-btn:disabled{opacity:.4;cursor:not-allowed}#root{width:100%;height:100vh}.writing-game{text-align:center}.back-btn{color:#fff;z-index:1000;flex-basis:auto;width:auto;max-width:none;margin:0;position:fixed;top:20px;left:20px}.writing-game .tooltip-text{visibility:hidden;white-space:nowrap;opacity:0;z-index:10000;text-shadow:none;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:700;transition:opacity .3s,visibility .3s;position:absolute;bottom:calc(100% + 12px);left:50%;box-shadow:0 6px 16px #00000080;color:#fff!important;background:#222!important;border:none!important;transform:translate(-50%)!important}.writing-game .tooltip-text:after{content:"";border-style:solid;border-width:8px;position:absolute;top:100%;left:50%;transform:translate(-50%);border-color:#222 #0000 #0000!important}header{color:#000;text-shadow:1px 1px 2px #ffffff80;background:0 0;padding:15px}header h1{text-shadow:1px 1px 2px #ffffff80;margin:20px;font-size:2rem}button{color:#000;cursor:pointer;text-shadow:1px 1px 1px #ffffff80;background:#ffffff5a;border:2px solid #ffffff40;border-radius:6px;margin:10px 5px;padding:10px 15px;font-weight:700;transition:all .2s}button:hover{background:#ffffff80;transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.card-game{background:#ffffff5a;border:2px solid #ffffff40;border-radius:15px;width:380px;margin:40px auto;padding:25px;animation:.4s fadeIn;box-shadow:0 4px 15px #0000001a}.card-game h2{color:#000;text-shadow:1px 1px 2px #ffffff80;font-size:1.5rem}.card-game input{color:#000;background:0 0;border:2px solid #ffffff40;border-radius:5px;width:100%;margin:10px 0;padding:10px;font-size:16px}.card-game img{object-fit:cover;border:2px solid #ffffff40;border-radius:12px;width:220px;height:150px;margin-bottom:15px}.card-game h2{margin-bottom:15px}.card-game input{background:#ffffff80;border:2px solid #ffffff40;border-radius:6px;outline:none;width:90%;margin-top:10px;padding:10px;font-size:16px;transition:all .2s}.card-game input:focus{background:#fffc;box-shadow:0 0 5px #ffffff80}#message{color:#000;text-shadow:1px 1px 2px #fffc;text-align:center;background:#ffffff5a;border:2px solid #ffffff40;border-radius:8px;min-height:20px;margin-top:10px;padding:10px;font-size:18px;font-weight:700}.card-game p{color:#000;text-shadow:1px 1px 1px #ffffff80;margin-top:10px;font-size:16px}#gameOver{background:#ffffff5a;border:2px solid #ffffff40;border-radius:12px;margin-top:40px;padding:20px;animation:.4s fadeIn;display:inline-block;box-shadow:0 4px 15px #0000001a}#gameOver h3{color:#000;text-shadow:1px 1px 2px #ffffff80}.stats{box-shadow:none;background:#ffffff5a;border:2px solid #ffffff40;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:20px;margin:10px 0;padding:15px;display:flex}.stats p{color:#000;text-shadow:1px 1px 1px #ffffff80;margin:5px 0;font-size:16px;font-weight:700}@keyframes popCorrect{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shakeWrong{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}to{transform:translate(0)}}#root{width:100%;min-height:100vh}.writing-game{text-align:center;padding:15px;overflow-x:hidden}.writing-game h1{color:#fff;margin-top:10px;font-size:clamp(1.6rem,4vw,2.4rem)}.back-btn{z-index:1000;flex-basis:auto;width:auto;max-width:none;margin:0;position:fixed;top:20px;left:20px}.writing-game .tooltip{cursor:help;vertical-align:middle;background:#fff;border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;font-size:.8rem;font-weight:900;line-height:1;display:inline-flex;position:relative;box-shadow:0 2px 4px #0003;color:#000!important}.writing-game .tooltip-text{visibility:hidden;white-space:nowrap;opacity:0;z-index:10000;background:#222;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:700;transition:opacity .3s,visibility .3s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000080;color:#fff!important}.writing-game .tooltip-text:after{content:"";border:8px solid #0000;border-top-color:#222;position:absolute;top:100%;left:50%;transform:translate(-50%)}.writing-game .tooltip:hover .tooltip-text{visibility:visible;opacity:1}.card-game{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:2px solid #fff3;border-radius:25px;width:100%;max-width:750px;margin:20px auto;padding:20px;animation:.5s fadeIn}.card-game img{object-fit:contain;border-radius:20px;width:100%;max-width:650px;height:auto;margin-bottom:20px}.question-box{background:#ffffff14;border-radius:15px;margin-bottom:20px;padding:15px}.question-box h2{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;font-size:clamp(1.1rem,3vw,1.8rem);display:flex}.answer-buttons{grid-template-columns:repeat(2,1fr);gap:15px;max-width:550px;margin:25px auto;display:grid}.answer-buttons button{cursor:pointer;border:none;border-radius:15px;width:100%;min-height:70px;padding:15px;font-size:1.1rem;font-weight:700;transition:all .2s}.answer-buttons button:hover{transform:scale(1.05)}.yes-btn{color:#fff;background:#00c853}.no-btn{color:#fff;background:#ff1744}#message{color:#fff;min-height:30px;margin-bottom:20px;font-size:clamp(1rem,2vw,1.3rem);font-weight:700}.stats{background:#ffffff14;border-radius:15px;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px;padding:15px;display:flex}.stats p{color:#fff;margin:0;font-size:clamp(.9rem,2vw,1rem);font-weight:700}.menu-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.menu-buttons button,#gameOver button{color:#000;cursor:pointer;text-shadow:1px 1px 1px #ffffff80;background:#ffffff5a;border:2px solid #ffffff40;border-radius:6px;margin:10px 5px;padding:10px 15px;font-size:.95rem;font-weight:700;transition:all .2s}.menu-buttons button:hover,#gameOver button:hover{background:#ffffff80;transform:scale(1.05);box-shadow:0 2px 8px #0000001a}#gameOver{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:20px;margin-top:80px;padding:30px;display:inline-block}#gameOver h2{color:#fff}.correct{animation:.5s popCorrect}.wrong{animation:.4s shakeWrong}@media (width<=768px){.card-game{padding:15px}.card-game img{max-width:100%}.answer-buttons{grid-template-columns:1fr}.answer-buttons button{width:100%;max-width:250px}.stats,.menu-buttons{flex-direction:column;align-items:center}.menu-buttons button{width:100%;max-width:250px}}.theory-page{box-sizing:border-box;min-height:100vh;padding:2rem 1rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.theory-page .container{color:#1f2937;flex-wrap:wrap;align-items:stretch;gap:20px;max-width:1100px;margin:0 auto;display:flex}.theory-page header{text-align:center;background:0 0;margin-bottom:2.5rem;padding:2.5rem 2rem;position:relative}.theory-page header:after{content:none}.theory-page header h1{color:#f8f8f8;letter-spacing:-.5px;text-shadow:1px 1px 2px #fffc;justify-content:center;align-items:center;gap:12px;margin:0;font-size:2.4rem;font-weight:800;display:flex}.theory-page .card{background-color:#ffffff5a;border:2px solid #ffffff40;border-radius:20px;flex-direction:column;flex:1;min-width:320px;margin-bottom:25px;padding:30px 40px;display:flex;box-shadow:0 4px 15px #0000001a}.theory-page .card h2{color:#fff;border-bottom:none;align-items:center;margin:0;font-size:1.6rem;display:inline-flex}.theory-page .card>p:first-child{box-shadow:none;background:0 0;border-bottom:2px solid #ffffff40;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.theory-page .card p{color:#fff;background:0 0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:14px 0 14px 10px;font-size:1.15rem;transition:background-color .2s,transform .2s;display:flex}.theory-page .card p:not(:first-child):hover{background:#fff3;transform:scale(1.01)}.theory-page .card b{color:#fff;box-shadow:none;text-align:center;background:0 0;border:2px solid #ffffff40;border-radius:8px;min-width:140px;padding:6px 14px;font-size:1.25rem;font-weight:700;display:inline-block}.theory-page .row{grid-template-columns:1fr 1fr;align-items:center;gap:20px;width:100%;display:grid}.theory-page .left,.theory-page .right{text-align:left}.theory-page button{color:#fff;cursor:pointer;background:#ffffff5a;border:2px solid #ffffff40;border-radius:16px;flex-basis:100%;justify-content:center;align-items:center;width:100%;max-width:320px;margin:40px auto 20px;padding:18px 24px;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000001a}.theory-page button:hover{background:#ffffff80;transform:none;box-shadow:0 6px 15px #00000026}.theory-page button:active{transform:scale(.98);box-shadow:0 2px 5px #0000001a}.theory-page .tooltip{cursor:help;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:5px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative;color:#475569!important}.theory-page .tooltip:hover{background:#cbd5e1;color:#1e293b!important}.theory-page .tooltip-text{visibility:hidden;white-space:nowrap;opacity:0;z-index:100;letter-spacing:.5px;pointer-events:none;border-radius:12px;padding:12px 18px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:calc(100% + 14px);left:50%;box-shadow:0 12px 30px #00000040;color:#f8fafc!important;background:#1e293b!important;transform:translate(-50%)translateY(10px)!important}.theory-page .tooltip-text:after{content:"";border-style:solid;border-width:8px;position:absolute;top:100%;left:50%;transform:translate(-50%);border-color:#1e293b #0000 #0000!important}.theory-page .tooltip:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)!important}@media (width<=600px){.theory-page .container{flex-direction:column}.theory-page .card{width:100%;padding:20px}.theory-page header h1{font-size:1.8rem}.theory-page .card b{min-width:100px;font-size:1.1rem}.theory-page .card p{font-size:1rem}.theory-page .row{grid-template-columns:1fr;gap:8px}}.theory-page .back-btn{z-index:1000;flex-basis:auto;width:auto;max-width:none;margin:0;position:fixed;top:20px;left:20px}@keyframes gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes dash-enter{to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in-notif{0%{opacity:0;transform:translateY(-24px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.dash-notif{box-sizing:border-box;justify-content:center;top:16px;left:16px;right:16px}}@media (width<=768px){.dashboard-page{padding:40px 12px}.dashboard-container{border-radius:20px}.dashboard-header{padding:28px 24px 20px}.dashboard-header h1{font-size:1.6rem}.dashboard-content{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #ffffff14;border-right:none;flex-direction:row;gap:6px;width:auto;padding:16px;overflow-x:auto}.dash-tab{white-space:nowrap;flex-shrink:0;padding:10px 14px}.dashboard-main{padding:24px 20px}.dash-section-header{flex-direction:column;align-items:flex-start}.dash-domain-form,.dash-form-row{flex-direction:column}.dash-form-row .dash-form-group,.dash-form-row .dash-form-group-sm{flex:none;width:100%}.dash-vocab-card{flex-wrap:wrap}}@keyframes demo-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes demo-modal-in{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=640px){.demo-modal{border-radius:20px;max-height:90vh;overflow-y:auto}.demo-modal-header{padding:20px 20px 18px}.demo-modal-title{font-size:1.15rem}.demo-modal-footer{padding:16px 20px}.demo-video{max-height:240px}}@keyframes pending-pulse{0%,to{box-shadow:0 12px 24px #0006,0 0 12px #ffffff0d}50%{border-color:#ffffff59;box-shadow:0 12px 24px #0006,0 0 20px #ffffff1f}}@keyframes bell-swing{0%,to,50%{transform:rotate(0)}5%,15%,25%,35%{transform:rotate(12deg)}10%,20%,30%,40%{transform:rotate(-12deg)}}@keyframes pending-stack-in{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes alert-pulse{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 0 4px #fbbf241f}}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.pending-alerts-stack{width:auto;bottom:16px;left:12px;right:12px}.pending-alerts-stack.collapsed{border-radius:50%;width:52px;height:52px;left:auto;right:16px}}@media (width<=1024px){.class-details-grid{grid-template-columns:1fr}}.file-size-cell,.file-date-cell{color:#ffffff73;font-size:.88rem}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.bulk-action-bar{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.bulk-action-controls{justify-content:flex-end}.bulk-action-select{flex:1;min-width:0}}@keyframes confirm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-popup-in{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.cr-shell{box-sizing:border-box;color:#fff;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61) 0 0/400% 400%;width:100%;min-height:100vh;padding:100px 20px 60px;font-family:Inter,system-ui,sans-serif;animation:25s infinite cr-gradient-bg;display:block;position:relative;overflow:visible}.cr-shell>.cr-container{margin:0 auto}@keyframes cr-gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cr-bg-icon{opacity:.12;pointer-events:none;background:url(/assets/thanksyou-DGjXwR9m.svg) 50%/contain no-repeat;width:560px;height:560px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cr-back-btn{color:#ffffffd9;-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:7px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex;position:fixed;top:20px;left:20px}.cr-back-btn:hover{color:#fff;background:#ffffff2e;transform:translate(-4px);box-shadow:0 4px 12px #00000026}.cr-container{-webkit-backdrop-filter:blur(40px);opacity:0;background:#1e1e23a6;border:1px solid #ffffff26;border-radius:32px;flex-direction:column;width:100%;max-width:1380px;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 20px 40px #0003,inset 0 1px #fff3}.cr-header{border-bottom:1px solid #ffffff14;padding:40px 40px 30px}.cr-header h1{color:#fff;letter-spacing:-.03em;margin:0 0 8px;font-size:2.2rem;font-weight:700}.cr-header p{color:#fff9;margin:0;font-size:1.05rem;font-weight:400}.cr-body{flex:1;min-height:500px;display:flex}.cr-sidebar{background:#0000001a;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:6px;width:240px;padding:30px 16px;display:flex}.cr-tab{color:#ffffffa6;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.cr-tab:hover{color:#fff;background:#ffffff0f}.cr-tab.active{color:#fff;background:#0071e32e;border-color:#0071e340;font-weight:600}.cr-main{text-align:left;background:#ffffff05;flex:1;padding:36px 40px;overflow-y:auto}.cr-section{animation:.35s forwards cr-fade-in}@keyframes cr-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cr-section h2{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:1.55rem;font-weight:600}.cr-desc{color:#ffffff73;margin:0 0 28px;font-size:.9rem}.cr-cards{flex-direction:column;gap:12px;display:flex}.cr-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:18px;align-items:flex-start;gap:16px;padding:18px 22px;transition:all .2s;display:flex}.cr-card:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.cr-card-icon{background:#0071e326;border:1px solid #0071e333;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.cr-card p{color:#fffc;margin:0;padding-top:8px;font-size:.95rem;line-height:1.6}.easter-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;perspective:1000px;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.easter-overlay:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 0,#ffffff26 0%,#ffffff08 50%,#0000 80%);width:100%;max-width:900px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.easter-popup-card{box-sizing:border-box;width:90%;max-width:650px;height:440px;transform-style:preserve-3d;z-index:2;background:linear-gradient(135deg,#141416 0%,#222228 50%,#0d0d0f 100%);border:1.5px solid #e1e1eb73;border-radius:28px;justify-content:center;align-items:center;transition:transform .15s ease-out,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 75px #000000d9,inset 0 1px 1px #ffffff26,0 0 25px #ffffff08}.easter-popup-card:before{content:"";pointer-events:none;z-index:3;background:radial-gradient(circle at 50% 0,#ffffff29 0%,#0000 60%);position:absolute;inset:0}.easter-popup-card.active{box-shadow:0 45px 90px #000000e6,0 0 30px #ffffff1a,inset 0 1px 1px #ffffff40}.easter-popup-card:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(45deg,#0000 45%,#ffffff08 48%,#ffffff26 50%,#ffffff08 52%,#0000 55%);width:200%;height:200%;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:-50%;left:-50%;transform:translate(-30%,-30%)rotate(10deg)}.easter-popup-card:hover:after{transform:translate(15%,15%)rotate(10deg)}.easter-card-photo-wrapper{box-sizing:border-box;z-index:2;border:1px solid #fff3;border-radius:16px;position:absolute;inset:24px;overflow:hidden;transform:translateZ(50px);box-shadow:0 15px 30px #00000080}.easter-card-photo{object-fit:cover;border-radius:15px;width:100%;height:100%;display:block}.easter-card-close{color:#fff;cursor:pointer;z-index:6;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px;transform:translateZ(60px)}.easter-card-close:hover{background:#000c;transform:translateZ(60px)scale(1.1)}@media (width<=768px){.cr-shell{padding:40px 12px}.cr-container{border-radius:20px}.cr-header{padding:28px 24px 20px}.cr-header h1{font-size:1.6rem}.cr-body{flex-direction:column}.cr-sidebar{border-bottom:1px solid #ffffff14;border-right:none;flex-direction:row;gap:6px;width:auto;padding:16px;overflow-x:auto}.cr-tab{white-space:nowrap;flex-shrink:0;padding:10px 14px}.cr-main{padding:24px 20px}.easter-popup-card{height:300px}}@media (width<=768px){.dash-notif{box-sizing:border-box;justify-content:center;top:16px;left:16px;right:16px}}@media (width<=768px){.dashboard-page{padding:40px 12px}.dashboard-container{border-radius:20px}.dashboard-header{padding:28px 24px 20px}.dashboard-header h1{font-size:1.6rem}.dashboard-content{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #ffffff14;border-right:none;flex-direction:row;gap:6px;width:auto;padding:16px;overflow-x:auto}.dash-tab{white-space:nowrap;flex-shrink:0;padding:10px 14px}.dashboard-main{padding:24px 20px}.dash-section-header{flex-direction:column;align-items:flex-start}.dash-domain-form,.dash-form-row{flex-direction:column}.dash-form-row .dash-form-group,.dash-form-row .dash-form-group-sm{flex:none;width:100%}.dash-vocab-card{flex-wrap:wrap}}@media (width<=640px){.demo-modal{border-radius:20px;max-height:90vh;overflow-y:auto}.demo-modal-header{padding:20px 20px 18px}.demo-modal-title{font-size:1.15rem}.demo-modal-footer{padding:16px 20px}.demo-video{max-height:240px}}@media (width<=768px){.pending-alerts-stack{width:auto;bottom:16px;left:12px;right:12px}.pending-alerts-stack.collapsed{border-radius:50%;width:52px;height:52px;left:auto;right:16px}}@media (width<=1024px){.class-details-grid{grid-template-columns:1fr}}.file-size-cell,.file-date-cell{color:#ffffff73;font-size:.88rem}@media (width<=768px){.bulk-action-bar{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.bulk-action-controls{justify-content:flex-end}.bulk-action-select{flex:1;min-width:0}}.auth-page{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.auth-orb{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite float-orb;position:absolute}.auth-orb--1{background:#8b5cf680;width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.auth-orb--2{background:#3b82f666;width:300px;height:300px;animation-delay:-7s;bottom:-50px;right:-50px}.auth-orb--3{background:#10b98159;width:250px;height:250px;animation-delay:-14s;top:50%;left:60%}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-20px,30px)scale(.95)}75%{transform:translate(20px,20px)scale(1.02)}}.auth-card{z-index:1;-webkit-backdrop-filter:blur(24px);opacity:0;background:#ffffff14;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:440px;padding:48px 40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards card-enter;position:relative;transform:translateY(20px);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-brand{text-align:center;margin-bottom:36px}.auth-brand-icon{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;animation:3s ease-in-out infinite icon-pulse;display:flex;box-shadow:0 4px 16px #8b5cf666}@keyframes icon-pulse{0%,to{box-shadow:0 4px 16px #8b5cf666}50%{box-shadow:0 4px 28px #8b5cf699}}.auth-brand h1{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:1.75rem;font-weight:800}.auth-brand p{color:#fff9;margin:0;font-size:.95rem;font-weight:400}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input-group{flex-direction:column;gap:7px;display:flex}.auth-input-group label{color:#ffffffb3;letter-spacing:.02em;text-transform:uppercase;font-size:.85rem;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#ffffff59;pointer-events:none;font-size:1.1rem;transition:color .3s;position:absolute;left:16px}.auth-input-wrapper input{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1.5px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:14px 16px 14px 48px;font-family:Inter,system-ui,sans-serif;font-size:.95rem;transition:all .3s}.auth-input-wrapper input::placeholder{color:#ffffff4d}.auth-input-wrapper input:focus{background:#ffffff17;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf626}.auth-input-wrapper input:focus~.auth-input-icon,.auth-input-wrapper input:focus+.auth-input-icon{color:#8b5cf6cc}.auth-input-wrapper:has(input:focus) .auth-input-icon{color:#8b5cf6cc}.auth-password-toggle{color:#ffffff59;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;font-size:1.1rem;transition:color .2s;display:flex;position:absolute;right:14px}.auth-password-toggle:hover{color:#ffffffb3}.auth-domain-badge{color:#c8b4ffe6;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:8px;align-items:center;gap:6px;margin-top:2px;padding:6px 12px;font-size:.8rem;display:flex}.auth-domain-badge svg{flex-shrink:0}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;width:100%;margin-top:8px;padding:15px 24px;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.auth-submit:before{content:"";opacity:0;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:14px;transition:opacity .3s;position:absolute;inset:0}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #8b5cf666}.auth-submit:hover:not(:disabled):before{opacity:1}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit span{z-index:1;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spinner}@keyframes spinner{to{transform:rotate(360deg)}}.auth-message{border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:500;animation:.3s forwards msg-enter;display:flex}@keyframes msg-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-message--error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.auth-message--success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98140}.auth-footer{text-align:center;color:#ffffff80;margin-top:28px;font-size:.9rem}.auth-footer a{color:#a78bfa;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#c4b5fd}.auth-divider{color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:16px;font-size:.8rem;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.auth-loading{justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.auth-loading-spinner{border:3px solid #ffffff1a;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spinner}@media (width<=480px){.auth-card{border-radius:22px;padding:32px 24px}.auth-brand h1{font-size:1.5rem}.auth-brand-icon{width:56px;height:56px;font-size:24px}}.auth-forgot-link{text-align:right;margin-top:-8px}.auth-forgot-link a{color:#a78bfacc;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-forgot-link a:hover{color:#c4b5fd}.auth-reset-desc{color:#ffffff8c;text-align:center;margin:0 0 24px;font-size:.9rem;line-height:1.5}.auth-reset-success{text-align:center}.auth-reset-info{color:#fff9;margin:20px 0 8px;font-size:.9rem;line-height:1.6}.auth-reset-info strong{color:#ffffffd9}.auth-reset-hint{color:#ffffff59;margin:0 0 24px;font-size:.82rem}.auth-reset-hint strong{color:#ffffff80}.auth-back-btn{box-sizing:border-box;justify-content:center;align-items:center;width:100%;margin-top:12px;text-decoration:none;display:inline-flex}.auth-reset-redirect-bar{background:#ffffff1a;border-radius:4px;width:100%;height:4px;margin-top:20px;overflow:hidden}.auth-reset-redirect-progress{background:linear-gradient(90deg,#8b5cf6,#6366f1,#3b82f6);border-radius:4px;height:100%;animation:3s ease-in-out forwards redirect-progress}@keyframes redirect-progress{0%{width:0%}to{width:100%}}.auth-reset-waiting{text-align:center;padding:20px 0}.auth-reset-waiting .auth-spinner{margin:0 auto 16px}.pending-page{box-sizing:border-box;background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#1a1a2e) 0 0/400% 400%;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;font-family:Inter,system-ui,sans-serif;animation:20s infinite pending-bg;display:flex}@keyframes pending-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pending-card{-webkit-backdrop-filter:blur(30px);text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:32px;width:100%;max-width:480px;padding:52px 44px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards card-enter;box-shadow:0 24px 64px #0006,inset 0 1px #ffffff26}.pending-icon{margin-bottom:20px;font-size:3.5rem;animation:2s ease-in-out infinite pulse-icon}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pending-title{color:#fff;letter-spacing:-.03em;margin:0 0 12px;font-size:1.75rem;font-weight:700}.pending-subtitle{color:#fff9;margin:0 0 28px;font-size:.95rem;line-height:1.6}.pending-info-box{text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;margin-bottom:20px;padding:18px 22px}.pending-email{color:#79b8ff;word-break:break-all;margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}.pending-hint{color:#ffffff80;margin:0;font-size:.85rem;line-height:1.55}.pending-hint strong{color:#fffc}.pending-note{color:#ffffff59;margin:0 0 28px;font-size:.82rem;line-height:1.5}.pending-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pending-refresh-btn{color:#fff;cursor:pointer;background:#0071e3;border:none;border-radius:20px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.pending-refresh-btn:hover{background:#0077ed;transform:scale(1.03);box-shadow:0 6px 20px #0071e366}.pending-logout-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:20px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.pending-logout-btn:hover{color:#fffc;background:#ffffff0d;border-color:#ffffff4d}.settings-page{box-sizing:border-box;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61) 0 0/400% 400%;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;font-family:Inter,system-ui,sans-serif;animation:25s infinite gradient-bg;display:flex;position:relative}.settings-back{color:#ffffffb3;-webkit-backdrop-filter:blur(12px);z-index:10;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:fixed;top:20px;left:20px}.settings-back:hover{color:#fff;background:#ffffff24;transform:translate(-2px)}.settings-container{opacity:0;width:100%;max-width:480px;animation:.5s cubic-bezier(.16,1,.3,1) forwards settings-enter;transform:translateY(16px)}@keyframes settings-enter{to{opacity:1;transform:translateY(0)}}.settings-card{-webkit-backdrop-filter:blur(24px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:28px;padding:44px 40px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.settings-title{color:#fff;text-align:center;letter-spacing:-.02em;margin:0 0 4px;font-size:1.75rem;font-weight:800}.settings-subtitle{color:#ffffff80;text-align:center;margin:0 0 32px;font-size:.95rem}.settings-avatar-section{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.settings-avatar-wrapper{cursor:pointer;border:3px solid #a3a2a566;border-radius:50%;width:120px;height:120px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.settings-avatar-wrapper:hover{border-color:#868589cc;transform:scale(1.03)}.settings-avatar-img{object-fit:cover;width:100%;height:100%}.settings-avatar-placeholder{color:#ffffff4d;background:#ffffff0f;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.settings-avatar-overlay{opacity:0;color:#fff;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.settings-avatar-wrapper:hover .settings-avatar-overlay{opacity:1}.settings-file-input{display:none}.settings-avatar-hint{color:#fff6;margin:0;font-size:.8rem}.settings-preview-actions{justify-content:center;gap:10px;margin-bottom:16px;animation:.3s forwards settings-enter;display:flex}.settings-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-family:Inter,system-ui,sans-serif;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn--save{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.settings-btn--save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.settings-btn--cancel{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1a}.settings-btn--cancel:hover:not(:disabled){color:#fff;background:#ffffff24}.settings-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-message{border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;font-weight:500;animation:.3s forwards settings-enter;display:flex}.settings-message--success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98140}.settings-message--error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440}.settings-divider{background:#ffffff14;height:1px;margin:24px 0}.settings-info{flex-direction:column;gap:14px;display:flex}.settings-info-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.settings-info-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.settings-info-value{color:#ffffffd9;font-size:.92rem;font-weight:500}@media (width<=480px){.settings-card{border-radius:22px;padding:32px 24px}.settings-avatar-wrapper{width:100px;height:100px}.settings-info-row{flex-direction:column;align-items:flex-start;gap:4px}}.settings-name-display{align-items:center;gap:8px;display:flex}.settings-name-edit{align-items:center;gap:6px;display:flex}.settings-input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;outline:none;width:140px;padding:6px 10px;font-family:inherit;font-size:.9rem}.settings-input:focus{border-color:#fff6}.settings-btn-icon,.settings-btn-edit{cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:1rem;transition:opacity .2s}.settings-btn-icon:hover,.settings-btn-edit:hover{opacity:1}.settings-password-section{flex-direction:column;gap:12px;display:flex}.settings-password-toggle-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.settings-password-toggle-btn:hover{background:#ffffff14;border-color:#ffffff26}.settings-password-form{flex-direction:column;gap:16px;animation:.3s forwards settings-enter;display:flex}.settings-form-group{flex-direction:column;gap:6px;display:flex}.settings-form-group label{color:#ffffff80;text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:600}.settings-password-wrapper{align-items:center;display:flex;position:relative}.settings-password-wrapper .settings-input{box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;height:40px;padding-right:40px;width:100%!important}.settings-password-wrapper .settings-input:focus{background:#ffffff0f;border-color:#ffffff4d}.settings-password-toggle{cursor:pointer;color:#fff6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.settings-password-toggle:hover{color:#fff}.settings-password-actions{gap:10px;margin-top:4px;display:flex}.settings-password-actions .settings-btn{flex:1;justify-content:center}.updates-section{color:#f4f4f5;max-width:850px;margin:0 auto;padding:10px 0 30px;font-family:Inter,system-ui,sans-serif}.updates-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:20px;display:flex}.updates-title-group h2{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:1.6rem;font-weight:700}.updates-desc{color:#ffffff80;margin:0;font-size:.9rem}.updates-timeline{margin-left:10px;padding:10px 0 30px 30px;position:relative}.updates-timeline:before{content:"";background:linear-gradient(#fff0 0%,#ffffff26 10% 90%,#fff0 100%);width:2px;position:absolute;top:0;bottom:0;left:4px}.updates-timeline-item{margin-bottom:30px;position:relative}.updates-timeline-item:last-child{margin-bottom:0}.updates-timeline-node{z-index:2;background:radial-gradient(circle,#fff 0%,#b8b8c0 60%,#5a5a65 100%);border:3px solid #1f1f23;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;top:18px;left:-36px;box-shadow:0 0 0 1px #ffffff26,0 0 8px #ffffff40}.updates-timeline-item:hover .updates-timeline-node{background:radial-gradient(circle,#fff 0%,#e8e8ec 40%,#8a8a95 100%);transform:scale(1.25);box-shadow:0 0 0 1px #ffffff4d,0 0 12px #ffffff80}.updates-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff04 100%);border:1px solid #ffffff14;border-radius:20px;padding:22px 26px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 10px 30px -10px #0000004d,inset 0 1px #ffffff14}.updates-card:hover{background:linear-gradient(135deg,#ffffff12 0%,#ffffff06 100%);border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 15px 35px -8px #00000073,inset 0 1px #ffffff26,0 0 20px #ffffff05}.updates-commit-msg{color:#fff;letter-spacing:-.01em;margin:0 0 8px;font-size:1.05rem;font-weight:600;line-height:1.5}.updates-commit-original{color:#ffffff59;background:#00000026;border:1px solid #ffffff08;border-radius:8px;margin:0 0 16px;padding:6px 12px;font-size:.85rem;font-style:italic;display:inline-block}.updates-meta-bar{color:#ffffff73;border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:16px;padding-top:12px;font-size:.82rem;display:flex}.updates-meta-item{align-items:center;gap:6px;display:flex}.updates-meta-item svg{color:#ffffff59}.updates-author-badge{color:#e4e4e7;font-weight:500}.updates-refresh-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff1a}.updates-refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 100%);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 6px 16px #00000040,0 0 12px #ffffff14,inset 0 1px #fff3}.updates-refresh-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 6px #00000026}.updates-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.updates-empty-card{text-align:center;color:#fff6;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:20px;padding:40px 20px}.updates-empty-card p{margin:0;font-size:.95rem}.spin-icon{animation:1.2s linear infinite spin}.updates-status-box{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:50px 20px;display:flex}.updates-status-spinner{border:3px solid #ffffff12;border-top-color:#ffffffd9;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.updates-status-text{color:#fff9;font-size:.95rem;font-weight:500}.updates-skeleton{background:linear-gradient(90deg,#ffffff08 0%,#ffffff14 20%,#ffffff08 40% 100%) 0 0/800px 104px;border-radius:12px;animation:1.5s linear infinite updates-shimmer}.updates-skeleton-item{background:#ffffff03;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:12px;margin-bottom:30px;padding:22px 26px;display:flex}.updates-skeleton-title{width:70%;height:20px}.updates-skeleton-sub{width:40%;height:14px}.updates-skeleton-meta{width:25%;height:12px;margin-top:10px}@keyframes updates-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.updates-toast{z-index:10000;-webkit-backdrop-filter:blur(20px);background:#141419d9;border-radius:16px;align-items:center;gap:12px;max-width:380px;padding:14px 20px;animation:.35s cubic-bezier(.16,1,.3,1) forwards updates-toast-in;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #0006,inset 0 0 1px 1px #ffffff1a}@keyframes updates-toast-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.updates-toast-error{border:1px solid #ef444466;box-shadow:0 10px 30px #ef444426,inset 0 0 1px 1px #ffffff1a,0 0 15px #ef44441a}.updates-toast-warning{border:1px solid #f59e0b66;box-shadow:0 10px 30px #f59e0b26,inset 0 0 1px 1px #ffffff1a,0 0 15px #f59e0b1a}.updates-toast-content{flex:1}.updates-toast-title{color:#fff;margin:0 0 2px;font-size:.88rem;font-weight:600}.updates-toast-desc{color:#ffffff80;margin:0;font-size:.78rem}.updates-toast-close{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.updates-toast-close:hover{color:#fff;background:#ffffff14}:root{--app-bg-gradient:linear-gradient(-45deg, #a54d32, #8f1f4a, #19799c, #189276);--bg-animation-speed:20s}#root{text-align:center;width:100%;max-width:100%;margin:0;padding:0}body{max-width:100vw}.app-background{background:var(--app-bg-gradient);width:100vw;min-height:100vh;animation:gradient-bg var(--bg-animation-speed) ease infinite;background-size:400% 400%}body.static-bg .app-background{background:#963434;animation:none}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.app{text-align:center;flex-direction:column;align-items:center;width:90%;max-width:800px;padding:20px;font-family:Arial,sans-serif;display:flex}h1{color:#fff;text-shadow:2px 2px 4px #0000004d;margin-bottom:30px;font-size:2.5rem}.compteur{color:#fff;text-shadow:1px 1px 2px #0000004d;margin-bottom:20px;font-size:18px;font-weight:700}.carte-container{perspective:1000px;justify-content:center;align-items:center;margin:30px auto;display:flex}.carte{width:280px;height:400px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s;position:relative}.carte.flip{transform:rotateY(180deg)}.carte-face{backface-visibility:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px 25px;transition:box-shadow .3s;display:flex;position:absolute;box-shadow:0 10px 30px #00000080}.carte:hover .carte-face{box-shadow:0 15px 40px #0009}.carte-avant{z-index:2}.carte-arriere{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);transform:rotateY(180deg)}.carte-contenu{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.question,.reponse{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.question h3,.reponse h3{text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:20px}.question p,.reponse p{padding:0 10px;font-size:16px;line-height:1.6}.instruction{color:#ffffffe6;margin-top:auto;padding-top:15px;font-size:12px;font-style:italic}.controles{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:30px;display:flex}.controles button{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:10px;padding:12px 30px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0000004d}.controles button:hover{background-color:#764ba2;transform:scale(1.05);box-shadow:0 6px 20px #0006}.controles button:active{transform:scale(.95)}:root{--mb-teal:#3ecfcf;--mb-dark:#162341f7;--mb-item-bg:#3ecfcf12;--mb-divider:#ffffff1a;--mb-width:280px;--mb-duration:.3s}.dashboard-page{box-sizing:border-box;color:#fff;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61) 0 0/400% 400%;flex-direction:column;align-items:center;width:100vw;min-height:100vh;padding:100px 20px 40px;font-family:Inter,system-ui,sans-serif;animation:25s infinite gradient-bg;display:flex}.dashboard-back{color:#ffffffd9;-webkit-backdrop-filter:blur(12px);z-index:100;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;width:auto;height:auto;padding:7px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex;position:fixed;top:20px;left:20px}.dashboard-back:hover{color:#fff;background:#ffffff2e;transform:translate(-4px);box-shadow:0 4px 12px #00000026}.dashboard-container{-webkit-backdrop-filter:blur(40px);opacity:0;background:#1e1e23a6;border:1px solid #ffffff26;border-radius:32px;flex-direction:column;width:100%;max-width:1380px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards dash-enter;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 20px 40px #0003,inset 0 1px #fff3}.dashboard-header{border-bottom:1px solid #ffffff14;padding:40px 40px 30px}.dashboard-header h1{letter-spacing:-.03em;margin:0 0 8px;font-size:2.2rem;font-weight:700}.dashboard-header p{color:#fff9;margin:0;font-size:1.05rem;font-weight:400}.dashboard-content{flex:1;min-height:500px;display:flex}.dashboard-sidebar{background:#0000001a;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:6px;width:240px;padding:30px 16px;display:flex}.dash-tab{color:#ffffffa6;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.dash-icon{flex-shrink:0;font-size:1.15rem}.dash-badge{color:#fffc;background:#ffffff26;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:600}.dash-tab:hover{color:#fff;background:#ffffff0f}.dash-tab.active{color:#fff;background:#0071e32e;border:1px solid #0071e340;font-weight:600}.dash-tab.active .dash-icon{filter:drop-shadow(0 0 6px #0071e399)}.dashboard-main{text-align:left;background:#ffffff05;flex:1;padding:36px 40px;overflow-y:auto}.dash-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.dash-section h2{letter-spacing:-.02em;margin:0 0 4px;font-size:1.55rem;font-weight:600}.dash-desc{color:#ffffff73;margin:0;font-size:.9rem}.animate-fade-in{animation:.35s forwards fade-in}.dash-list{flex-direction:column;gap:12px;display:flex}.dash-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;transition:all .2s;display:flex}.dash-card:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.dash-card-info{flex:1;min-width:0}.dash-card-info h3{margin:0;font-size:1rem;font-weight:600;line-height:1.3}.dash-class-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dash-class-name{color:#fff;white-space:nowrap;font-size:1rem;font-weight:700}.dash-class-count{color:#ffffff73;white-space:nowrap;font-size:.85rem}.dash-tag{color:#ffffffbf;background:#ffffff1a;border-radius:10px;align-items:center;padding:2px 8px;font-size:.78rem;font-weight:500;display:inline-flex}.dash-tag-domain{color:#79b8ff;background:#0071e333;border:1px solid #0071e340}.dash-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dash-empty{text-align:center;color:#fff6;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.dash-empty span{opacity:.5;font-size:3rem}.dash-empty p{margin:0;font-size:1rem}.dash-loading{color:#fff6;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;display:flex}.dash-spinner{border:3px solid #ffffff1a;border-top-color:#0071e3;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.dash-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#0071e3;border:none;border-radius:18px;padding:11px 22px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s}.dash-btn-primary:hover:not(:disabled){background:#0077ed;transform:scale(1.02);box-shadow:0 4px 16px #0071e359}.dash-btn-primary:disabled{opacity:.6;cursor:not-allowed}.dash-btn-outline{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff3;border-radius:14px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.dash-btn-outline:hover{color:#fff;background:#ffffff14;border-color:#ffffff59}.dash-btn-delete-sm{color:#ff3b3099;cursor:pointer;background:0 0;border:1px solid #ff3b3033;border-radius:12px;padding:7px 10px;font-family:inherit;font-size:.95rem;transition:all .2s}.dash-btn-delete-sm:hover{color:#ff3b30;background:#ff3b301f;border-color:#ff3b3080}.dash-domain-container{flex-direction:column;gap:24px;display:flex}.dash-domain-form{gap:12px;display:flex}.dash-input{color:#fff;box-sizing:border-box;background:#00000040;border:1px solid #ffffff1f;border-radius:16px;outline:none;flex:1;padding:12px 18px;font-family:inherit;font-size:.95rem;transition:border-color .2s,background .2s}.dash-input::placeholder{color:#ffffff40}.dash-input:focus{background:#00000059;border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.dash-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffffff60' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.dash-select option{color:#fff;background:#2a2a30}.dash-textarea{resize:vertical;min-height:80px}.dash-domain-list{flex-wrap:wrap;gap:10px;display:flex}.dash-domain-item{background:#ffffff14;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:10px;padding:8px 14px 8px 18px;font-size:.9rem;transition:all .2s;display:flex}.dash-domain-item:hover{background:#ffffff1f;border-color:#ffffff26}.dash-domain-text{color:#ffffffd9;font-weight:500}.dash-btn-delete{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:flex}.dash-btn-delete:hover{color:#ff3b30;background:#ff3b3026}.dash-form{box-sizing:border-box;flex-direction:column;gap:14px;width:100%;display:flex}.dash-form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.dash-form-row .dash-form-group{flex:1;min-width:160px}.dash-form-row .dash-form-group-sm{flex:0 0 140px;min-width:120px}.dash-form-group{box-sizing:border-box;flex-direction:column;gap:6px;display:flex}.dash-form-group label{color:#ffffff8c;letter-spacing:.01em;font-size:.82rem;font-weight:500}.dash-form-group .dash-input,.dash-form-group select.dash-input,.dash-form-group textarea.dash-input{box-sizing:border-box;width:100%}.dash-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.dash-inline-form{box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;margin-bottom:20px;padding:22px 24px}.dash-inline-form-title{color:#ffffffd9;margin:0 0 18px;font-size:1rem;font-weight:600}.dash-card-editing{background:#0071e30f;border-color:#0071e359}.dash-notif{z-index:9999;-webkit-backdrop-filter:blur(16px);border-radius:16px;align-items:center;gap:10px;padding:12px 20px;font-size:.92rem;font-weight:600;animation:.35s cubic-bezier(.16,1,.3,1) forwards slide-in-notif;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 12px 36px #00000073}.dash-notif-success{color:#4ade80;background:#0f2314d9;border:1px solid #34c75973}.dash-notif-error{color:#ff6b6b;background:#2d0c0cd9;border:1px solid #ff3b3073}@media (width<=768px){.dash-notif{box-sizing:border-box;justify-content:center;top:16px;left:16px;right:16px}}.dash-upload-panel{box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff17;border-radius:18px;margin-bottom:4px;padding:20px}.dash-dropzone{text-align:center;cursor:pointer;color:#ffffff80;border:2px dashed #ffffff26;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;transition:all .2s;display:flex}.dash-dropzone:hover{color:#ffffffbf;background:#0071e30d;border-color:#0071e380}.dash-dropzone-over{color:#fff;background:#0071e31a;border-color:#0071e3}.dash-dropzone-loading{cursor:not-allowed;opacity:.6}.dash-dropzone-icon{opacity:.6;font-size:2.5rem}.dash-dropzone p{margin:0;font-size:.95rem}.dash-dropzone-sub{opacity:.5;font-size:.78rem!important}.dash-vocab-class-selector{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.dash-vocab-class-label{color:#ffffff8c;letter-spacing:.01em;font-size:.82rem;font-weight:500}.dash-vocab-grid{flex-direction:column;gap:10px;margin-top:8px;display:flex}.dash-vocab-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;transition:all .2s;display:flex}.dash-vocab-card:hover{background:#ffffff14}.dash-vocab-disabled{opacity:.45}.dash-vocab-info{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.dash-vocab-emoji{text-align:center;flex-shrink:0;width:32px;font-size:1.5rem}.dash-vocab-label{color:#fff;font-size:.95rem;font-weight:600;line-height:1.3}.dash-vocab-desc{color:#fff6;margin-top:2px;font-size:.78rem}.dash-toggle{cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:46px;height:26px;padding:0;transition:background .25s;position:relative}.dash-toggle-on{background:#0071e3}.dash-toggle-off{background:#ffffff1f}.dash-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.dash-toggle-on .dash-toggle-thumb{transform:translate(20px)}.dash-toggle-off .dash-toggle-thumb{transform:translate(0)}.dash-conj-card{border-radius:18px;padding:20px 24px}.dash-conj-card .dash-vocab-emoji{width:28px;font-size:1.3rem}.dash-conj-card .dash-vocab-label{font-size:1.05rem}.dash-class-block{flex-direction:column;gap:0;display:flex}.dash-btn-students{white-space:nowrap;padding:8px 14px;font-size:.82rem}.dash-student-list{background:#ffffff08;border:1px solid #ffffff12;border-top:none;border-radius:0 0 18px 18px;flex-direction:column;gap:8px;padding:14px 20px;display:flex}.dash-student-empty{color:#ffffff59;margin:0;font-size:.85rem;line-height:1.55}.dash-student-empty strong{color:#ffffff8c}.dash-student-row{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:background .15s;display:flex}.dash-student-row:hover{background:#ffffff17}.dash-student-icon{opacity:.6;flex-shrink:0;font-size:.9rem}.dash-student-email{color:#ffffffbf;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;overflow:hidden}.dash-student-remove-btn{color:#ff646499;cursor:pointer;background:0 0;border:1px solid #ff505040;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;transition:all .15s;display:flex}.dash-student-remove-btn:hover{color:#ff6b6b;background:#ff505026;border-color:#ff505080}.dash-user-card{flex-wrap:wrap;align-items:flex-start;gap:14px}.dash-user-email{color:#fff;margin-bottom:6px;font-size:.95rem;font-weight:600}.dash-user-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-role-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.dash-role-student{color:#ffffffb3;background:#ffffff1a}.dash-role-prof{color:#79b8ff;background:#0071e333;border:1px solid #0071e34d}.dash-role-admin{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf64d}.dash-role-banned{color:#ff6b6b;background:#ff3b301f;border:1px solid #ff3b3040}.dash-card-banned{opacity:.65;background:#ff3b300a;border-color:#ff3b3026}.dash-card-banned:hover{opacity:.8;background:#ff3b3012;border-color:#ff3b3040}.dash-banned-section-title{color:#ff3b30b3;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-top:20px;margin-bottom:8px;padding:0 4px;font-size:.78rem;font-weight:600;display:flex}.dash-class-tag{color:#ffffff80;font-size:.8rem}.dash-user-actions{flex-flow:wrap;gap:8px}.dash-user-select{border-radius:12px;padding:8px 32px 8px 12px;font-size:.85rem;flex:none!important;width:auto!important}@media (width<=768px){.dashboard-page{padding:40px 12px}.dashboard-container{border-radius:20px}.dashboard-header{padding:28px 24px 20px}.dashboard-header h1{font-size:1.6rem}.dashboard-content{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #ffffff14;border-right:none;flex-direction:row;gap:6px;width:auto;padding:16px;overflow-x:auto}.dash-tab{white-space:nowrap;flex-shrink:0;padding:10px 14px}.dashboard-main{padding:24px 20px}.dash-section-header{flex-direction:column;align-items:flex-start}.dash-domain-form,.dash-form-row{flex-direction:column}.dash-form-row .dash-form-group,.dash-form-row .dash-form-group-sm{flex:none;width:100%}.dash-vocab-card{flex-wrap:wrap}}.demo-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.35s forwards demo-overlay-in;display:flex;position:fixed;inset:0}.demo-modal{transform-origin:bottom;background:#16161ce6;border:1px solid #ffffff24;border-radius:28px;width:100%;max-width:780px;animation:.4s cubic-bezier(.2,.8,.2,1) forwards demo-modal-in;overflow:hidden;box-shadow:0 40px 80px #00000080,inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff26}.demo-modal-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 24px;display:flex}.demo-modal-title-group{flex-direction:column;gap:6px;display:flex}.demo-modal-badge{color:#79b8ff;letter-spacing:.03em;background:linear-gradient(135deg,#0071e340,#8b5cf640);border:1px solid #0071e34d;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.demo-modal-title{letter-spacing:-.025em;color:#fff;margin:0;font-size:1.45rem;font-weight:700;line-height:1.25}.demo-modal-subtitle{color:#ffffff80;margin:0;font-size:.9rem;line-height:1.5}.demo-close-btn{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;transition:all .2s;display:flex}.demo-close-btn:hover{color:#ff6b6b;background:#ff3b302e;border-color:#ff3b3059;transform:rotate(90deg)}.demo-video-wrapper{background:#000;padding:0;line-height:0}.demo-video{object-fit:contain;background:#000;width:100%;max-height:440px;display:block}.demo-modal-footer{background:#ffffff05;border-top:1px solid #ffffff12;justify-content:center;padding:20px 28px;display:flex}.demo-dismiss-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#0071e3,#6b3fa0);border:none;border-radius:22px;padding:13px 32px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .25s;box-shadow:0 4px 20px #0071e34d}.demo-dismiss-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 28px #0071e373}.demo-dismiss-btn:active{transform:translateY(0)}@media (width<=640px){.demo-modal{border-radius:20px;max-height:90vh;overflow-y:auto}.demo-modal-header{padding:20px 20px 18px}.demo-modal-title{font-size:1.15rem}.demo-modal-footer{padding:16px 20px}.demo-video{max-height:240px}}.pending-alerts-stack{z-index:2000;-webkit-backdrop-filter:blur(24px)saturate(140%);background:#16161cd1;border:1px solid #ffffff2e;border-radius:20px;width:340px;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.45s cubic-bezier(.2,.8,.2,1) pending-stack-in;position:fixed;bottom:28px;right:28px;overflow:hidden;box-shadow:0 24px 48px #0009,inset 0 1px #ffffff1f,0 0 30px #ffffff05}.pending-alerts-stack.collapsed{cursor:pointer;background:linear-gradient(135deg,#ffffff1f,#141419f0);border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;animation:3s ease-in-out infinite pending-pulse;display:flex;box-shadow:0 12px 24px #0006,inset 0 1px #ffffff26,0 0 15px #ffffff0d}.pending-alerts-stack.collapsed:hover{background:linear-gradient(135deg,#ffffff38,#19191ef2);border-color:#ffffff73;transform:translateY(-4px)scale(1.05);box-shadow:0 16px 32px #00000073,inset 0 1px #ffffff40,0 0 25px #ffffff1f}.pending-alerts-collapsed-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pending-alerts-collapsed-bell{color:#fbbf24;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.pending-alerts-collapsed-badge{color:#fff;background:#ef4444;border:1.5px solid #121218f2;border-radius:50%;justify-content:center;align-items:center;min-width:15px;height:15px;padding:1px;font-size:.6rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-3px;right:-5px;box-shadow:0 2px 6px #ef444466}.bell-pulse{animation:4s ease-in-out infinite bell-swing}.pending-alerts-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 12px;display:flex}.pending-alerts-title{color:#e2e8f0;letter-spacing:.01em;flex:1;min-width:0;font-size:.82rem;font-weight:700}.pending-alerts-view-btn{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;flex-shrink:0;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.pending-alerts-view-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff59}.pending-alerts-collapse-btn{color:#fff9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;font-weight:800;line-height:1;transition:all .2s;display:flex}.pending-alerts-collapse-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff47;transform:scale(1.05)}.pending-alerts-list{flex-direction:column;gap:8px;max-height:240px;padding:12px;display:flex;overflow-y:auto}.pending-alerts-list::-webkit-scrollbar{width:4px}.pending-alerts-list::-webkit-scrollbar-track{background:0 0}.pending-alerts-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.pending-alert-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.pending-alert-item:hover{background:#ffffff12;border-color:#ffffff1a;transform:translate(2px)}.pending-alert-new{background:#fbbf240f;border-color:#fbbf2459;animation:2.5s infinite alert-pulse}.pending-alert-avatar{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;display:flex}.pending-alert-avatar svg{stroke:#e2e8f0!important;stroke-width:2.5px!important;width:12px!important;height:12px!important;display:block!important}.pending-alert-info{flex-wrap:wrap;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.pending-alert-email{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:.82rem;font-weight:500;overflow:hidden}.pending-alert-badge{color:#e2e8f0;letter-spacing:.03em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;flex-shrink:0;padding:1px 6px;font-size:.62rem;font-weight:700}.pending-alert-dismiss{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;font-weight:700;line-height:1;transition:all .18s;display:flex}.pending-alert-dismiss:hover{color:#ef4444;background:#ef444426;border-color:#ef444459}.pending-alerts-more{color:#ffffff4d;text-align:center;padding:4px 0 2px;font-size:.78rem;font-style:italic}.dash-pending-badge{color:#fff;background:#ef4444;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:.7rem;font-weight:700;line-height:1.4;animation:.3s cubic-bezier(.2,.8,.2,1) forwards badge-pop;box-shadow:0 0 8px #ef444480}@media (width<=768px){.pending-alerts-stack{width:auto;bottom:16px;left:12px;right:12px}.pending-alerts-stack.collapsed{border-radius:50%;width:52px;height:52px;left:auto;right:16px}}.dash-spotlight-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.spotlight-card{cursor:pointer;text-align:center;box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:170px;padding:24px;transition:background .3s,border-color .3s,transform .2s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.spotlight-card:hover{background:#ffffff0d;border-color:#ffffff40;transform:translateY(-3px);box-shadow:0 10px 25px #00000040}.spotlight-card:before{content:"";background:radial-gradient(250px circle at var(--mouse-x,0px) var(--mouse-y,0px), #ffffff14, transparent 80%);z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0}.spotlight-card:hover:before{opacity:1}.spotlight-card:after{content:"";border-radius:inherit;background:radial-gradient(250px circle at var(--mouse-x,0px) var(--mouse-y,0px), #ffffff47, transparent 80%);-webkit-mask-composite:destination-out;pointer-events:none;opacity:0;z-index:3;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight-card:hover:after{opacity:1}.spotlight-card.unassigned-card{background:#fbbf2405;border:1px dashed #fbbf2459}.spotlight-card.unassigned-card:hover{background:#fbbf240d;border-color:#fbbf2499}.spotlight-card.unassigned-card:before{background:radial-gradient(250px circle at var(--mouse-x,0px) var(--mouse-y,0px), #fbbf241f, transparent 80%)}.spotlight-card.unassigned-card:after{background:radial-gradient(250px circle at var(--mouse-x,0px) var(--mouse-y,0px), #fbbf2473, transparent 80%)}.spotlight-card.add-card{color:#0071e3;background:#0071e305;border:1px dashed #0071e359;justify-content:center;align-items:center;min-height:160px;font-weight:600}.spotlight-card.add-card:hover{color:#0077ed;background:#0071e30f;border-color:#0071e3a6}.spotlight-card.add-card:before{background:radial-gradient(250px circle at var(--mouse-x,0px) var(--mouse-y,0px), #0071e326, transparent 80%)}.spotlight-card.add-card:after{background:radial-gradient(250px circle at var(--mouse-x,0px) var(--mouse-y,0px), #0071e380, transparent 80%)}.spotlight-card-header{z-index:2;justify-content:center;align-items:center;width:100%;margin-bottom:4px;display:flex}.spotlight-card-icon{font-size:1.8rem;display:inline-block}.spotlight-card-title{color:#fff;z-index:2;margin:0 0 6px;font-size:1.25rem;font-weight:700}.spotlight-card-desc{color:#ffffff80;z-index:2;margin:0;font-size:.85rem;line-height:1.4}.spotlight-card-badge{color:#fffc;z-index:2;background:#ffffff1a;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:600;position:absolute;top:16px;right:16px}.spotlight-card-edit-btn{color:#fff;cursor:pointer;z-index:5;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:5px 8px;font-size:.75rem;line-height:1;transition:all .2s;position:absolute;top:16px;left:16px}.spotlight-card-edit-btn:hover{background:#ffffff2e;border-color:#ffffff40;transform:scale(1.05)}.spotlight-card.unassigned-card .spotlight-card-badge{color:#fbb324;background:#fbbf2426}.class-details-container{flex-direction:column;gap:24px;display:flex}.class-details-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.class-details-title-row{align-items:center;gap:12px;display:flex}.class-details-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:28px;display:grid}@media (width<=1024px){.class-details-grid{grid-template-columns:1fr}}.class-panel{box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff12;border-radius:20px;padding:24px}.class-panel h3{color:#fff;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-top:0;margin-bottom:18px;padding-bottom:12px;font-size:1.15rem;font-weight:600;display:flex}.student-detail-row{background:#ffffff03;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;transition:all .2s;display:flex}.student-detail-row:hover{background:#ffffff0a;border-color:#ffffff14}.student-detail-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.student-detail-email{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.student-detail-status{align-items:center;gap:6px;font-size:.75rem;display:flex}.student-detail-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.student-mutate-select{color:#ffffffd9;cursor:pointer;appearance:none;background:#00000040 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff60' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 6px center no-repeat;border:1px solid #ffffff1f;border-radius:8px;outline:none;max-width:120px;padding:5px 22px 5px 8px;font-family:inherit;font-size:.78rem;transition:border-color .2s}.student-mutate-select option{color:#fff;background:#2a2a30}.quick-add-student-container{background:#0071e30a;border:1px dashed #0071e340;border-radius:12px;margin-bottom:16px;padding:10px 14px}.quick-add-student-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.quick-add-label{color:#ffffffb3;font-size:.82rem;font-weight:500}.quick-add-select{color:#fff;cursor:pointer;background:#0003;border:1px solid #ffffff1a;border-radius:8px;flex:1;max-width:250px;padding:6px 12px;font-family:inherit;font-size:.8rem}.quick-add-select option{color:#fff;background:#2a2a30}.game-access-list{flex-direction:column;gap:8px;display:flex}.game-access-row{background:#ffffff03;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.game-access-row:hover{background:#ffffff08;border-color:#ffffff14}.game-access-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.game-access-emoji{flex-shrink:0;font-size:1.3rem}.game-access-label-group{flex-direction:column;gap:2px;min-width:0;display:flex}.game-access-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.game-access-desc{color:#fff6;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.games-subpanel-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.games-back-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .2s;display:inline-flex}.games-back-btn:hover{color:#fff;background:#ffffff26}.class-details-grid-single{width:100%;display:block}.unassigned-split-container{max-width:860px;margin:0 auto;padding:12px 0}.unassigned-sub-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:28px;padding:24px;box-shadow:0 10px 30px #00000026}.unassigned-sub-title{color:#fbbf24;border-bottom:1px dashed #ffffff14;margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:.95rem;font-weight:600}.student-detail-row-disabled{background:#ff3b3005!important;border-color:#ff3b3026!important}.pending-alerts-refresh-btn{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;padding:5px 10px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s}.pending-alerts-refresh-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff40}.invisible-class-name-input{color:#fff;background:0 0;border:none;border-bottom:1px dashed #ffffff40;border-radius:4px;outline:none;width:auto;min-width:120px;max-width:100%;padding:0 4px;font-family:inherit;font-size:1.8rem;font-weight:700;transition:all .25s}.invisible-class-name-input:focus{background:#ffffff0d;border-bottom:2px solid #0071e3}.invisible-class-name-input:hover{background:#ffffff08;border-bottom-color:#ffffff80}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;margin-top:20px;display:grid}.folder-item{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;transition:all .25s ease-in-out;display:flex;position:relative}.folder-item:hover{background:#ffffff0f;border-color:#0071e34d;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.folder-icon-3d{perspective:150px;width:72px;height:56px;margin-bottom:4px;position:relative}.folder-back-flap{width:100%;height:100%;transition:all .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.folder-back-flap svg{filter:drop-shadow(0 2px 4px #0006);width:100%;height:100%}.folder-front-flap{transform-origin:bottom;z-index:2;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.folder-front-flap svg{filter:drop-shadow(0 -1px 3px #0000004d);width:100%;height:100%}.folder-badge-circles{pointer-events:none;z-index:5;align-items:center;display:flex;position:absolute;bottom:8px;left:8px}.f-badge-circle{border:1px solid #0003;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-right:-4.5px;font-size:7px;font-weight:800;display:flex;box-shadow:1px 1px 3px #0000004d}.f-badge-notion{color:#fff;background:#000;font-family:monospace}.f-badge-sharepoint{color:#fff;background:#0078d4}.f-badge-drive{color:#34a853;background:#fff}.folder-item:hover .folder-front-flap{transform:rotateX(-16deg)translateY(1px)}.folder-item:hover .folder-back-flap{transform:scale(.98)}.folder-title{color:#ffffffe6;word-break:break-word;font-size:.9rem;font-weight:600;line-height:1.3}.files-container{flex-direction:column;gap:20px;display:flex}.files-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:16px;display:flex}.files-title-row{align-items:center;gap:12px;display:flex}.files-back-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;transition:all .2s;display:flex}.files-back-btn:hover{background:#ffffff1f}.files-list-table{border-collapse:collapse;width:100%;margin-top:10px}.files-list-table th,.files-list-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:14px 16px}.files-list-table th{color:#fff6;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.files-list-table tr{transition:background .15s}.files-list-table tr:hover td{background:#ffffff05}.file-name-cell{color:#fff;align-items:center;gap:10px;font-weight:500;display:flex}.file-icon{color:#ffffff73}.file-size-cell,.file-date-cell{color:#ffffff73;font-size:.88rem}.file-actions-cell{justify-content:flex-end;gap:8px;display:flex}.file-btn-download{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #0071e34d;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;text-decoration:none;transition:all .2s;display:inline-flex}.file-btn-download:hover{color:#fff;background:#0071e326;border-color:#3b82f6}.file-btn-delete{color:#ff3b30b3;cursor:pointer;background:0 0;border:1px solid #ff3b3033;border-radius:8px;padding:6px 12px;font-size:.82rem;transition:all .2s}.file-btn-delete:hover{color:#ff3b30;background:#ff3b301f;border-color:#ff3b30}.file-empty-state{text-align:center;color:#ffffff59;padding:40px}.files-control-panel{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.files-control-card{background:#ffffff05;border:1px solid #ffffff12;border-radius:16px;flex:1;min-width:280px;padding:20px}.files-control-card h3{color:#fff;margin-top:0;margin-bottom:12px;font-size:1rem;font-weight:600}.folder-create-form{gap:8px;display:flex}.file-upload-form{flex-direction:column;gap:10px;display:flex}.file-upload-input-wrapper{text-align:center;cursor:pointer;border:1px dashed #ffffff2e;border-radius:12px;padding:18px;transition:all .2s;position:relative}.file-upload-input-wrapper:hover{background:#0071e308;border-color:#0071e380}.file-upload-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-upload-label{color:#ffffff80;flex-direction:column;align-items:center;gap:6px;font-size:.85rem;display:flex}.file-upload-label .upload-icon{opacity:.7;font-size:1.5rem}.uploading-progress-bar{background:#ffffff14;border-radius:10px;width:100%;height:6px;margin-top:4px;overflow:hidden}.uploading-progress-fill{background:#0071e3;width:0%;height:100%;transition:width .2s}.dash-section-files{position:relative;overflow:hidden}.construction-ribbon{color:#fff;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;text-align:center;letter-spacing:.05em;text-transform:uppercase;z-index:100;pointer-events:none;background:repeating-linear-gradient(-45deg,#fbbf24,#fbbf24 8px,#000 8px 16px);border-top:1.5px solid #ffffff26;border-bottom:1.5px solid #0000004d;width:250px;padding:6px 0;font-size:.68rem;font-weight:800;position:absolute;top:36px;right:-66px;transform:rotate(45deg);box-shadow:0 4px 10px #0006}.stats-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:36px;display:grid}.stats-kpi-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff05 0%,#ffffff01 100%);border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:20px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000003d,inset 0 1px #ffffff26}.stats-kpi-card:before{content:"";background:linear-gradient(#fff 0%,#94a3b8 100%);border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 10px #fff9}.stats-kpi-card:hover{background:#ffffff0a;border-color:#ffffff38;transform:translateY(-5px);box-shadow:0 16px 48px #00000059,0 0 20px #ffffff26}.stats-kpi-icon-wrapper{color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;transition:all .3s;display:flex;box-shadow:inset 0 1px #ffffff0d}.stats-kpi-card:hover .stats-kpi-icon-wrapper{color:#fff;background:linear-gradient(135deg,#ffffff26 0%,#ffffff08 100%);border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 12px #ffffff14}.stats-kpi-info{flex-direction:column;gap:4px;display:flex}.stats-kpi-label{color:#ffffff73;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:600}.stats-kpi-value{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#cbd5e1 70%,#94a3b8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #00000026);-webkit-background-clip:text;font-size:2.2rem;font-weight:800}.stats-glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff03 0%,#ffffff01 100%);border:1px solid #ffffff0f;border-radius:24px;margin-bottom:24px;padding:28px;transition:all .3s;box-shadow:0 12px 40px #0003,inset 0 1px #ffffff14}.stats-glass-panel:hover{border-color:#ffffff1f;box-shadow:0 16px 48px #00000040,inset 0 1px #ffffff1f}.stats-panel-title{color:#fff;letter-spacing:-.01em;align-items:center;gap:12px;margin-top:0;margin-bottom:24px;font-size:1.25rem;font-weight:700;display:flex}.stats-panel-title svg{color:#cbd5e1;filter:drop-shadow(0 0 4px #fff3)}.stats-bar-wrapper{width:100%;position:relative}.stats-bar-track{background:#ffffff08;border:1px solid #ffffff0f;border-radius:99px;width:100%;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0006}.stats-bar-fill{background:linear-gradient(90deg,#94a3b8 0%,#e2e8f0 50%,#fff 100%);border-radius:99px;height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #fff6}.stats-list-table{border-collapse:separate;border-spacing:0 10px;width:100%;margin-top:10px}.stats-list-table th{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;border:none;padding:12px 20px;font-size:.8rem;font-weight:600}.stats-list-table tr td{background:#ffffff03;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:16px 20px;transition:all .3s cubic-bezier(.16,1,.3,1)}.stats-list-table tr td:first-child{border-left:1px solid #ffffff0a;border-radius:16px 0 0 16px}.stats-list-table tr td:last-child{border-right:1px solid #ffffff0a;border-radius:0 16px 16px 0}.stats-list-table tr:hover td{background:#ffffff09;border-color:#ffffff17;transform:scaleY(1.02)}.stats-avatar-placeholder{color:#0f172a;text-shadow:0 1px #fffc;background:linear-gradient(135deg,#f1f5f9 0%,#fff 50%,#cbd5e1 100%);border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 2px 8px #ffffff26,inset 0 1px #fff6}.stats-game-grid-detail{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin-top:20px;display:grid}.stats-game-card-detail{text-align:center;background:linear-gradient(135deg,#ffffff05 0%,#ffffff01 100%);border:1px solid #ffffff0f;border-radius:16px;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff0d}.stats-game-card-detail:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.bulk-action-bar{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 20px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slide-down;display:flex;box-shadow:0 8px 32px #0000004d}.bulk-action-info{color:#fff;align-items:center;gap:10px;font-size:.9rem;display:flex}.bulk-action-info strong{color:#0071e3;font-size:1.05rem}.bulk-action-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bulk-action-select{color:#fff;cursor:pointer;appearance:none;background:#00000059 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff80' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ffffff26;border-radius:10px;outline:none;min-width:160px;padding:8px 28px 8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.bulk-action-select:hover{background-color:#00000073;border-color:#ffffff4d}.bulk-action-select option{color:#fff;background:#2a2a30}.student-select-checkbox{cursor:pointer;accent-color:#0071e3;background:#00000040;border:1.5px solid #ffffff40;border-radius:5px;flex-shrink:0;width:18px;height:18px;margin-right:4px;transition:all .2s}.student-select-checkbox:hover{background:#0071e31a;border-color:#0071e3}.bulk-select-all-label{cursor:pointer;color:#ffffffa6;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.82rem;font-weight:500;transition:color .2s;display:inline-flex}.bulk-select-all-label:hover{color:#fff}@media (width<=768px){.bulk-action-bar{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.bulk-action-controls{justify-content:flex-end}.bulk-action-select{flex:1;min-width:0}}.confirm-overlay{z-index:2100;-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.25s forwards confirm-overlay-in;display:flex;position:fixed;inset:0}.confirm-popup{transform-origin:50%;background:#1a1a24f2;border:1px solid #ffffff1f;border-radius:24px;width:100%;max-width:440px;animation:.3s cubic-bezier(.2,.8,.2,1) forwards confirm-popup-in;overflow:hidden;box-shadow:0 30px 60px #0009,inset 0 1px #ffffff1a}.confirm-header{align-items:center;gap:12px;padding:24px 24px 16px;display:flex}.confirm-icon-danger{color:#ff453a;background:#ff453a26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.confirm-icon-warning{color:#ff9f0a;background:#ff9f0a26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.confirm-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700}.confirm-body{color:#ffffffbf;padding:0 24px 24px;font-size:.92rem;line-height:1.5}.confirm-actions{background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.sb-shell{box-sizing:border-box;color:#fff;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61) 0 0/400% 400%;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:100px 20px 40px;font-family:Inter,system-ui,sans-serif;animation:25s infinite sb-gradient-bg;display:flex;position:relative}@keyframes sb-gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.sb-back-btn{color:#ffffffd9;-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:7px 16px;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex;position:fixed;top:20px;left:20px}.sb-back-btn:hover{color:#fff;background:#ffffff2e;transform:translate(-4px);box-shadow:0 4px 12px #00000026}.sb-container{-webkit-backdrop-filter:blur(40px);opacity:0;background:#1e1e23a6;border:1px solid #ffffff26;border-radius:32px;flex-direction:column;width:100%;max-width:1380px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards sb-enter;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 20px 40px #0003,inset 0 1px #fff3}@keyframes sb-enter{to{opacity:1;transform:translateY(0)}}.sb-header{border-bottom:1px solid #ffffff14;padding:40px 40px 30px}.sb-header h1{color:#fff;letter-spacing:-.03em;margin:0 0 8px;font-size:2.2rem;font-weight:700}.sb-header p{color:#fff9;margin:0;font-size:1.05rem;font-weight:400}.sb-body{flex:1;display:flex}.sb-sidebar{background:#0000001a;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:6px;width:240px;padding:30px 16px;display:flex}.sb-divider{color:#ffffff40;text-transform:uppercase;letter-spacing:.08em;margin-top:10px;padding:4px 6px 8px;font-size:.72rem;font-weight:600}.sb-divider:first-child{margin-top:0}.sb-tab{color:#ffffffa6;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sb-tab:hover{color:#fff;background:#ffffff0f}.sb-tab.active{color:#fff;background:#0071e32e;border-color:#0071e340;font-weight:600}.sb-main{text-align:left;background:#ffffff05;flex:1;padding:36px 40px}.sb-section{animation:.35s forwards sb-fade-in}@keyframes sb-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sb-section h2{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:1.55rem;font-weight:600}.sb-desc{color:#ffffff73;margin:0 0 28px;font-size:.9rem}.sb-cards{flex-direction:column;gap:12px;display:flex}.sb-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;transition:all .2s;display:flex}.sb-card:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}.sb-card-info{flex:1;min-width:0}.sb-card-info h3{color:#fff;margin:0 0 3px;font-size:1rem;font-weight:600;line-height:1.3}.sb-card-info p{color:#ffffff73;margin:0;font-size:.85rem}.sb-slider-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:18px;padding:18px 22px}.sb-slider-card h3{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:600}.sb-slider-card p{color:#ffffff73;margin:0 0 14px;font-size:.85rem}.sb-speed-val{color:#0071e3;font-size:.85rem;font-weight:600}.sb-range{appearance:none;cursor:pointer;background:#fff3;border-radius:10px;outline:none;width:100%;height:6px}.sb-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0071e3;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 2px 6px #0071e366}.sb-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.sb-kpi-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sb-kpi{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:16px;padding:18px 22px;display:flex}.sb-kpi-icon{color:#79b8ff;background:#0071e326;border:1px solid #0071e333;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.sb-kpi-icon--green{color:#4ade80;background:#34c7591f;border-color:#34c75933}.sb-kpi-label{color:#fff6;margin-bottom:3px;font-size:.8rem;font-weight:500}.sb-kpi-value{color:#fff;font-size:1.2rem;font-weight:700}.ios-switch{cursor:pointer;flex-shrink:0;width:50px;height:28px;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0}.ios-slider-toggle{background-color:#fff3;border-radius:34px;transition:background-color .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.ios-slider-toggle:before{content:"";background-color:#fff;border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 3px 8px #0006}.ios-switch input:checked+.ios-slider-toggle{background-color:#34c759}.ios-switch input:checked+.ios-slider-toggle:before{transform:translate(22px)}.sb-lang-toggle{flex-shrink:0;gap:8px;display:flex}.sb-lang-btn{color:#ffffffb3;cursor:pointer;background:#0071e326;border:2px solid #0071e366;border-radius:20px;padding:8px 22px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s}.sb-lang-btn:hover{color:#fff;background:#0071e34d;border-color:#0071e3b3}.sb-lang-btn.active{color:#fff;background:#0071e3;border-color:#0071e3;box-shadow:0 4px 16px #0071e38c}@media (width<=768px){.sb-shell{padding:40px 12px}.sb-container{border-radius:20px}.sb-header{padding:28px 24px 20px}.sb-header h1{font-size:1.6rem}.sb-body{flex-direction:column}.sb-sidebar{border-bottom:1px solid #ffffff14;border-right:none;flex-direction:row;gap:6px;width:auto;padding:16px;overflow-x:auto}.sb-divider{display:none}.sb-tab{white-space:nowrap;flex-shrink:0;padding:10px 14px}.sb-main{padding:24px 20px}.sb-kpi-row{grid-template-columns:1fr}}:root{--at-gold:#ffb700;--at-gold-dim:#ffb70040;--at-page-bg:#fdf6e3;--at-spine-color:#8b5e3c;--at-spine-width:24px;--at-book-radius:12px;--at-text-dark:#3b2a14;--at-text-muted:#7a6040;--at-stack-bg:#f2e5c1;--at-cover-bg:#5a371c}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.at-page{box-sizing:border-box;background:radial-gradient(circle,#bfa87a 0%,#765a09 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;max-height:100vh;padding:20px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.game-title{color:#fff;-webkit-text-stroke:1.5px #deb768;text-shadow:3px 3px #f8d670,4.5px 4.5px #6a5821,0 0 30px #fff9;margin:0 0 20px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.at-book-scene{perspective:2500px;justify-content:center;align-items:center;width:min(950px,92vw);display:flex;position:relative}.at-book{border-radius:var(--at-book-radius);width:100%;min-height:540px;transform-style:preserve-3d;background:var(--at-page-bg);display:flex;position:relative;box-shadow:0 30px 60px -15px #00000080,0 15px 30px -10px #0000004d}.at-book:before,.at-book:after{content:"";background:var(--at-stack-bg);z-index:-1;background-image:linear-gradient(90deg,#00000014 1px,#0000 1px);background-size:2px 100%;width:10px;position:absolute;top:4px;bottom:4px;box-shadow:inset 0 0 4px #0000001a}.at-book:before{border-radius:var(--at-book-radius) 0 0 var(--at-book-radius);border-left:3px solid var(--at-cover-bg);left:-10px;transform:skewY(1.5deg)}.at-book:after{border-radius:0 var(--at-book-radius) var(--at-book-radius) 0;border-right:3px solid var(--at-cover-bg);right:-10px;transform:skewY(-1.5deg)}.at-book-spine{width:var(--at-spine-width);z-index:100;background:linear-gradient(90deg,#331b09,#5a371c,#331b09);border-radius:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)translateZ(5px);box-shadow:0 0 10px #0006}.at-book-page{background:var(--at-page-bg);box-sizing:border-box;z-index:10;flex:1;width:50%;padding:35px 30px;position:relative;overflow:hidden}.at-book-page--left{border-radius:var(--at-book-radius) 0 0 var(--at-book-radius);background:linear-gradient(to right, #e3d3b0 0%, var(--at-page-bg) 10%);border-right:1px solid #00000026;box-shadow:inset 5px 0 10px #00000008}.at-book-page--right{border-radius:0 var(--at-book-radius) var(--at-book-radius) 0;background:linear-gradient(to left, #e3d3b0 0%, var(--at-page-bg) 10%);border-left:1px solid #00000026;box-shadow:inset -5px 0 10px #00000008}.at-book-page-inner{flex-direction:column;align-items:center;height:100%;display:flex}.at-page-title{color:var(--at-text-dark);text-align:center;border-bottom:2px dashed #8b5e3c33;width:100%;margin:0 0 10px;padding-bottom:12px;font-size:24px;font-weight:800}.at-game-score-box{background:#8b5e3c14;border-radius:20px;margin-bottom:30px;padding:6px 16px}.at-score-text{color:var(--at-text-muted);font-size:14px}.at-badges-center-row{justify-content:center;align-items:flex-end;gap:24px;width:100%;min-height:120px;margin:auto 0;display:flex}.at-badge-podium{opacity:1;flex-direction:column;justify-content:center;align-items:center;width:110px;display:flex}.at-first-load .at-badge-podium{opacity:0;animation:.4s cubic-bezier(.25,1,.5,1) both badgeFadeIn}.at-first-load .at-badge-podium:first-child{animation-delay:50ms}.at-first-load .at-badge-podium:nth-child(2){animation-delay:.15s}.at-first-load .at-badge-podium:nth-child(3){animation-delay:.25s}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.at-badge-wrapper{box-sizing:border-box;justify-content:center;align-items:center;width:110px;height:110px;padding:4px;display:flex}.at-badge-image{object-fit:contain;width:100%;height:100%;transition:transform .3s}.at-badge-podium:hover .at-badge-image{transform:scale(1.08)}.at-badge-placeholder{clip-path:polygon(0% 0%,100% 0%,100% 65%,50% 100%,0% 65%);background-color:#8b5e3c0f;border-radius:0;width:80px;height:80px;transition:transform .3s,background-color .3s;display:block;box-shadow:inset 0 0 0 2px #8b5e3c40}.at-badge-podium:hover .at-badge-placeholder{background-color:#8b5e3c26;transform:scale(1.08)}.at-badge-label{color:var(--at-text-dark);margin-top:6px;font-size:12px;font-weight:700}.at-badge-target{color:var(--at-text-muted);font-size:11px}.at-badge--locked .at-badge-image{filter:grayscale()contrast(.8)brightness(.9);opacity:.4}.at-badge--unlocked .at-badge-image{filter:drop-shadow(0 4px 6px #00000026)}.at-nav-btn{width:60px;height:60px;color:var(--at-text-dark);cursor:pointer;z-index:120;background:#fff;border:1px solid #8b5e3c33;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 20px #00000026,inset 0 -2px #0000000d}.at-nav-btn:after{content:"";border-top:3px solid var(--at-text-dark);border-right:3px solid var(--at-text-dark);width:10px;height:10px;display:inline-block}.at-nav-btn--prev{right:calc(100% - 20px)}.at-nav-btn--prev:after{margin-left:4px;transform:rotate(-135deg)}.at-nav-btn--next{left:calc(100% - 20px)}.at-nav-btn--next:after{margin-right:4px;transform:rotate(45deg)}.at-nav-btn:hover:not(:disabled){background:var(--at-page-bg);transform:translateY(-50%)scale(1.05);box-shadow:0 15px 25px #00000040}.at-nav-btn:disabled{opacity:0;pointer-events:none}.at-page-number{color:var(--at-text-muted);width:100%;margin:auto 0 0;font-size:11px;font-weight:700}.at-page-number--left{text-align:left}.at-page-number--right{text-align:right}.at-flip-wrapper{width:50%;height:100%;transform-style:preserve-3d;z-index:80;pointer-events:none;position:absolute;top:0}.at-flip-wrapper.flipping-forward{transform-origin:0;animation:1.2s cubic-bezier(.645,.045,.355,1) forwards at-flip-forward;left:50%}.at-flip-wrapper.flipping-backward{transform-origin:100%;animation:1.2s cubic-bezier(.645,.045,.355,1) forwards at-flip-backward;left:0}@keyframes at-flip-forward{0%{z-index:80;transform:rotateY(0)}49%{z-index:80}50%{z-index:20}to{z-index:20;transform:rotateY(-180deg)}}@keyframes at-flip-backward{0%{z-index:80;transform:rotateY(0)}49%{z-index:80}50%{z-index:20}to{z-index:20;transform:rotateY(180deg)}}.at-flip-face{background:var(--at-page-bg);backface-visibility:hidden;box-sizing:border-box;clip-path:none;flex-direction:column;align-items:center;width:100%;height:100%;padding:35px 30px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 15px #0000001a}.flipping-forward .at-flip-face--front{border-radius:0 var(--at-book-radius) var(--at-book-radius) 0;background:linear-gradient(to left, #e3d3b0 0%, var(--at-page-bg) 8%);transform:translateZ(1px)}.flipping-forward .at-flip-face--back{border-radius:var(--at-book-radius) 0 0 var(--at-book-radius);background:linear-gradient(to right, #e3d3b0 0%, var(--at-page-bg) 8%);transform:rotateY(180deg)translateZ(1px)}.flipping-backward .at-flip-face--front{border-radius:var(--at-book-radius) 0 0 var(--at-book-radius);background:linear-gradient(to right, #e3d3b0 0%, var(--at-page-bg) 8%);transform:translateZ(1px)}.flipping-backward .at-flip-face--back{border-radius:0 var(--at-book-radius) var(--at-book-radius) 0;background:linear-gradient(to left, #e3d3b0 0%, var(--at-page-bg) 8%);transform:rotateY(180deg)translateZ(1px)}.at-page-indicator{gap:8px;margin-top:25px;display:flex;position:relative}.at-page-dot{background:#fff3;border-radius:50%;width:8px;height:8px}.at-page-dot-active-slider{background:var(--at-gold);border-radius:50%;width:8px;height:8px;transition:transform 1.2s cubic-bezier(.645,.045,.355,1);position:absolute}.at-book--single-page{background:var(--at-page-bg);--at-badge-size-large:145px;min-height:520px}.at-book--single-page:before,.at-book--single-page:after{transform:skewY(0)}.at-book--single-page:before{left:-10px}.at-book--single-page:after{right:-10px}.at-book-page-full{background:var(--at-page-bg);border-radius:var(--at-book-radius);box-sizing:border-box;background:linear-gradient(to right, #e3d3b0 0%, var(--at-page-bg) 4%, var(--at-page-bg) 96%, #e3d3b0 100%);width:100%;padding:45px 50px;position:relative}.at-book--single-page .at-badges-center-row{gap:50px;max-width:700px;margin:45px auto 0}.at-book--single-page .at-badge-podium{width:var(--at-badge-size-large)}.at-book--single-page .at-badge-wrapper{width:var(--at-badge-size-large);height:var(--at-badge-size-large)}.at-book--single-page .at-badge-placeholder{width:calc(var(--at-badge-size-large) - 30px);height:calc(var(--at-badge-size-large) - 30px)}.at-book--single-page .at-badge-label{margin-top:10px;font-size:14px}.at-book--single-page .at-badge-target{font-size:12px}.at-book-spine-second{width:var(--at-spine-width);z-index:50;background:linear-gradient(90deg,#331b09,#5a371c,#331b09);border-radius:2px;position:absolute;top:0;bottom:0;right:-23px;transform:translate(-50%)translateZ(2px);box-shadow:0 0 10px #0006}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#53f260}body{min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme:light){:root{color:#213547}}