@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--mb-teal: #3ecfcf;--mb-dark: rgba(22, 35, 65, .97);--mb-item-bg: rgba(62, 207, 207, .07);--mb-divider: rgba(255, 255, 255, .1);--mb-width: 280px;--mb-duration: .3s}.mb-header{position:fixed;top:16px;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding:0 18px;z-index:1000;pointer-events:none}.mb-burger-btn{pointer-events:all}.mb-burger-btn{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:none;border-radius:12px;background:#ffffff1f;cursor:pointer;padding:0;transition:background var(--mb-duration)}.mb-burger-btn:hover{background:#fff3}.mb-bar{display:block;width:22px;height:2.5px;border-radius:2px;background:#fff;transition:transform var(--mb-duration) ease,opacity var(--mb-duration) ease;transform-origin:center}.mb-burger-btn.open .mb-bar:nth-child(1){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{position:fixed;inset:0;background:#00000080;z-index:900;opacity:0;pointer-events:none;transition:opacity var(--mb-duration)}.mb-overlay.visible{opacity:1;pointer-events:all}.mb-drawer{position:fixed;top:0;right:0;bottom:0;width:var(--mb-width);background:var(--mb-dark);z-index:950;display:flex;flex-direction:column;padding:80px 0 28px;border-left:1px solid rgba(62,207,207,.2);box-shadow:-4px 0 24px #00000080;transform:translate(var(--mb-width));transition:transform var(--mb-duration) cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mb-drawer.open{transform:translate(0)}.mb-drawer-header{display:flex;align-items:center;gap:14px;padding:0 22px 20px}.mb-drawer-avatar{width:52px;height:52px;border-radius:50%;border:2px solid var(--mb-teal);object-fit:cover}.mb-drawer-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:.4px;margin:0}.mb-drawer-sub{color:var(--mb-teal);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:3px 0 0}.mb-divider{height:1px;background:var(--mb-divider);margin:0 20px 12px}.mb-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px;flex:1}.mb-item{display:flex;align-items:center;width:100%;padding:14px 16px;border:none;border-radius:14px;background:var(--mb-item-bg);cursor:pointer;text-align:left;color:#e8f0fe;transition:background .2s,transform .2s;opacity:0;transform:translate(20px);animation:none}.mb-drawer.open .mb-item{animation:slideIn .28s ease forwards}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.mb-item:hover{background:#3ecfcf26;transform:translate(-4px)}.mb-item-label{flex:1;font-size:15px;font-weight:600;letter-spacing:.3px}.mb-item-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.mb-item-arrow{color:var(--mb-teal);font-size:20px;font-weight:300;line-height:1}.mb-footer{padding:12px 12px 8px}.mb-signout{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border:none;border-radius:14px;background:#ef444414;color:#fca5a5;font-size:15px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s,transform .2s}.mb-signout:hover{background:#ef44442e;transform:translate(-4px)}:root{--tb-gold: #fbbf24;--tb-dark: rgba(22, 35, 65, .97);--tb-width: 280px;--tb-duration: .3s}.tb-header{position:fixed;top:68px;right:18px;z-index:1000;pointer-events:all}.tb-trophy-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;border:none;border-radius:12px;background:#fbbf2426;border:1px solid rgba(251,191,36,.25);cursor:pointer;transition:all var(--tb-duration);animation:tb-pulse 3s ease-in-out infinite}.tb-trophy-btn:hover,.tb-trophy-btn.open{background:#fbbf2447;border-color:#fbbf2480;transform:scale(1.08);animation:none}@keyframes tb-pulse{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 0 6px #fbbf2426}}.tb-overlay{position:fixed;inset:0;background:#00000080;z-index:900;opacity:0;pointer-events:none;transition:opacity var(--tb-duration)}.tb-overlay.visible{opacity:1;pointer-events:all}.tb-drawer{position:fixed;top:0;right:0;bottom:0;width:var(--tb-width);background:var(--tb-dark);z-index:950;display:flex;flex-direction:column;padding:80px 0 28px;border-left:1px solid rgba(251,191,36,.2);box-shadow:-4px 0 24px #00000080;transform:translate(var(--tb-width));transition:transform var(--tb-duration) cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tb-drawer.open{transform:translate(0)}.tb-drawer-header{display:flex;align-items:center;gap:14px;padding:0 22px 20px}.tb-drawer-trophy-icon{width:52px;height:52px;border-radius:50%;border:2px solid var(--tb-gold);display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:#fbbf241a;flex-shrink:0}.tb-drawer-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:.4px;margin:0}.tb-drawer-sub{color:var(--tb-gold);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:3px 0 0}.tb-progress-wrap{display:flex;align-items:center;gap:10px;padding:0 22px 16px}.tb-progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.tb-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:999px;transition:width .6s ease}.tb-progress-pct{font-size:.78rem;font-weight:700;color:var(--tb-gold);white-space:nowrap}.tb-divider{height:1px;background:#ffffff1a;margin:0 20px 12px}.tb-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px;flex:1}.tb-item{display:flex;align-items:center;width:100%;padding:14px 16px;border:none;border-radius:14px;background:#fbbf240f;cursor:pointer;text-align:left;color:#e8f0fe;transition:background .2s,transform .2s;opacity:0;transform:translate(20px);animation:none;font-family:inherit}.tb-drawer.open .tb-item{animation:tb-slideIn .28s ease forwards}@keyframes tb-slideIn{to{opacity:1;transform:translate(0)}}.tb-item:hover{background:#fbbf2424;transform:translate(-4px)}.tb-item-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.tb-item-label{flex:1;font-size:15px;font-weight:600;letter-spacing:.3px;padding:0 8px}.tb-item-count{font-size:12px;color:var(--tb-gold);font-weight:600;margin-right:6px}.tb-item-arrow{color:var(--tb-gold);font-size:20px;font-weight:300;line-height:1}.tb-footer{padding:12px 12px 8px}.tb-see-all{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;border:none;border-radius:14px;background:linear-gradient(135deg,#f59e0b33,#fbbf241a);border:1px solid rgba(251,191,36,.25);color:var(--tb-gold);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:.3px}.tb-see-all:hover{background:linear-gradient(135deg,#f59e0b4d,#fbbf2433);transform:translate(-4px);box-shadow:0 4px 16px #fbbf2426}.home-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box;overflow-x:hidden}.home-header{text-align:center;color:#fff;margin-bottom:50px}.home-header h1{font-size:clamp(2.5rem,8vw,4rem);margin:0 0 10px;font-weight:800;text-shadow:0 0 30px rgba(255,255,255,.5)}.home-header p{font-size:1.5rem;margin:0;opacity:.9}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:1000px;padding:0;margin:0 auto}.nav-card{display:flex;align-items:center;padding:20px 25px;text-decoration:none;color:#fff;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:24px;transition:transform .3s ease,background .3s ease,box-shadow .3s ease;gap:20px;box-sizing:border-box}.nav-card:hover{transform:translateY(-5px);background:#ffffff2e;box-shadow:0 10px 20px #0003;border-color:#fff6}.card-icon{flex-shrink:0;width:58px;height:58px;border-radius:16px;background:#ffffff26;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box}.card-icon img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.card-content{display:flex;flex-direction:column;justify-content:center;text-align:left}.card-content h3{margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.card-content p{margin:4px 0 0;opacity:.75;font-size:.95rem;line-height:1.4}.card-class-badge{margin:5px 0 0;opacity:1!important;font-size:.82rem!important;font-weight:600!important;color:#79b8ff!important;background:#0071e326;border:1px solid rgba(0,113,227,.25);border-radius:10px;padding:2px 9px;display:inline-block;width:fit-content}@media(max-width:900px){.home-grid{max-width:600px;grid-template-columns:1fr}}@media(max-width:768px){.home-header h1{font-size:2.5rem}.home-grid{grid-template-columns:1fr;padding:0 10px}.nav-card{padding:15px 20px}}@media(max-width:480px){.card-icon{width:48px;height:48px}.card-content h3{font-size:1.2rem}}.back-button{width:15vw!important;position:fixed;top:20px;left:20px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:1000}.menu-container{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;box-sizing:border-box}.home-grid-guess-who{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:stretch!important;gap:2vw;width:100%;max-width:none!important}.mode-card{flex:0 0 25vw!important;width:25vw!important;min-width:280px;display:flex;align-items:center;gap:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:30px 25px;text-decoration:none;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 30px #00000040;transition:all .2s ease;box-sizing:border-box}.mode-card:hover{transform:translateY(-5px);background:#ffffff26;border-color:#fff6}.card-icon img{width:60px;height:60px;flex-shrink:0;object-fit:contain}.card-content{text-align:left;min-width:0}.card-content h3{margin:0;font-size:1.4rem;font-weight:700}.card-content p{margin:5px 0 0;font-size:.95rem;opacity:.7;line-height:1.3}@media(max-width:1300px){.mode-card{width:35vw!important;flex:0 0 35vw!important}}@media(max-width:900px){.home-grid-guess-who{flex-direction:column!important;align-items:center!important;gap:20px}.mode-card{width:85vw!important;flex:0 0 auto!important;min-width:unset}}:root{--hc-max-width: 860px;--hc-gap: 24px;--hc-card-padding: 28px 24px;--hc-card-radius: 20px;--hc-card-bg: rgba(255, 255, 255, .1);--hc-card-bg-hover: rgba(255, 255, 255, .18);--hc-card-border: rgba(255, 255, 255, .2);--hc-card-shadow: 0 8px 30px rgba(0, 0, 0, .25);--hc-card-shadow-hover: 0 12px 40px rgba(0, 0, 0, .35);--hc-card-blur: blur(15px);--hc-icon-size: 70px;--hc-icon-radius: 16px;--hc-icon-bg: rgba(255, 255, 255, .1);--hc-icon-padding: 12px;--hc-title-size: 1.4rem;--hc-subtitle-size: .95rem;--hc-subtitle-opacity: .75;--hc-header-mb: 50px;--hc-back-bg: rgba(255, 255, 255, .15);--hc-back-bg-hover: rgba(255, 255, 255, .25);--hc-back-border: rgba(255, 255, 255, .25)}.home-container-clock{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box;font-family:Segoe UI,system-ui,sans-serif;color:#fff;position:relative}.home-header-box-clock{text-align:center;color:#fff;margin-bottom:var(--hc-header-mb)}.home-header-box-clock h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin:0;text-shadow:0 0 30px rgba(255,255,255,.5)}.home-header-box-clock p{font-size:1.1rem;opacity:.9;margin-top:10px}.home-nav-list-clock{display:flex;flex-direction:column;gap:var(--hc-gap);width:100%;max-width:var(--hc-max-width)}.nav-row-clock{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hc-gap)}.nav-row-single-clock{display:flex;justify-content:center}.nav-row-single-clock .nav-card-clock{width:calc(50% - var(--hc-gap) / 2)}.nav-card-clock{display:flex;align-items:center;gap:20px;background:var(--hc-card-bg);border:1px solid var(--hc-card-border);border-radius:var(--hc-card-radius);padding:var(--hc-card-padding);text-decoration:none;color:#fff;backdrop-filter:var(--hc-card-blur);-webkit-backdrop-filter:var(--hc-card-blur);box-shadow:var(--hc-card-shadow);transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer;box-sizing:border-box}.nav-card-clock:hover{transform:translateY(-4px);background:var(--hc-card-bg-hover);box-shadow:var(--hc-card-shadow-hover)}.nav-card-icon-clock{flex-shrink:0;width:var(--hc-icon-size);height:var(--hc-icon-size);display:flex;align-items:center;justify-content:center;background:var(--hc-icon-bg);border-radius:var(--hc-icon-radius);padding:var(--hc-icon-padding);box-sizing:border-box}.nav-card-icon-clock img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.nav-card-text-clock{display:flex;flex-direction:column;gap:6px;text-align:left}.nav-card-title-clock{font-size:var(--hc-title-size);font-weight:800;color:#fff;line-height:1.2;text-align:left}.nav-card-subtitle-clock{font-size:var(--hc-subtitle-size);color:rgba(255,255,255,var(--hc-subtitle-opacity));line-height:1.4;text-align:left}@media(max-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{position:fixed!important;top:20px!important;right:20px!important;left:auto!important;width:fit-content!important;min-width:180px;max-width:300px;padding:10px 16px;border-radius:6px;background-color:#000000e6!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;z-index:10000;box-shadow:0 4px 15px #0006;animation:slideFromRight .3s ease-out forwards}@keyframes slideFromRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-right:4px solid #53f260!important;border-left:none!important}.toast-error{border-right:4px solid #ff4d4d!important;border-left:none!important}.toast-warning{border-right:4px solid #f59e0b!important;border-left:none!important}.toast-info{border-right:4px solid #3b82f6!important;border-left:none!important}.toast span{flex:1;font-size:15px;font-weight:500;color:#fff!important;font-family:Segoe UI,system-ui,sans-serif}.toast-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:0;display:flex;align-items:center}.toast-close:hover{color:#fff}body::-webkit-scrollbar{display:none}body{overflow:scroll}.clock-game-container{overflow-x:hidden;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:sans-serif;overflow:hidden;margin:0;padding:0;box-sizing:border-box}.clock-header h1{padding-top:50px;font-size:3.5rem;margin:0}.clock-header p{opacity:.8;font-size:1.1rem}.progress-wrapper{width:100%;margin-bottom:20px}.progress-meta{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;opacity:.8;margin-bottom:6px}.progress-track{width:100%;height:10px;border-radius:10px;background:#ffffff26;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#19799c,#189276);width:0%;transition:width .4s ease;box-shadow:0 0 10px #18927699;animation:progress-glow 2s infinite alternate}@keyframes progress-glow{0%{box-shadow:0 0 6px #18927680}to{box-shadow:0 0 14px #189276e6}}.mode-selector{display:flex;gap:15px;margin-bottom:30px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px;border-radius:20px;border:1px solid rgba(255,255,255,.2)}.mode-selector button{padding:12px 30px;border-radius:15px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mode-selector button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.mode-selector button:hover:before{width:300px;height:300px}.mode-selector button:hover{transform:translateY(-2px);border-color:#fff6;box-shadow:0 5px 15px #0003}.mode-selector button.active-mode{background:linear-gradient(135deg,#189276,#19799c);border-color:#fff6;box-shadow:0 8px 20px #18927666;transform:scale(1.05)}.clock-glass-card{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:40px;width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:25px;box-shadow:0 20px 50px #0000004d}.digital-display{background:#0003;padding:10px 30px;border-radius:15px;font-size:2.5rem;font-weight:700;letter-spacing:6px;border:1px solid rgba(255,255,255,.1)}.clock-input{width:100%;padding:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:15px;color:#fff;font-size:1.2rem;text-align:center;outline:none;transition:border .3s ease}.clock-input::placeholder{color:#fff9;font-style:italic}.clock-input:focus{border-color:#fff9}.clock-button-group{display:flex;gap:15px;width:100%}.btn-check{flex:1;padding:15px;border-radius:15px;border:none;background:#189276;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,background .3s}.btn-new{flex:1;padding:15px;border-radius:15px;border:none;background:#fff3;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,background .3s}.btn-check:hover,.btn-new:hover{transform:translateY(-3px);filter:brightness(1.1)}.score-badge{margin-bottom:10px;font-weight:700;font-size:1rem;background:#ffffff1a;padding:8px 18px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.attempts{margin:0;opacity:.8;font-size:.95rem}.back-button{position:fixed;top:20px;left:20px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:1000}.back-button:hover{background:#ffffff4d;transform:translate(-5px)}@media(max-width:600px){.back-button{top:10px;left:10px;padding:10px 18px;font-size:.9rem}}@media(max-height:800px){.clock-glass-card{padding:25px;gap:15px}.clock-header h1{font-size:2.5rem;padding-top:20px}.clock-header{margin-bottom:15px}.digital-display{font-size:2rem;padding:8px 20px}.clock-input{padding:10px;font-size:1rem}.btn-check,.btn-new{padding:10px}.mode-selector{margin-bottom:15px}.progress-wrapper{margin-bottom:10px}}.clock-game-container{min-height:100vh;overflow-x:hidden;overflow-y:auto}@media(max-height:800px){.clock-face svg{width:180px;height:150px}}html,body{margin:0;padding:0;height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden}.theory-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:100px 20px 40px;color:#fff;font-family:Inter,sans-serif;box-sizing:border-box;position:relative;overflow-y:visible}.theory-header{text-align:center;margin-bottom:50px}.theory-header h1{font-size:clamp(2.5rem,6vw,3.5rem);margin:0;font-weight:800}.theory-card-wrapper{display:flex;flex-direction:row;gap:30px;width:100%;max-width:1100px;justify-content:center;align-items:flex-start}.theory-card{background:#ffffff14;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:30px;flex:1;min-width:320px;box-shadow:0 20px 40px #0000004d}.theory-section{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.theory-section:last-child{border-bottom:none}.theory-section h2{font-size:1.3rem;margin-bottom:10px;display:flex;align-items:center;gap:10px}.theory-code{display:block;background:#0000004d;padding:15px;border-radius:12px;margin:10px 0;font-family:Courier New,monospace;border-left:4px solid #4facfe}.back-button{position:fixed;top:20px;left:20px;z-index:1000;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.3s}.tooltip{background:#fff3;width:20px;height:20px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:.7rem;cursor:help;position:relative}.tooltip-text{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000;padding:5px 10px;border-radius:5px;white-space:nowrap;opacity:0;transition:.3s}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media(max-width:900px){.theory-card-wrapper{flex-direction:column;align-items:center}.theory-card{width:100%}}.exact-hours-wrapper{width:100%;max-width:700px;margin-bottom:35px;display:flex;justify-content:center}.exact-hours-card{width:100%;text-align:center}.beginner-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:sans-serif;position:relative}.beginner-header{text-align:center;margin-bottom:40px}.beginner-header h1{font-size:3.5rem;margin:0;font-weight:700}.beginner-header p{font-size:1.1rem;opacity:.8}.beginner-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.beginner-btn{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:20px 40px;font-size:1.2rem;font-weight:600;border-radius:15px;cursor:pointer;transition:all .3s ease;min-width:180px;box-shadow:0 8px 32px #0000001a}.beginner-btn:hover{background:#fff3;transform:translateY(-5px);border-color:#ffffff80;box-shadow:0 12px 40px #0000004d}.back-button:hover{background:#fff3;transform:scale(1.05)}.clock-game-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:sans-serif;position:relative}.challenge-header-box{text-align:center;margin-bottom:30px}.challenge-header-box h1{font-size:3.5rem;margin:0}.challenge-buttons-row{display:flex;gap:20px;justify-content:center}.btn-challenge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:15px 35px;font-size:1.2rem;font-weight:700;border-radius:15px;cursor:pointer;transition:all .3s ease;min-width:140px;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{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;border-radius:30px;border:1px solid rgba(255,255,255,.2);text-align:center}.winner-text{font-size:2.5rem;color:#f1c40f;margin:20px 0}.final-scores{margin-bottom:30px;font-size:1.2rem}.final-scores span{font-weight:700;font-size:1.5rem}.score-badge{background:#fff3;padding:5px 20px;border-radius:20px;font-size:1.5rem;font-weight:700;margin:10px 0}.timer-display.danger{color:#e74c3c;animation:pulse .5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.back-button{position:absolute;top:30px;left:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:700}.back-button:hover{background:#fff3;transform:translate(-3px)}.analog-clock-mini{width:150px;height:150px;background:#ffffff1a;border:4px solid white;border-radius:50%;position:relative;margin:0 auto 20px;box-shadow:0 0 20px #0003}.clock-face-mini{width:100%;height:100%;position:relative}.hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;background:#fff;border-radius:10px}.hour-hand{width:6px;height:40px;margin-left:-3px;z-index:2}.minute-hand{width:4px;height:60px;margin-left:-2px;background:#fc0;z-index:1}.center-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);z-index:3}.num{position:absolute;color:#fff;font-weight:700;font-size:.8rem}.n12{top:5px;left:50%;transform:translate(-50%)}.n3{right:10px;top:50%;transform:translateY(-50%)}.n6{bottom:5px;left:50%;transform:translate(-50%)}.n9{left:10px;top:50%;transform:translateY(-50%)}.digital-display{font-size:2.5rem;font-family:Courier New,Courier,monospace;margin-bottom:15px}.challenge-selection-container{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100vw;box-sizing:border-box}.challenge-setup-card{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:50px 40px;width:100%;max-width:450px;text-align:center;box-shadow:0 20px 50px #0000004d}.challenge-icon-header{font-size:4rem;margin-bottom:10px}.challenge-setup-card h1{font-size:2.5rem;margin:10px 0;color:#fff}.challenge-setup-card p{color:#ffffffb3;margin-bottom:30px}.challenge-buttons-column{display:flex;flex-direction:column;gap:15px}.btn-selection{display:flex;align-items:center;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .3s ease;text-align:left}.btn-selection:hover{transform:translateY(-5px);background:#ffffff26;border-color:#fff;box-shadow:0 10px 20px #0003}.btn-icon{font-size:2rem;margin-right:20px}.btn-text{display:flex;flex-direction:column}.btn-text strong{font-size:1.3rem}.btn-text span{font-size:.85rem;opacity:.6}.audio-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#3a5f8a,#7b2c5c);color:#fff;font-family:sans-serif;overflow:hidden}.audio-header{text-align:center;margin-bottom:30px}.audio-header h1{font-size:3rem;margin:0}.audio-header p{opacity:.8;font-size:1.1rem}.audio-card{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:40px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 20px 50px #0000004d}.play-btn{width:80px;height:80px;border-radius:50%;border:none;font-size:2rem;cursor:pointer;color:#fff;background:linear-gradient(135deg,#189276,#19799c);box-shadow:0 10px 25px #18927680;transition:all .25s ease}.play-btn:hover{transform:scale(1.1)}.play-btn:active{transform:scale(.95)}.audio-input{width:100%;padding:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:15px;color:#fff;font-size:1.2rem;text-align:center;outline:none}.audio-input::placeholder{color:#fff9}.audio-input:focus{border-color:#fff9}.audio-buttons{display:flex;gap:15px;width:100%}.audio-btn-check{flex:1;padding:14px;border-radius:15px;border:none;background:#189276;color:#fff;font-weight:700;cursor:pointer;transition:.2s}.audio-btn-next{flex:1;padding:14px;border-radius:15px;border:none;background:#fff3;color:#fff;font-weight:700;cursor:pointer;transition:.2s}.audio-btn-check:hover,.audio-btn-next:hover{transform:translateY(-3px);filter:brightness(1.1)}.audio-attempts{font-size:.9rem;opacity:.8}.audio-back{position:fixed;top:20px;left:20px;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;transition:.3s}.audio-back:hover{transform:translate(-5px);background:#ffffff4d}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,#a54d32,#8f1f4a,#19799c,#218c71);background-size:400% 400%;animation:gradient 25s ease infinite;overflow-x:hidden}.app-wrapper-flashcard{width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative}.app{max-width:800px;width:90%;padding:20px;text-align:center;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center}.landing-page{gap:24px}.landing-title{color:#fff;font-size:2.5rem;font-weight:900;text-shadow:0 0 30px rgba(255,255,255,.5);opacity:0}.btn-start{margin-top:10px;padding:16px 50px;font-size:1.1rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#189276,#19799c);border:none;border-radius:15px;cursor:pointer;box-shadow:0 6px #0000004d;transition:transform .2s,box-shadow .2s;opacity:0}.btn-start:hover{transform:translateY(-3px);box-shadow:0 9px #0000004d}.btn-start:active{transform:translateY(2px);box-shadow:0 2px #0000004d}h1{color:#fff;margin-bottom:30px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.compteur{font-size:18px;color:#fff;margin-bottom:20px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);display:flex;align-items:center;gap:10px}.removed-badge{font-size:12px;font-weight:600;background:#d85a30bf;color:#fff;padding:3px 10px;border-radius:20px}.carte-container{perspective:1000px;margin:30px auto;display:flex;justify-content:center;align-items:center;width:100%}.carte{width:280px;height:400px;border-radius:30px;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer;margin:0 auto}.carte.flip{transform:rotateY(180deg)}.carte-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 30px #00000080;transition:box-shadow .3s ease}.carte-face img{width:100%;height:100%;object-position:center;border-radius:10px}.carte:hover .carte-face{box-shadow:0 15px 40px #0009}.carte-avant{z-index:2}.carte-arriere{transform:rotateY(180deg)}.carte-arriere img{width:100%;height:100%;object-position:center;border-radius:10px}.carte-contenu{color:#fff;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.controles{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:30px;flex-wrap:wrap}.controles button{padding:12px 22px;font-size:15px;border:none;border-radius:10px;background-color:#667eea;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:700;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)}.controles .btn-action{box-shadow:0 4px #0000004d}.controles .btn-action:hover{background-color:unset;transform:translateY(-3px);box-shadow:0 7px #0000004d}.controles .btn-action:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.btn-action{padding:13px 36px;font-size:16px;font-weight:900;letter-spacing:.04em;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#fff;box-shadow:0 5px #0000004d}.btn-action:hover{transform:translateY(-3px);box-shadow:0 8px #0000004d}.btn-action:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.btn-garder{background:linear-gradient(135deg,#189276,#1d9e75)}.btn-retirer{background:linear-gradient(135deg,#d85a30,#c0391a)}.keyboard-hint{margin-top:16px;color:#ffffff80;font-size:12px;font-style:italic}.end-screen{gap:20px}.end-stats{color:#fffc;font-size:1.1rem;margin-bottom:10px}.end-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn-end{padding:14px 32px;font-size:1rem;font-weight:900;border:none;border-radius:12px;cursor:pointer;color:#fff;box-shadow:0 5px #0000004d;transition:transform .2s,box-shadow .2s}.btn-end:hover{transform:translateY(-3px);box-shadow:0 8px #0000004d}.btn-end:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.btn-keep{background:linear-gradient(135deg,#189276,#1d9e75)}.btn-reset{background:linear-gradient(135deg,#667eea,#764ba2)}.toast.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.app-wrapper-flashcard .toast{border-radius:10px!important;padding:10px 14px!important;gap:10px!important;max-width:240px!important}.app-wrapper-flashcard .toast span{font-size:14px;font-weight:500;line-height:1.3}.app-wrapper-flashcard .toast-close{font-size:16px;color:#fff9;transition:.2s}.app-wrapper-flashcard .toast-close:hover{color:#fff;transform:scale(1.1)}.app-wrapper-flashcard .toast{align-self:flex-start!important;height:auto!important}.app-wrapper-flashcard .toast{max-height:fit-content!important}.app-wrapper-flashcard .toast{position:fixed!important;top:20px!important;right:20px!important;height:auto!important;width:auto!important;display:inline-flex!important;align-items:center!important;align-self:unset!important}.qb-container{display:flex;flex-direction:column;gap:15px;height:auto;min-height:100%;overflow:visible;position:relative}.qb-display{opacity:.8;background:#141414e6;padding:20px;border-radius:12px;font-size:1.4rem;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.1);min-height:80px;display:flex;align-items:center;justify-content:center;text-align:center;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 30px #00000080}.qb-columns{display:flex;flex-direction:column;gap:20px;flex:1;overflow:visible;padding:10px 5px}.qb-col{display:flex;flex-direction:column;gap:10px}.qb-col-title{font-size:.85rem;text-transform:uppercase;color:#aaa;letter-spacing:2px;font-weight:800;margin-left:5px}.qb-btns-wrap{display:flex;flex-wrap:wrap;gap:8px}.qb-btn{background:#6e0f0f;color:#fff;border:2px solid rgba(255,255,255,.1);padding:10px 18px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:60px;text-align:center}.qb-btn:hover{background:#8e1515;transform:translateY(-2px);border-color:#ffffff4d}.qb-btn.active{background:#4caf50;border-color:#fff;box-shadow:0 0 20px #4caf5080;transform:scale(1.05)}.qb-footer{display:flex;gap:15px;padding:20px;margin-top:20px;position:-webkit-sticky;position:sticky;bottom:0;z-index:100;background:#1e1e1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 30px #00000080}.ask-btn{flex:2;background:linear-gradient(135deg,#189276,#19799c);border:none;padding:18px;border-radius:12px;color:#fff;font-weight:900;font-size:1.3rem;cursor:pointer;text-transform:uppercase;box-shadow:0 4px #0e5a49;transition:all .1s active}.ask-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.ask-btn:active{transform:translateY(2px);box-shadow:none}.clear-btn{flex:1;background:#333;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:background .2s}.clear-btn:hover{background:#444}@media(max-width:900px){.qb-display{font-size:1.1rem;padding:15px;min-height:60px;top:0}.qb-btns-wrap{gap:6px}.qb-btn{font-size:.9rem;padding:8px 12px}.qb-footer{padding:10px}.ask-btn{font-size:1.1rem;padding:14px}}.board-wrapper{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.1);overflow-y:auto;height:100%;box-sizing:border-box}.board-grid{display:grid;gap:12px;transition:grid-template-columns .3s ease}.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 rgba(255,255,255,.1);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;transition:all .2s}.char-card:hover{transform:translateY(-5px);background:#fff3}.char-img{width:100%;aspect-ratio:1/1;object-fit:contain}.char-name{font-size:.75rem;font-weight:700;margin-top:5px;text-transform:uppercase;text-align:center}.char-id{font-size:.6rem;opacity:.5}@media(max-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))}}.game-container{height:100vh;width:100vw;display:flex;flex-direction:column;color:#fff;padding:20px;box-sizing:border-box;overflow:hidden;position:relative}.header-conjugation-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-start;margin-bottom:20px;position:relative}.conjugation-header p{font-size:1.1rem;opacity:.8;margin:5px 0 10px}.progress-info-minimal{margin-top:20px;display:inline-flex;align-items:center;gap:15px;background:#ffffff1a;padding:8px 20px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.mode-badge{padding:4px 12px;border-radius:20px;font-weight:700;font-size:.85rem;text-transform:uppercase}.mode-badge.hard{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.mode-badge.easy{background:linear-gradient(135deg,#51cf66,#37b24d)}.reset-btn{background:none;border:none;cursor:pointer;font-size:1rem;filter:grayscale(1);transition:all .2s}.reset-btn:hover{filter:grayscale(0);transform:scale(1.1)}.toast{position:fixed;top:100px;left:50%;transform:translate(-50%);padding:20px 40px;border-radius:15px;font-size:1.3rem;font-weight:700;z-index:2000;box-shadow:0 8px 30px #0006}.toast-success{background:linear-gradient(135deg,#51cf66,#37b24d);color:#fff}.toast-no{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.toast-error{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff}.toast-warning{background:linear-gradient(135deg,#ffa94d,#fd7e14);color:#fff}.toast-info{background:linear-gradient(135deg,#19799c,#189276);color:#fff}.game-layout{display:flex;flex-direction:row;gap:20px;flex:1;min-height:0;width:100%;max-width:1600px;margin:0 auto}.game-controls-side{flex:1;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;overflow-y:auto}.game-over-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.game-over-content{background:linear-gradient(135deg,#a54d32,#8f1f4a);padding:60px 80px;border-radius:30px;text-align:center;box-shadow:0 20px 60px #0009;border:2px solid rgba(255,255,255,.2)}.title-win{font-size:4rem;color:#51cf66;text-shadow:0 0 30px rgba(81,207,102,.8);font-weight:900}.title-lose{font-size:4rem;color:#ff6b6b;text-shadow:0 0 30px rgba(255,107,107,.8);font-weight:900}.secret-name{font-size:2.5rem;font-weight:900;margin:20px 0;color:#fff;text-transform:uppercase;letter-spacing:3px}.btn-replay{background:linear-gradient(135deg,#189276,#19799c);border:none;padding:20px 60px;border-radius:15px;color:#fff;font-weight:900;font-size:1.4rem;cursor:pointer;text-transform:uppercase;box-shadow:0 6px #0000004d;transition:all .2s ease}@media(max-width:900px){.header-conjugation-wrapper{flex-direction:column;align-items:center}.game-layout{flex-direction:column;gap:15px}.game-container{height:auto;overflow-y:auto;padding:15px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.modal-content{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;width:90%;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-icon{font-size:64px;margin-bottom:20px;animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.modal-content h2{font-size:32px;margin:0 0 16px;color:#1f2937}.modal-message{font-size:18px;color:#6b7280;margin-bottom:12px}.character-reveal{font-size:16px;color:#374151;margin-bottom:24px;padding:12px;background:#f3f4f6;border-radius:8px}.character-reveal strong{color:#3b82f6;font-size:18px}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-replay{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;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{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}.guess-modal-content{background:#ffffff1f;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);padding:35px;border-radius:28px;width:90%;max-width:380px;text-align:center;color:#fff;box-shadow:0 25px 50px -12px #00000080;animation:scaleUp .4s cubic-bezier(.34,1.56,.64,1)}.guess-avatar-container{width:110px;height:110px;background:#fff;border-radius:50%;margin:0 auto 20px;padding:12px;box-shadow:0 8px 16px #0003}.guess-avatar-container img{width:100%;height:100%;object-fit:contain}.guess-modal-content h2{font-size:28px;margin-bottom:10px;font-weight:800}.guess-modal-content p{font-size:16px;opacity:.9;line-height:1.5}.modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:30px}.confirm-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.cancel-btn{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2);padding:14px;border-radius:14px;cursor:pointer;font-weight:500;transition:background .2s}.cancel-btn:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.game-container{min-height:100vh;background-size:400% 400%;animation:gradient 30s ease infinite;padding:20px;overflow-y:auto;overflow-x:hidden;position:relative}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header-conjugation-wrapper{width:100%;display:flex;justify-content:center;align-items:flex-start;margin-bottom:30px;position:relative}.conjugation-header{flex:1;text-align:center;color:#fff}.conjugation-header h1{font-size:clamp(1.8rem,5vw,3.2rem);margin:0;font-weight:800;text-shadow:0 0 30px rgba(255,255,255,.4)}.secret-display-pill{display:inline-flex;align-items:center;gap:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:8px 20px;border-radius:50px;margin-top:10px;box-shadow:0 4px 16px #0000001a}.secret-avatar-mini{width:40px;height:40px;background:#fff;border-radius:50%;padding:4px;object-fit:contain;box-shadow:0 2px 8px #0000001a}.secret-info-mini{display:flex;flex-direction:column;text-align:left}.secret-info-mini .label{font-size:10px;text-transform:uppercase;opacity:.8;font-weight:600;letter-spacing:.5px}.secret-info-mini .name{font-size:16px;font-weight:700;color:#fff}.selection-phase{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0003;max-height:calc(100vh - 180px);overflow-y:auto}.selection-instructions{text-align:center;margin-bottom:40px}.selection-instructions h3{font-size:36px;margin:0 0 12px;color:#fff;font-weight:700}.selection-instructions p{font-size:18px;color:#fffc;margin:0}.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;max-width:1200px;margin:0 auto}.selection-card{background:#fffffff2;border:2px solid rgba(255,255,255,.3);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.selection-card:hover{background:#fff;border-color:#fffc;transform:translateY(-6px) scale(1.05);box-shadow:0 12px 32px #0000004d}.selection-card img{width:100%;height:120px;object-fit:contain;margin-bottom:12px}.selection-card p{margin:0;font-weight:600;font-size:15px;color:#1f2937}.playing-phase{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:32px;box-shadow:0 20px 60px #0003;max-height:calc(100vh - 180px);overflow-y:auto}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:20px}.instructions-box{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:14px 24px;border-radius:12px;flex:1}.instructions-box p{margin:0;font-size:16px;color:#fff;font-weight:500}.undo-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003;white-space:nowrap}.undo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.board-container{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.15)}.cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1000px;margin:0 auto}.game-card{aspect-ratio:3/4;background:#fffffff2;border:2px solid rgba(255,255,255,.3);border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.game-card.flipped{background:#0000004d;border-color:#ffffff1a;opacity:.5;transform:scale(.95)}.game-card.my-secret{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf244d,0 4px 12px #fbbf2466}.card-inner{padding:12px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.card-inner img{width:100%;height:70%;object-fit:contain}.card-name{margin:0;font-size:14px;font-weight:600;color:#1f2937;text-align:center}.secret-badge{position:absolute;top:6px;left:6px;right:6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-size:9px;font-weight:700;padding:5px 8px;border-radius:6px;text-align:center;text-transform:uppercase}@media(max-width:900px){.header-conjugation-wrapper{flex-direction:column;align-items:center}.cards-grid{grid-template-columns:repeat(3,1fr)}}.game-root{min-height:100vh;width:100vw;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;color:#fff;padding:28px 20px;box-sizing:border-box;position:relative;font-family:Segoe UI,system-ui,sans-serif}.stars-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.2}.star{position:absolute;background:#fff;border-radius:50%}.game-sidebar{position:fixed;top:28px;left:28px;z-index:10;width:140px}.game-content{position:relative;z-index:1;width:100%;max-width:520px;flex:0 0 auto}.game-title{font-size:2.9rem;font-weight:900;color:#fff;letter-spacing:-.02em;margin:0 0 20px;text-align:center;text-shadow:0 4px 18px rgba(0,0,0,.4);background:none;border:none;padding:0;box-shadow:none;border-radius:0}.progress-wrapper{margin-bottom:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:15px;box-shadow:0 4px 20px #0003;box-sizing:border-box;width:100%}.progress-meta{display:flex;justify-content:space-between;margin-bottom:10px}.progress-meta span{font-size:.9rem;color:#fff;font-family:monospace;font-weight:700;letter-spacing:1px}.progress-track{height:10px;width:100%;background:#0000004d;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 5px #0000004d;box-sizing:border-box}.progress-fill{height:100%;background:linear-gradient(90deg,#51cf66,#37b24d);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #51cf6699}.hint-chip{display:inline-block;padding:8px 16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:.85rem;color:#fff;font-family:monospace;letter-spacing:.05em;font-weight:700;box-shadow:0 4px 10px #0003}.prep-game-card{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:25px;height:fit-content;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #0000004d}.prep-game-card.status-default{border:1px solid rgba(255,255,255,.2)}.prep-game-card.status-correct{border:2px solid #51cf66;box-shadow:0 0 40px #51cf6680;background:#51cf6626}.prep-game-card.status-wrong{border:2px solid #ff6b6b;box-shadow:0 0 40px #ff6b6b80;background:#ff6b6b26}.prep-game-card.shake{animation:shake .4s ease}.prep-game-card.bounce{animation:bounce .6s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.card-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 6px}.score-badge{font-size:1rem;font-family:monospace;color:#fff;font-weight:700;background:#ffffff26;padding:6px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 10px #0003}.scene-wrapper{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;margin-bottom:20px;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 20px #0003}.scene-container{display:flex;align-items:center;justify-content:center;min-height:120px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.scene-container.animate{transform:scale(1.1)}.scene-ball{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#60a5fa,#1d4ed8);box-shadow:0 6px 20px #1d4ed899,inset 0 -4px 10px #0000004d;flex-shrink:0}.scene-box{width:60px;height:55px;background:linear-gradient(145deg,#f59e0b,#d97706);border-radius:8px;box-shadow:0 8px 20px #d9770680,inset 0 2px #ffffff40;position:relative;flex-shrink:0;border:2px solid #ea580c}.scene-box.small{width:45px;height:42px}.scene-box-lid{position:absolute;top:-14px;left:-3px;right:-3px;height:16px;background:linear-gradient(145deg,#fbbf24,#f59e0b);border-radius:6px 6px 0 0;border:2px solid #ea580c;border-bottom:none;box-shadow:0 -2px 10px #fbbf2466}.scene-next_to{display:flex;align-items:center;gap:20px}.scene-on{display:flex;flex-direction:column;align-items:center}.scene-on .scene-ball{margin-bottom:-6px;z-index:1}.scene-in{position:relative;width:80px;height:75px}.scene-in .scene-box{position:absolute;top:0;left:0}.scene-in .scene-ball{position:absolute;top:18px;left:18px;width:30px;height:30px;z-index:2}.scene-under{display:flex;flex-direction:column;align-items:center}.scene-under .scene-ball{margin-top:8px}.scene-behind{position:relative;width:90px;height:80px}.scene-behind .scene-ball{position:absolute;top:10px;left:26px;opacity:.5;transform:scale(.75)}.scene-behind .scene-box{position:absolute;top:14px;left:16px}.scene-in_front_of{display:flex;align-items:center;gap:14px}.scene-between{display:flex;align-items:center;gap:12px}.scene-above{display:flex;flex-direction:column;align-items:center;gap:18px}.scene-near{display:flex;align-items:center;gap:32px}.scene-far_from{display:flex;align-items:center;gap:80px}.scene-far_from .scene-ball{opacity:.7}.scene-opposite{display:flex;align-items:center;gap:14px}.scene-arrow{font-size:22px;color:#fffc;font-weight:700}.scene-among{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;max-width:220px}.scene-among .scene-ball{width:32px;height:32px}.scene-against{display:flex;align-items:center;gap:0}.scene-against .against-ball{margin-right:-10px;z-index:2}.scene-around{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.around-ring{position:absolute;inset:0}.scene-around .scene-box{position:relative;z-index:2}.scene-around .scene-ball{position:absolute;width:26px;height:26px}.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{display:flex;align-items:center;gap:18px;position:relative}.outside-label{font-size:24px;color:#ff6b6b;font-weight:700;position:absolute;top:-14px;right:-14px;text-shadow:0 0 10px rgba(255,107,107,.6)}.sentence-line{text-align:center;font-size:1.1rem;color:#fff;margin-bottom:20px;letter-spacing:.02em;font-weight:600}.sentence-blank{display:inline-block;width:110px;height:4px;background:#ffffff80;vertical-align:middle;border-radius:2px;box-shadow:0 2px 5px #0003}.answer-input{width:100%;padding:16px 22px;font-size:1.1rem;font-weight:700;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;outline:none;margin-bottom:15px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;letter-spacing:.05em;box-shadow:0 4px 15px #0003;box-sizing:border-box;color:#fff}.answer-input.status-default{border:2px solid rgba(255,255,255,.3)}.answer-input.status-default::placeholder{color:#fff9}.answer-input:-webkit-autofill,.answer-input:-webkit-autofill:hover,.answer-input:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0 1000px rgba(25,121,156,.4) inset;transition:background-color 5000s ease-in-out 0s}.answer-input.status-correct{color:#51cf66;border:2px solid #51cf66;background:#51cf6633;box-shadow:0 0 20px #51cf6666}.answer-input.status-wrong{color:#ff6b6b;border:2px solid #ff6b6b;background:#ff6b6b33;box-shadow:0 0 20px #ff6b6b66}.btn-check{width:100%;padding:16px;font-size:1.1rem;font-weight:900;letter-spacing:.1em;color:#fff;border:none;border-radius:15px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-transform:uppercase;box-shadow:0 6px #0000004d;box-sizing:border-box}.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){transform:translateY(-3px);box-shadow:0 9px #0000004d;border-color:transparent}.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{font-size:.85rem;color:#fffc;margin-bottom:12px;text-align:center}.synonym-chip{display:inline-block;background:#ffffff26;border-radius:6px;padding:2px 8px;margin:0 3px;font-family:monospace;font-weight:700}.hint-section{margin-top:15px}.btn-hint{width:100%;padding:12px;font-size:.95rem;color:#ffffffe6;background:#ffffff1a;border:1px dashed rgba(255,255,255,.4);border-radius:12px;cursor:pointer;letter-spacing:.05em;transition:all .2s;font-weight:600;box-sizing:border-box}.btn-hint:hover{background:#ffffff26;border-color:#ffffff80}.hint-reveal{text-align:center;padding:14px;background:#fbbf2433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(251,191,36,.5);border-radius:12px;color:#fbbf24;font-size:1.1rem;font-family:monospace;letter-spacing:.15em;font-weight:900;box-shadow:0 0 20px #fbbf244d}.skip-row{text-align:center;margin-top:18px}.btn-skip{background:transparent;border:none;color:#ffffffb3;font-size:.95rem;cursor:pointer;letter-spacing:.05em;transition:all .2s;font-weight:600;text-transform:lowercase}.btn-skip:hover{color:#fff;transform:translate(5px);border-color:transparent}.results-card{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:50px 40px;text-align:center;box-shadow:0 20px 60px #0006;animation:slideUp .5s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.results-trophy{font-size:5rem;margin-bottom:20px;animation:bounce-trophy .8s ease}@keyframes bounce-trophy{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.results-title{color:#fff;font-size:2.5rem;font-weight:900;margin:0 0 10px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.results-subtitle{color:#fffc;margin:0 0 30px;font-size:1rem;font-weight:600}.results-score{font-size:4rem;font-weight:900;margin-bottom:35px;font-family:monospace;letter-spacing:.05em}.results-score.perfect{color:#51cf66;text-shadow:0 0 30px rgba(81,207,102,.8);animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.results-score.good{color:#19799c;text-shadow:0 0 30px rgba(25,121,156,.8)}.btn-restart{background:linear-gradient(135deg,#189276,#19799c);border:none;border-radius:15px;color:#fff;font-size:1.2rem;font-weight:900;padding:18px 50px;cursor:pointer;letter-spacing:.08em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px #0000004d;text-transform:uppercase}.btn-restart:hover{transform:translateY(-3px);box-shadow:0 9px #0000004d;border-color:transparent}.btn-restart:active{transform:translateY(2px);box-shadow:0 2px #0000004d}.game-back-btn{display:block;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;padding:7px 16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;width:100%;text-align:center}.game-back-btn:hover{background:#ffffff40;transform:translate(-3px);border-color:transparent}@media(max-width:600px){.game-root{flex-direction:column;align-items:center;padding:15px}.game-sidebar{position:static;width:100%;margin-bottom:16px}.game-title{font-size:1.6rem}.progress-wrapper{padding:12px}.prep-game-card,.scene-wrapper{padding:20px}.sentence-line{font-size:1rem}.answer-input{font-size:1rem;padding:14px 18px}.btn-check{font-size:1rem;padding:14px}.results-card{padding:35px 25px}.results-trophy{font-size:3.5rem}.results-title{font-size:1.8rem}.results-score{font-size:3rem}.btn-restart{font-size:1rem;padding:14px 35px}}:root{--pg-max-width: 860px;--pg-gap: 24px;--pg-card-padding: 28px 24px;--pg-card-radius: 20px;--pg-card-bg: rgba(255, 255, 255, .1);--pg-card-bg-hover: rgba(255, 255, 255, .18);--pg-card-border: rgba(255, 255, 255, .2);--pg-card-shadow: 0 8px 30px rgba(0, 0, 0, .25);--pg-card-shadow-hover: 0 12px 40px rgba(0, 0, 0, .35);--pg-card-blur: blur(15px);--pg-icon-size: 70px;--pg-icon-radius: 16px;--pg-icon-bg: rgba(255, 255, 255, .1);--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{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box;font-family:Segoe UI,system-ui,sans-serif;color:#fff;position:relative}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--pg-column-gap)!important;row-gap:0!important;width:100%;max-width:var(--pg-max-width)}.mode-card{display:flex;align-items:center;gap:20px;background:var(--pg-card-bg);border:1px solid var(--pg-card-border);border-radius:var(--pg-card-radius);padding:var(--pg-card-padding);text-decoration:none;color:#fff;backdrop-filter:var(--pg-card-blur);-webkit-backdrop-filter:var(--pg-card-blur);box-shadow:var(--pg-card-shadow);transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer;box-sizing:border-box}.mode-card:hover{transform:translateY(-4px);background:var(--pg-card-bg-hover);box-shadow:var(--pg-card-shadow-hover)}.card-icon{flex-shrink:0;width:var(--pg-icon-size);height:var(--pg-icon-size);display:flex;align-items:center;justify-content:center;background:var(--pg-icon-bg);border-radius:var(--pg-icon-radius);padding:var(--pg-icon-padding);box-sizing:border-box}.card-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.card-content{display:flex;flex-direction:column;gap:6px;text-align:left}.card-content h3{font-size:var(--pg-title-size);font-weight:800;margin:0;color:#fff;line-height:1.2;text-align:left}.card-content p{font-size:var(--pg-subtitle-size);color:rgba(255,255,255,var(--pg-subtitle-opacity));margin:0;line-height:1.4;text-align:left}@media(max-width:600px){.menu-grid{grid-template-columns:1fr}.card-content h3{font-size:1.2rem}}:root{--pth-gap: 22px;--pth-card-bg: rgba(255, 255, 255, .09);--pth-card-border: rgba(255, 255, 255, .18);--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{min-height:100vh;width:100%;padding-bottom:48px;font-family:Segoe UI,system-ui,sans-serif;color:#fff}.pth-topbar{padding:22px 28px 0}.pth-back-btn{display:inline-block;background:#ffffff26;border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:10px;padding:7px 16px;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,transform .2s}.pth-back-btn:hover{background:#ffffff40;transform:translate(-3px)}.pth-title{font-size:2.8rem;font-weight:900;color:#fff;letter-spacing:-.02em;margin:16px 0 0 28px;text-shadow:0 2px 12px rgba(0,0,0,.35)}.pth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pth-gap);padding:24px 28px 0;max-width:1100px;margin:0 auto}.pth-card{background:var(--pth-card-bg);border:1px solid var(--pth-card-border);border-radius:var(--pth-card-radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:18px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 4px 24px #00000040;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.pth-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #00000059}.pth-card__label{font-family:monospace;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pth-card__scene-area{background:#ffffff1f;border-radius:12px;border:1px solid rgba(255,255,255,.2);width:100%;min-height:112px;display:flex;align-items:center;justify-content:center;padding:16px 10px}.pth-card__desc{font-size:.82rem;color:#ffffffd1;text-align:center;line-height:1.55;padding:0 4px}.pth-ball{width:var(--pth-ball-size);height:var(--pth-ball-size);border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--pth-ball-color-light),var(--pth-ball-color-dark));box-shadow:0 4px 14px #1d4ed880;flex-shrink:0}.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-radius:7px;border:2px solid var(--pth-box-border);box-shadow:0 5px 16px #d9770673;position:relative;flex-shrink:0}.pth-box--sm{width:var(--pth-box-sm-w);height:var(--pth-box-sm-h)}.pth-box:before{content:"";position:absolute;top:-13px;left:-3px;right:-3px;height:14px;background:linear-gradient(145deg,var(--pth-box-color-top),var(--pth-box-color-mid));border-radius:6px 6px 0 0;border:2px solid var(--pth-box-border);border-bottom:none}.pth-scene{display:flex;align-items:center;justify-content:center}.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{margin-bottom:-5px;z-index:1}.pth-scene--col-gap{flex-direction:column;gap:14px}.pth-scene--wrap{flex-wrap:wrap;gap:8px;max-width:200px;justify-content:center}.pth-scene--in{position:relative;width:72px;height:68px}.pth-scene--in .pth-box{position:absolute;top:0;left:0}.pth-scene--in .pth-ball{position:absolute;top:16px;left:16px;width:28px;height:28px;z-index:2}.pth-scene--behind{position:relative;width:84px;height:74px}.pth-scene--behind .pth-ball{position:absolute;top:8px;left:22px;opacity:.45;transform:scale(.72)}.pth-scene--behind .pth-box{position:absolute;top:12px;left:12px}.pth-scene--against{gap:0}.pth-scene--against .pth-ball{margin-right:-10px;z-index:2}.pth-scene--around{position:relative;width:116px;height:116px;display:flex;align-items:center;justify-content:center}.pth-scene--around .pth-box{position:relative;z-index:2}.pth-scene--around .pth-ball{position:absolute;width:22px;height:22px}.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{font-size:20px;color:#ffffffbf;font-weight:700}@media(max-width:860px){.pth-grid{grid-template-columns:repeat(3,1fr);padding:18px 16px 0;gap:14px}.pth-title{font-size:1.4rem;margin-left:16px}.pth-topbar{padding:16px 16px 0}.pth-card__label{font-size:.65rem;padding:4px 10px}.pth-card__desc{font-size:.75rem}}@media(max-width:560px){.pth-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:360px){.pth-grid{grid-template-columns:1fr}}.conjugation-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 20px;box-sizing:border-box;overflow-x:hidden;position:relative}.header-conjugation-wrapper{width:100%;text-align:center;margin-bottom:40px}.conjugation-header h1{font-size:clamp(2rem,6vw,3.5rem);color:#fff;margin:0;font-weight:800;text-shadow:0 0 20px rgba(255,255,255,.3)}.conjugation-header p{color:#fffc;font-size:1.2rem}.game-wrapper{width:100%;max-width:900px;display:flex;flex-direction:column;gap:30px}.dice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.dice-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d}.dice-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}.dice-face-container{width:90px;height:90px;display:flex;align-items:center;justify-content:center}.dice-face-static{width:100%;height:100%;background:#ffffff26;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.2)}.dice-small-text{font-size:.9rem;padding:10px;text-align:center}.dice-symbol-main{font-size:2rem}.dice-type-sub{font-size:.7rem;font-weight:600}.verb-card{background:linear-gradient(145deg,#ffffff1f,#ffffff0d);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:30px;text-align:center}.verb-label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;margin-bottom:8px}.verb-text{font-size:3rem;font-weight:900;color:#fff;letter-spacing:-1px}.answer-box-modern{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.input-wrapper-glass{width:100%;position:relative;background:#0003;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.input-wrapper-glass:focus-within{border-color:#ffffff4d;box-shadow:0 10px 40px #0000004d}.modern-textarea{width:100%;min-height:90px;background:transparent;border:none;padding:25px;color:#fff;font-size:1.3rem;text-align:center;outline:none;resize:none;font-family:inherit}.input-glow-line{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,#4ade80,#60a5fa,transparent);transition:width .5s ease,left .5s ease;transform:translate(-50%)}.input-wrapper-glass:focus-within .input-glow-line{width:100%}.btn-verify-modern{display:flex;align-items:center;gap:12px;padding:16px 40px;background:#fff;color:#1a1a1a;border:none;border-radius:100px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-verify-modern:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 10px 25px #ffffff4d}.btn-start{padding:18px 50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid white;border-radius:100px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .3s ease}.btn-roll-again{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:12px 30px;border-radius:100px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-roll-again:hover{background:#ffffff1a}@media(max-width:768px){.dice-grid{grid-template-columns:1fr}.verb-text{font-size:2.2rem}.modern-textarea{font-size:1.1rem}}.class-select-screen{display:flex;align-items:center;justify-content:center;width:100%;padding:20px;box-sizing:border-box}.class-select-card{width:100%;max-width:500px;background:#ffffff12;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:28px;padding:40px 36px;text-align:center;box-shadow:0 20px 60px #0000004d}.class-select-icon{font-size:3rem;margin-bottom:16px}.class-select-title{font-size:1.7rem;font-weight:700;color:#fff;margin:0 0 10px;letter-spacing:-.02em}.class-select-subtitle{font-size:.95rem;color:#ffffff8c;margin:0 0 28px}.class-select-list{display:flex;flex-direction:column;gap:10px}.class-select-btn{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:18px;cursor:pointer;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease}.class-select-btn:hover{background:#ffffff24;border-color:#ffffff47;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.class-select-btn-name{font-weight:700;font-size:1.05rem;flex:1;text-align:left}.class-select-btn-count{font-size:.8rem;color:#ffffff73;white-space:nowrap}.class-select-btn-arrow{font-size:1.1rem;color:#ffffff59;transition:transform .2s}.class-select-btn:hover .class-select-btn-arrow{transform:translate(4px);color:#ffffffb3}.class-select-loading{display:flex;align-items:center;justify-content:center;gap:12px;color:#ffffff80;font-size:.95rem}.class-select-empty{color:#ffffff73;font-size:.9rem;text-align:center;line-height:1.6}.conj-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:conj-spin .7s linear infinite;flex-shrink:0}@keyframes conj-spin{to{transform:rotate(360deg)}}.conj-class-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%;max-width:900px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:12px 18px;box-sizing:border-box;margin-bottom:4px}.conj-class-bar-name{font-weight:700;font-size:.95rem;color:#fff;white-space:nowrap}.conj-modules-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.conj-module-chip{background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:3px 10px;font-size:.75rem;color:#ffffffbf;white-space:nowrap}.conj-change-class-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:6px 14px;border-radius:14px;font-size:.82rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.conj-change-class-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff59}@media(max-width:600px){.class-select-card{padding:28px 20px}.conj-class-bar{flex-direction:column;align-items:flex-start}}.clock-game-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box;color:#fff;position:relative}.clock-header{text-align:center;margin-bottom:30px}.clock-header h1{font-size:clamp(2.5rem,8vw,4rem);margin:0;font-weight:800;text-shadow:0 0 30px rgba(255,255,255,.5)}.clock-header p{font-size:1.2rem;opacity:.8;margin-top:10px}.mode-selector{display:flex;gap:15px;margin-bottom:30px}.mode-selector button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 25px;border-radius:30px;cursor:pointer;transition:all .3s ease}.mode-selector button.active-mode{background:#189276;border-color:#53f260;box-shadow:0 0 15px #18927680}.clock-glass-card{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:40px;width:100%;max-width:500px;text-align:center;box-shadow:0 20px 50px #0000004d}.digital-display{font-family:Courier New,Courier,monospace;font-size:6rem;font-weight:700;color:#53f260;text-shadow:0 0 10px rgba(83,242,96,.7),0 0 20px rgba(83,242,96,.4);background:#0000004d;border-radius:20px;padding:20px;margin-bottom:30px;border:1px solid rgba(83,242,96,.2);box-shadow:inset 0 0 20px #00000080}.clock-input{width:100%;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:18px;color:#fff;font-size:1.4rem;text-align:center;margin-bottom:25px;outline:none;transition:border-color .3s}.clock-input:focus{border-color:#53f260}.clock-button-group{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.btn-check{background:#189276;color:#fff;padding:12px 25px;border:none;border-radius:12px;font-weight:700;cursor:pointer;flex:1}.btn-new{background:#ffffff1a;color:#fff;padding:12px 25px;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer}.attempts{font-size:.9rem;color:#ffffff80;margin:0}:root{--ws-max-width: 860px;--ws-gap: 24px;--ws-card-padding: 28px 24px;--ws-card-radius: 20px;--ws-card-bg: rgba(255, 255, 255, .1);--ws-card-bg-hover: rgba(255, 255, 255, .18);--ws-card-border: rgba(255, 255, 255, .2);--ws-card-shadow: 0 8px 30px rgba(0, 0, 0, .25);--ws-card-shadow-hover: 0 12px 40px rgba(0, 0, 0, .35);--ws-card-blur: blur(15px);--ws-icon-size: 70px;--ws-icon-radius: 16px;--ws-icon-bg: rgba(255, 255, 255, .1);--ws-icon-padding: 12px;--ws-title-size: 1.4rem;--ws-subtitle-size: .95rem;--ws-subtitle-opacity: .75;--ws-header-mb: 50px}.ws-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;box-sizing:border-box;font-family:Segoe UI,system-ui,sans-serif;color:#fff;position:relative}.ws-header{text-align:center;color:#fff;margin-bottom:var(--ws-header-mb)}.ws-header h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;margin:0;text-shadow:0 0 30px rgba(255,255,255,.5)}.ws-header p{font-size:1.1rem;opacity:.9;margin-top:10px}.ws-nav-list{display:flex;flex-direction:column;gap:var(--ws-gap);width:100%;max-width:var(--ws-max-width)}.ws-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ws-gap)}.ws-row-single{display:flex;justify-content:center}.ws-row-single .ws-card{width:calc(50% - var(--ws-gap) / 2)}.ws-card{display:flex;align-items:center;gap:20px;background:var(--ws-card-bg);border:1px solid var(--ws-card-border);border-radius:var(--ws-card-radius);padding:var(--ws-card-padding);text-decoration:none;color:#fff;backdrop-filter:var(--ws-card-blur);-webkit-backdrop-filter:var(--ws-card-blur);box-shadow:var(--ws-card-shadow);transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer;box-sizing:border-box}.ws-card:hover{transform:translateY(-4px);background:var(--ws-card-bg-hover);box-shadow:var(--ws-card-shadow-hover)}.ws-card-icon{flex-shrink:0;width:var(--ws-icon-size);height:var(--ws-icon-size);display:flex;align-items:center;justify-content:center;background:var(--ws-icon-bg);border-radius:var(--ws-icon-radius);padding:var(--ws-icon-padding);box-sizing:border-box}.ws-card-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.ws-card-text{display:flex;flex-direction:column;gap:6px;text-align:left}.ws-card-title{font-size:var(--ws-title-size);font-weight:800;color:#fff;line-height:1.2;text-align:left}.ws-card-subtitle{font-size:var(--ws-subtitle-size);color:rgba(255,255,255,var(--ws-subtitle-opacity));line-height:1.4;text-align:left}@media(max-width:600px){.ws-row{grid-template-columns:1fr}.ws-row-single .ws-card{width:100%}.ws-card-title{font-size:1.2rem}}body{margin:0;overflow-x:hidden}.app-background{min-height:100vh;width:100vw;background:linear-gradient(-45deg,#a54d32,#8f1f4a,#19799c,#189276);background-size:400% 400%;animation:gradient-bg 20s ease infinite}.game-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box;cursor:default;position:relative}.game-page .back-button-container{position:absolute;top:20px;left:20px;z-index:100}.game-page__title{font-size:3rem;margin:20px 0;color:#fff;font-weight:800;text-shadow:0 4px 10px rgba(0,0,0,.3)}.game-page__info-bar{display:flex;gap:20px;margin-bottom:25px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:12px 25px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;align-items:center;color:#fff}.game-page__info-bar-button{padding:8px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.game-page__info-bar-button:hover{background:#189276;transform:translateY(-2px)}.game-page__game-area{display:flex;gap:25px;width:98vw;max-width:1400px;justify-content:center;align-items:flex-start;overflow-x:auto;padding:10px}.game-page__grid-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:12px;border-radius:15px;border:1px solid rgba(255,255,255,.1);background:#00000040;flex-shrink:1}.game-page__grid{display:grid;gap:4px}.game-page__cell{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.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{width:28px;height:28px;font-size:.85rem;gap:2px}.game-page__cell--selected{background:linear-gradient(135deg,#fc0,#ff9500)!important;border-color:#fff!important;color:#000!important;transform:scale(1.1);z-index:10;text-shadow:none}.game-page__cell[style*=border-color]:not([style*="rgba(255, 255, 255, 0.15)"]){border-width:2px!important}.game-page__word-list{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;width:10vw;min-width:180px;flex-shrink:0;list-style:none;max-height:75vh;overflow-y:auto;box-shadow:0 10px 30px #0003;margin:0}.game-page__word-list-item{padding:8px 0;color:#fff;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;font-size:.9rem}.game-page__victory-overlay{position:fixed;inset:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.game-page__victory-box{background:#ffffff26;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:30px;padding:40px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.3)}.game-page__victory-title{font-size:2.5rem;color:#53f260;margin-bottom:10px}.game-page__victory-button{padding:12px 25px;border-radius:12px;border:none;background:#189276;color:#fff;font-weight:700;cursor:pointer;margin:10px;transition:.3s}@media(max-width:1024px){.game-page__game-area{flex-direction:column;align-items:center}.game-page__word-list{width:90%;max-height:200px;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{display:flex;justify-content:center;align-items:center;gap:80px}.drag-game .maison{position:relative;width:1060px;height:960px;background-size:contain;background-repeat:no-repeat;background-position:center;padding:0}.drag-game .tooltip{background:#fff;color:#000!important;width:20px;height:20px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:.8rem;cursor:help;position:relative;margin-left:8px;vertical-align:middle;border:1.5px solid #000;box-shadow:0 2px 4px #0003;line-height:1;font-weight:900}.drag-game .tooltip-text{visibility:hidden;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)!important;background:#222!important;color:#fff!important;padding:8px 14px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .3s,visibility .3s;z-index:10000;font-size:.9rem;box-shadow:0 6px 16px #00000080;font-weight:700}.drag-game .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:#222 transparent transparent transparent!important}.drag-game .tooltip:hover .tooltip-text{visibility:visible;opacity:1}.drag-game .zone{position:absolute;border:2px dashed #ff0000;display:flex;align-items:center;justify-content:center;background-color:#ffffff5a;font-size:16px;font-weight:700;color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.8);padding:5px;border-radius:5px}.drag-game .zone:nth-child(1){width:200px;height:125px;top:363px;left:290px}.drag-game .zone:nth-child(2){width:53px;height:125px;top:363px;left:507px}.drag-game .zone:nth-child(3){width:200px;height:125px;top:363px;left:579px}.drag-game .zone:nth-child(4){width:200px;height:122px;top:510px;left:290px}.drag-game .zone:nth-child(5){width:129px;height:122px;top:510px;left:507px}.drag-game .zone:nth-child(6){width:122px;height:122px;top:510px;left:655px}.drag-game .zone:nth-child(7){width:230px;height:122px;top:652px;left:308px}.drag-game .zone:nth-child(8){width:200px;height:90px;top:245px;left:549px}.drag-game .zone:nth-child(9){width:140px;height:113px;top:527px;left:107px}.drag-game .zone:nth-child(10){width:240px;height:290px;top:360px;left:799px}.drag-game .zone:nth-child(11){width:207px;height:122px;top:652px;left:552px}.drag-game .piece{width:150px;height:45px;display:flex;align-items:center;justify-content:center;padding:0;margin:5px;background:#add8e659;border:2px solid rgba(255,255,255,.2);border-radius:6px;font-weight:700;color:#fff;cursor:grab}.drag-game .pieces-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.drag-game .stats{background:transparent;padding:10px 15px;border-radius:10px;display:flex;gap:15px;width:fit-content;max-width:90%;margin:10px auto;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.25)}.drag-game .stats p{margin:0;font-weight:700;color:#fff;font-size:16px;text-shadow:1px 1px 1px rgba(255,255,255,.5)}.drag-game div>p:first-of-type{font-size:18px;font-weight:700;color:#fff;background:transparent;padding:10px;text-align:center}@keyframes shakeHard{0%{transform:translate(0) scale(1)}20%{transform:translate(-10px) rotate(-2deg)}40%{transform:translate(10px) rotate(2deg)}60%{transform:translate(-8px)}80%{transform:translate(8px)}to{transform:translate(0)}}.drag-game .zone.wrong{animation:shakeHard .4s ease;background:#ff000073!important;border:3px solid red!important;box-shadow:0 0 20px red}.win-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.win-card{background:linear-gradient(135deg,#0f9,#0cf);padding:30px;border-radius:20px;font-size:30px;font-weight:700;color:#000;text-align:center;animation:popWin .6s ease}@keyframes popWin{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.confetti{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,red 10%,transparent 11%),radial-gradient(circle,blue 10%,transparent 11%),radial-gradient(circle,yellow 10%,transparent 11%);background-size:25px 25px;animation:fall 2s linear;z-index:9998}@keyframes fall{0%{transform:translateY(-100%);opacity:1}to{transform:translateY(100%);opacity:0}}#root{width:100%;height:100vh}.writing-game{text-align:center}.writing-game .tooltip-text{visibility:hidden;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)!important;background:#222!important;color:#fff!important;padding:8px 14px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .3s,visibility .3s;z-index:10000;font-size:.9rem;box-shadow:0 6px 16px #00000080;font-weight:700;text-shadow:none;border:none!important}.writing-game .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:#222 transparent transparent transparent!important}header{background:transparent;color:#000;padding:15px;text-shadow:1px 1px 2px rgba(255,255,255,.5)}header h1{margin:20px;font-size:2rem;text-shadow:1px 1px 2px rgba(255,255,255,.5)}button{padding:10px 15px;margin:10px 5px;border:2px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff5a;color:#000;cursor:pointer;transition:.2s;font-weight:700;text-shadow:1px 1px 1px rgba(255,255,255,.5)}button:hover{background:#ffffff80;transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.card-game{background:#ffffff5a;width:380px;margin:40px auto;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a;animation:fadeIn .4s ease;border:2px solid rgba(255,255,255,.25)}.card-game h2{color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.5);font-size:1.5rem}.card-game input{width:100%;padding:10px;font-size:16px;border:2px solid rgba(255,255,255,.25);border-radius:5px;margin:10px 0;background:transparent;color:#000}.card-game img{width:220px;height:150px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.25);margin-bottom:15px}.card-game h2{margin-bottom:15px}.card-game input{width:90%;padding:10px;font-size:16px;border:2px solid rgba(255,255,255,.25);border-radius:6px;margin-top:10px;outline:none;transition:.2s;background:#ffffff80}.card-game input:focus{background:#fffc;box-shadow:0 0 5px #ffffff80}#message{margin-top:10px;font-weight:700;min-height:20px;font-size:18px;color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.8);background:#ffffff5a;padding:10px;border-radius:8px;border:2px solid rgba(255,255,255,.25);text-align:center}.card-game p{margin-top:10px;font-size:16px;color:#000;text-shadow:1px 1px 1px rgba(255,255,255,.5)}#gameOver{margin-top:40px;padding:20px;background:#ffffff5a;display:inline-block;border-radius:12px;box-shadow:0 4px 15px #0000001a;animation:fadeIn .4s ease;border:2px solid rgba(255,255,255,.25)}#gameOver h3{color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.stats{background:#ffffff5a;padding:15px;border-radius:10px;margin:10px 0;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;border:2px solid rgba(255,255,255,.25);box-shadow:none}.stats p{margin:5px 0;font-weight:700;color:#000;font-size:16px;text-shadow:1px 1px 1px rgba(255,255,255,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes popCorrect{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shakeWrong{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}to{transform:translate(0)}}#root{width:100%;min-height:100vh}.writing-game{text-align:center;overflow-x:hidden;padding:15px}.writing-game h1{margin-top:10px;color:#fff;font-size:clamp(1.6rem,4vw,2.4rem)}.writing-game .tooltip{background:#fff;color:#000!important;width:20px;height:20px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:.8rem;cursor:help;position:relative;margin-left:8px;vertical-align:middle;border:1.5px solid #000;box-shadow:0 2px 4px #0003;line-height:1;font-weight:900}.writing-game .tooltip-text{visibility:hidden;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#222;color:#fff!important;padding:8px 14px;border-radius:8px;white-space:nowrap;opacity:0;transition:opacity .3s,visibility .3s;z-index:10000;font-size:.9rem;box-shadow:0 6px 16px #00000080;font-weight:700}.writing-game .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:#222 transparent transparent transparent}.writing-game .tooltip:hover .tooltip-text{visibility:visible;opacity:1}.card-game{width:100%;max-width:750px;margin:20px auto;padding:20px;border-radius:25px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);animation:fadeIn .5s ease}.card-game img{width:100%;max-width:650px;height:auto;object-fit:contain;border-radius:20px;margin-bottom:20px}.question-box{background:#ffffff14;padding:15px;border-radius:15px;margin-bottom:20px}.question-box h2{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;color:#fff;font-size:clamp(1.1rem,3vw,1.8rem);margin:0}.answer-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.answer-buttons button{min-width:120px;padding:14px 20px;border:none;border-radius:14px;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;cursor:pointer;transition:.2s}.answer-buttons button:hover{transform:scale(1.08)}.yes-btn{background:#00c853;color:#fff}.no-btn{background:#ff1744;color:#fff}#message{min-height:30px;color:#fff;font-size:clamp(1rem,2vw,1.3rem);font-weight:700;margin-bottom:20px}.stats{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px;background:#ffffff14;padding:15px;border-radius:15px}.stats p{color:#fff;font-weight:700;margin:0;font-size:clamp(.9rem,2vw,1rem)}.menu-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.menu-buttons button,#gameOver button{padding:12px 18px;border:none;border-radius:12px;background:#ffffff2e;color:#fff;font-weight:700;cursor:pointer;transition:.2s;font-size:.95rem}.menu-buttons button:hover,#gameOver button:hover{transform:scale(1.05);background:#ffffff4d}#gameOver{margin-top:80px;display:inline-block;padding:30px;border-radius:20px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#gameOver h2{color:#fff}.correct{animation:popCorrect .5s ease}.wrong{animation:shakeWrong .4s ease}@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)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.card-game{padding:15px}.card-game img{max-width:100%}.answer-buttons{flex-direction:column;align-items:center}.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{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem 1rem;box-sizing:border-box}.theory-page .container{max-width:1100px;margin:0 auto;color:#1f2937;display:flex;gap:20px;align-items:stretch;flex-wrap:wrap}.theory-page header{background:transparent;padding:2.5rem 2rem;text-align:center;margin-bottom:2.5rem;position:relative}.theory-page header:after{content:none}.theory-page header h1{color:#f8f8f8;margin:0;font-size:2.4rem;font-weight:800;letter-spacing:-.5px;text-shadow:1px 1px 2px rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;gap:12px}.theory-page .card{background-color:#ffffff5a;border-radius:20px;padding:30px 40px;margin-bottom:25px;box-shadow:0 4px 15px #0000001a;border:2px solid rgba(255,255,255,.25);flex:1;min-width:320px;display:flex;flex-direction:column}.theory-page .card h2{color:#fff;font-size:1.6rem;margin:0;display:inline-flex;align-items:center;border-bottom:none}.theory-page .card>p:first-child{display:flex;align-items:center;gap:12px;border-bottom:2px solid rgba(255,255,255,.25);padding-bottom:16px;margin-bottom:20px;background:transparent;box-shadow:none}.theory-page .card p{padding:14px 0 14px 10px;margin:12px 0;border-radius:12px;background:transparent;display:flex;align-items:center;flex-wrap:wrap;gap:10px;transition:background-color .2s,transform .2s;font-size:1.15rem;color:#fff}.theory-page .card p:not(:first-child):hover{background:#fff3;transform:scale(1.01)}.theory-page .card b{color:#fff;font-size:1.25rem;background:transparent;padding:6px 14px;border-radius:8px;border:2px solid rgba(255,255,255,.25);box-shadow:none;font-weight:700;display:inline-block;min-width:140px;text-align:center}.theory-page .row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;width:100%}.theory-page .left,.theory-page .right{text-align:left}.theory-page button{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;margin:40px auto 20px;padding:18px 24px;font-size:1.2rem;font-weight:700;color:#fff;background:#ffffff5a;border:2px solid rgba(255,255,255,.25);border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0000001a;flex-basis:100%}.theory-page button:hover{background:#ffffff80;box-shadow:0 6px 15px #00000026;transform:none}.theory-page button:active{transform:scale(.98);box-shadow:0 2px 5px #0000001a}.theory-page .tooltip{background:#e2e8f0;color:#475569!important;width:26px;height:26px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:.9rem;cursor:help;position:relative;margin-left:5px;border:none;font-weight:700;transition:all .2s}.theory-page .tooltip:hover{background:#cbd5e1;color:#1e293b!important}.theory-page .tooltip-text{visibility:hidden;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(10px)!important;background:#1e293b!important;color:#f8fafc!important;padding:12px 18px;border-radius:12px;white-space:nowrap;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;font-size:1rem;box-shadow:0 12px 30px #00000040;font-weight:600;letter-spacing:.5px;pointer-events:none}.theory-page .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:#1e293b transparent transparent transparent!important}.theory-page .tooltip:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)!important}@media(max-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}}.help-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 18px;box-sizing:border-box;overflow-x:hidden;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61);background-size:400% 400%;animation:gradient-bg 25s ease infinite;font-family:Inter,system-ui,sans-serif;position:relative}.help-bg-icon{position:absolute;top:50%;left:50%;width:760px;height:760px;background:url("data:image/svg+xml,%3csvg%20class='svg-icon'%20style='width:%201em;%20height:%201em;vertical-align:%20middle;fill:%20currentColor;overflow:%20hidden;'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M514%20912c-219.9%200-398.8-178.9-398.8-398.8S294.1%20114.3%20514%20114.3s398.9%20178.9%20398.9%20398.9C912.8%20733.1%20733.9%20912%20514%20912z%20m0-701.5c-166.9%200-302.7%20135.8-302.7%20302.7S347.1%20815.9%20514%20815.9s302.7-135.8%20302.7-302.7S680.9%20210.5%20514%20210.5z'%20fill='%23BDD2EF'%20/%3e%3cpath%20d='M514%20705.9m-62.1%200a62.1%2062.1%200%201%200%20124.2%200%2062.1%2062.1%200%201%200-124.2%200Z'%20fill='%232867CE'%20/%3e%3cpath%20d='M562.1%20605.5h-96.2V569c0-60.5%2049.2-109.7%20109.7-109.7%207.5%200%2013.6-6.1%2013.6-13.6v-60.5c0-7.5-6.1-13.6-13.6-13.6H452.4c-7.5%200-13.6%206.1-13.6%2013.6v57.6h-96.2v-57.6c0-60.5%2049.2-109.7%20109.7-109.7h123.3c60.5%200%20109.7%2049.2%20109.7%20109.7v60.5c0%2060.5-49.2%20109.7-109.7%20109.7-7.5%200-13.6%206.1-13.6%2013.6v36.5z'%20fill='%232867CE'%20/%3e%3c/svg%3e") no-repeat center;background-size:contain;opacity:.17;pointer-events:none;transform:translate(-50%,-50%);animation:slowFloat 70s linear infinite}@keyframes slowFloat{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.help-title{text-align:center;color:#fff;margin-bottom:45px;z-index:2}.help-title h1{font-size:clamp(2.4rem,7vw,4rem);margin:0;font-weight:900;letter-spacing:.8px;text-shadow:0 10px 25px rgba(0,0,0,.35)}.help-title p{font-size:1.25rem;opacity:.8;margin-top:6px}.help-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:920px;z-index:2}.help-item{position:relative;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:5px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.help-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-120%);transition:transform .65s ease}.help-item:hover{transform:translateY(-6px) scale(1.02);background:#ffffff21;box-shadow:0 18px 40px #00000059}.help-item:hover:before{transform:translate(120%)}.help-item:active{transform:translateY(-2px) scale(.98)}.help-name{font-size:1.15rem;font-weight:800}.help-info{font-size:.92rem;opacity:.75}.help-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.5;transition:transform .25s ease,opacity .25s ease}.help-item:hover .help-arrow{transform:translateY(-50%) translate(6px);opacity:1}@media(max-width:768px){.help-panel{grid-template-columns:1fr}}.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-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.credits-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 18px;box-sizing:border-box;overflow-x:hidden;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61);background-size:400% 400%;animation:gradient-bg 25s ease infinite;position:relative}.credits-bg-icon{position:absolute;top:45%;left:50%;width:560px;height:560px;background:url(/assets/thanksyou-DGjXwR9m.svg) no-repeat center;background-size:contain;opacity:.17;pointer-events:none;transform:translate(-50%,-50%)}.credits-title{text-align:center;color:#fff;margin-bottom:45px;z-index:2}.credits-title h1{font-size:clamp(2.4rem,7vw,4rem);margin:0;font-weight:900;letter-spacing:.8px;text-shadow:0 10px 25px rgba(0,0,0,.35)}.credits-title p{font-size:1.25rem;opacity:.8;margin-top:6px}.credits-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:920px;z-index:2}.credits-item{position:relative;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:5px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.credits-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-120%);transition:transform .65s ease}.credits-item:hover{transform:translateY(-6px) scale(1.02);background:#ffffff21;box-shadow:0 18px 40px #00000059}.credits-item:hover:before{transform:translate(120%)}.credits-item:active{transform:translateY(-2px) scale(.98)}.credits-name{font-size:1.15rem;font-weight:800}.credits-info{font-size:.92rem;opacity:.75}.credits-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.5;transition:transform .25s ease,opacity .25s ease}.credits-item:hover .credits-arrow{transform:translateY(-50%) translate(6px);opacity:1}@media(max-width:768px){.credits-panel{grid-template-columns:1fr}}.easter-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999}.easter-popup{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:18px;max-width:420px;display:flex;align-items:center;justify-content:center}.easter-image{width:100%;border-radius:12px;display:block}.easter-close{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ffffff26;color:#fff;cursor:pointer;font-size:16px;line-height:1;padding:0;transition:.2s ease}.easter-close:hover{background:#ffffff4d;transform:scale(1.1)}.credits-list{display:flex;flex-direction:column;gap:16px}.dashboard-back{position:absolute;top:20px;left:80px;display:flex;align-items:center;gap:6px;color:#ffffffb3;text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 16px;border-radius:20px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);transition:all .25s ease;z-index:10}.auth-page{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float-orb 20s ease-in-out infinite;pointer-events:none}.auth-orb--1{width:400px;height:400px;background:#8b5cf680;top:-100px;left:-100px;animation-delay:0s}.auth-orb--2{width:300px;height:300px;background:#3b82f666;bottom:-50px;right:-50px;animation-delay:-7s}.auth-orb--3{width:250px;height:250px;background:#10b98159;top:50%;left:60%;animation-delay:-14s}@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{position:relative;z-index:1;width:100%;max-width:440px;background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:48px 40px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;animation:card-enter .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.auth-brand{text-align:center;margin-bottom:36px}.auth-brand-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 16px #8b5cf666;animation:icon-pulse 3s ease-in-out infinite}@keyframes icon-pulse{0%,to{box-shadow:0 4px 16px #8b5cf666}50%{box-shadow:0 4px 28px #8b5cf699}}.auth-brand h1{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.02em}.auth-brand p{font-size:.95rem;color:#fff9;margin:0;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-input-group{display:flex;flex-direction:column;gap:7px}.auth-input-group label{font-size:.85rem;font-weight:600;color:#ffffffb3;letter-spacing:.02em;text-transform:uppercase}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:16px;font-size:1.1rem;color:#ffffff59;pointer-events:none;transition:color .3s ease}.auth-input-wrapper input{width:100%;padding:14px 16px 14px 48px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:.95rem;font-family:Inter,system-ui,sans-serif;transition:all .3s ease;outline:none;box-sizing:border-box}.auth-input-wrapper input::placeholder{color:#ffffff4d}.auth-input-wrapper input:focus{border-color:#8b5cf699;background:#ffffff17;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{position:absolute;right:14px;background:none;border:none;color:#ffffff59;cursor:pointer;font-size:1.1rem;padding:4px;transition:color .2s ease;display:flex;align-items:center}.auth-password-toggle:hover{color:#ffffffb3}.auth-domain-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#8b5cf61f;border:1px solid rgba(139,92,246,.2);border-radius:8px;font-size:.8rem;color:#c8b4ffe6;margin-top:2px}.auth-domain-badge svg{flex-shrink:0}.auth-submit{position:relative;width:100%;padding:15px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;font-family:Inter,system-ui,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:8px;overflow:hidden}.auth-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:14px;opacity:0;transition:opacity .3s ease}.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{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px}.auth-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.auth-message{padding:12px 16px;border-radius:12px;font-size:.88rem;font-weight:500;display:flex;align-items:center;gap:8px;animation:msg-enter .3s ease forwards}@keyframes msg-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-message--error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.auth-message--success{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.auth-footer{text-align:center;margin-top:28px;font-size:.9rem;color:#ffffff80}.auth-footer a{color:#a78bfa;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer a:hover{color:#c4b5fd}.auth-divider{display:flex;align-items:center;gap:16px;color:#ffffff4d;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-loading{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.auth-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spinner .8s linear infinite}@media(max-width:480px){.auth-card{padding:32px 24px;border-radius:22px}.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{font-size:.85rem;color:#a78bfacc;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-forgot-link a:hover{color:#c4b5fd}.auth-reset-desc{font-size:.9rem;color:#ffffff8c;text-align:center;line-height:1.5;margin:0 0 24px}.auth-reset-success{text-align:center}.auth-reset-info{font-size:.9rem;color:#fff9;line-height:1.6;margin:20px 0 8px}.auth-reset-info strong{color:#ffffffd9}.auth-reset-hint{font-size:.82rem;color:#ffffff59;margin:0 0 24px}.auth-reset-hint strong{color:#ffffff80}.auth-back-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:12px;width:100%;box-sizing:border-box}.auth-reset-redirect-bar{width:100%;height:4px;background:#ffffff1a;border-radius:4px;margin-top:20px;overflow:hidden}.auth-reset-redirect-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#6366f1,#3b82f6);border-radius:4px;animation:redirect-progress 3s ease-in-out forwards}@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{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#1a1a2e);background-size:400% 400%;animation:pending-bg 20s ease infinite}@keyframes pending-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pending-card{width:100%;max-width:480px;background:#ffffff12;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.12);border-radius:32px;padding:52px 44px;text-align:center;box-shadow:0 24px 64px #0006,inset 0 1px #ffffff26;animation:card-enter .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes card-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pending-icon{font-size:3.5rem;margin-bottom:20px;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pending-title{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.03em}.pending-subtitle{font-size:.95rem;color:#fff9;margin:0 0 28px;line-height:1.6}.pending-info-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px 22px;margin-bottom:20px;text-align:left}.pending-email{display:block;font-size:.9rem;font-weight:600;color:#79b8ff;margin-bottom:10px;word-break:break-all}.pending-hint{font-size:.85rem;color:#ffffff80;margin:0;line-height:1.55}.pending-hint strong{color:#fffc}.pending-note{font-size:.82rem;color:#ffffff59;margin:0 0 28px;line-height:1.5}.pending-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pending-refresh-btn{background:#0071e3;color:#fff;border:none;padding:12px 24px;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease}.pending-refresh-btn:hover{background:#0077ed;transform:scale(1.03);box-shadow:0 6px 20px #0071e366}.pending-logout-btn{background:transparent;color:#ffffff80;border:1px solid rgba(255,255,255,.15);padding:12px 24px;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s ease}.pending-logout-btn:hover{border-color:#ffffff4d;color:#fffc;background:#ffffff0d}.settings-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;position:relative;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61);background-size:400% 400%;animation:gradient-bg 25s ease infinite}.settings-back{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:6px;color:#ffffffb3;text-decoration:none;font-size:.9rem;font-weight:500;padding:8px 14px;border-radius:12px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);transition:all .2s ease;z-index:10}.settings-back:hover{background:#ffffff24;color:#fff;transform:translate(-2px)}.settings-container{width:100%;max-width:480px;animation:settings-enter .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(16px)}@keyframes settings-enter{to{opacity:1;transform:translateY(0)}}.settings-card{background:#ffffff14;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:44px 40px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a}.settings-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 4px;text-align:center;letter-spacing:-.02em}.settings-subtitle{font-size:.95rem;color:#ffffff80;margin:0 0 32px;text-align:center}.settings-avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.settings-avatar-wrapper{position:relative;width:120px;height:120px;border-radius:50%;cursor:pointer;overflow:hidden;border:3px solid rgba(163,162,165,.4);transition:border-color .3s ease,transform .3s ease}.settings-avatar-wrapper:hover{border-color:#868589cc;transform:scale(1.03)}.settings-avatar-img{width:100%;height:100%;object-fit:cover}.settings-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:#ffffff4d}.settings-avatar-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.settings-avatar-wrapper:hover .settings-avatar-overlay{opacity:1}.settings-file-input{display:none}.settings-avatar-hint{font-size:.8rem;color:#fff6;margin:0}.settings-preview-actions{display:flex;gap:10px;justify-content:center;margin-bottom:16px;animation:settings-enter .3s ease forwards}.settings-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:12px;font-size:.88rem;font-weight:600;font-family:Inter,system-ui,sans-serif;cursor:pointer;transition:all .2s ease}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn--save{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.settings-btn--save:hover:not(:disabled){box-shadow:0 4px 16px #8b5cf666;transform:translateY(-1px)}.settings-btn--cancel{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.settings-btn--cancel:hover:not(:disabled){background:#ffffff24;color:#fff}.settings-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:settings-spin .6s linear infinite}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;font-size:.88rem;font-weight:500;margin-bottom:20px;animation:settings-enter .3s ease forwards}.settings-message--success{background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#6ee7b7}.settings-message--error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.settings-divider{height:1px;background:#ffffff14;margin:24px 0}.settings-info{display:flex;flex-direction:column;gap:14px}.settings-info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.settings-info-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.02em}.settings-info-value{font-size:.92rem;font-weight:500;color:#ffffffd9}@media(max-width:480px){.settings-card{padding:32px 24px;border-radius:22px}.settings-avatar-wrapper{width:100px;height:100px}.settings-info-row{flex-direction:column;align-items:flex-start;gap:4px}}:root{--app-bg-gradient: linear-gradient(-45deg, #a54d32, #8f1f4a, #19799c, #189276);--bg-animation-speed: 20s}#root{max-width:100%;margin:0;padding:0;text-align:center}body{max-width:100vw}.app-background{min-height:100vh;width:100vw;background:var(--app-bg-gradient);background-size:400% 400%;animation:gradient-bg var(--bg-animation-speed) ease infinite}body.static-bg .app-background{background:#963434;animation:none}.logo{height:6em;padding:1.5em;will-change:filter;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:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.dashboard-page{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;padding:60px 20px;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;color:#fff;overflow-x:hidden;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61);background-size:400% 400%;animation:gradient-bg 25s ease infinite}.dashboard-container{width:100%;max-width:1060px;background:#1e1e23a6;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.15);border-radius:32px;box-shadow:0 20px 40px #0003,inset 0 1px #fff3;overflow:hidden;display:flex;flex-direction:column;animation:dash-enter .6s cubic-bezier(.2,.8,.2,1) forwards;opacity:0;transform:translateY(20px)}@keyframes dash-enter{to{opacity:1;transform:translateY(0)}}.dashboard-header{padding:40px 40px 30px;border-bottom:1px solid rgba(255,255,255,.08)}.dashboard-header h1{font-size:2.2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.03em}.dashboard-header p{font-size:1.05rem;color:#fff9;margin:0;font-weight:400}.dashboard-content{display:flex;flex:1;min-height:500px}.dashboard-sidebar{width:240px;padding:30px 16px;display:flex;flex-direction:column;gap:6px;border-right:1px solid rgba(255,255,255,.08);background:#0000001a;flex-shrink:0}.dash-tab{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:14px;color:#ffffffa6;font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;position:relative}.dash-icon{font-size:1.15rem;flex-shrink:0}.dash-badge{margin-left:auto;background:#ffffff26;color:#fffc;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:20px}.dash-tab:hover{background:#ffffff0f;color:#fff}.dash-tab.active{background:#0071e32e;color:#fff;font-weight:600;border:1px solid rgba(0,113,227,.25)}.dash-tab.active .dash-icon{filter:drop-shadow(0 0 6px rgba(0,113,227,.6))}.dashboard-main{flex:1;padding:36px 40px;background:#ffffff05;overflow-y:auto}.dash-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.dash-section h2{font-size:1.55rem;font-weight:600;margin:0 0 4px;letter-spacing:-.02em}.dash-desc{font-size:.9rem;color:#ffffff73;margin:0}.animate-fade-in{animation:fade-in .35s ease forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dash-list{display:flex;flex-direction:column;gap:12px}.dash-card{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:18px;transition:all .2s ease;gap:12px}.dash-card:hover{background:#ffffff14;transform:translateY(-1px);border-color:#ffffff2e;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{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dash-class-name{font-size:1rem;font-weight:700;color:#fff;white-space:nowrap}.dash-class-count{font-size:.85rem;color:#ffffff73;white-space:nowrap}.dash-tag{display:inline-flex;align-items:center;background:#ffffff1a;padding:2px 8px;border-radius:10px;font-size:.78rem;font-weight:500;color:#ffffffbf}.dash-tag-domain{background:#0071e333;color:#79b8ff;border:1px solid rgba(0,113,227,.25)}.dash-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dash-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center;color:#fff6}.dash-empty span{font-size:3rem;opacity:.5}.dash-empty p{font-size:1rem;margin:0}.dash-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;color:#fff6}.dash-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#0071e3;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dash-btn-primary{background:#0071e3;color:#fff;border:none;padding:11px 22px;font-size:.9rem;font-weight:500;border-radius:18px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.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{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);padding:8px 16px;font-size:.875rem;font-weight:500;border-radius:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.dash-btn-outline:hover{background:#ffffff14;border-color:#ffffff59;color:#fff}.dash-btn-delete-sm{background:transparent;border:1px solid rgba(255,59,48,.2);color:#ff3b3099;padding:7px 10px;border-radius:12px;cursor:pointer;font-size:.95rem;transition:all .2s ease;font-family:inherit}.dash-btn-delete-sm:hover{background:#ff3b301f;border-color:#ff3b3080;color:#ff3b30}.dash-domain-container{display:flex;flex-direction:column;gap:24px}.dash-domain-form{display:flex;gap:12px}.dash-input{flex:1;background:#00000040;border:1px solid rgba(255,255,255,.12);padding:12px 18px;border-radius:16px;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s ease,background .2s ease;box-sizing:border-box}.dash-input::placeholder{color:#ffffff40}.dash-input:focus{border-color:#0071e3;background:#00000059;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-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.dash-select option{background:#2a2a30;color:#fff}.dash-textarea{resize:vertical;min-height:80px}.dash-domain-list{display:flex;flex-wrap:wrap;gap:10px}.dash-domain-item{display:flex;align-items:center;gap:10px;background:#ffffff14;padding:8px 14px 8px 18px;border-radius:20px;font-size:.9rem;border:1px solid rgba(255,255,255,.08);transition:all .2s}.dash-domain-item:hover{border-color:#ffffff26;background:#ffffff1f}.dash-domain-text{font-weight:500;color:#ffffffd9}.dash-btn-delete{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:3px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.dash-btn-delete:hover{color:#ff3b30;background:#ff3b3026}.dash-form{display:flex;flex-direction:column;gap:14px;width:100%;box-sizing:border-box}.dash-form-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.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{display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.dash-form-group label{font-size:.82rem;font-weight:500;color:#ffffff8c;letter-spacing:.01em}.dash-form-group .dash-input,.dash-form-group select.dash-input,.dash-form-group textarea.dash-input{width:100%;box-sizing:border-box}.dash-form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:4px}.dash-inline-form{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 24px;margin-bottom:20px;box-sizing:border-box}.dash-inline-form-title{margin:0 0 18px;font-size:1rem;font-weight:600;color:#ffffffd9}.dash-card-editing{border-color:#0071e359;background:#0071e30f}.dash-notif{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;font-size:.9rem;font-weight:500;margin-bottom:18px;animation:fade-in .3s ease}.dash-notif-success{background:#0f2314b3;border:1px solid rgba(52,199,89,.35);color:#4ade80}.dash-notif-error{background:#2d0c0cb3;border:1px solid rgba(255,59,48,.35);color:#ff6b6b}.dash-upload-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:20px;margin-bottom:4px;box-sizing:border-box}.dash-dropzone{border:2px dashed rgba(255,255,255,.15);border-radius:16px;padding:36px 20px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff80}.dash-dropzone:hover{border-color:#0071e380;background:#0071e30d;color:#ffffffbf}.dash-dropzone-over{border-color:#0071e3;background:#0071e31a;color:#fff}.dash-dropzone-loading{cursor:not-allowed;opacity:.6}.dash-dropzone-icon{font-size:2.5rem;opacity:.6}.dash-dropzone p{margin:0;font-size:.95rem}.dash-dropzone-sub{font-size:.78rem!important;opacity:.5}.dash-vocab-class-selector{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.dash-vocab-class-label{font-size:.82rem;font-weight:500;color:#ffffff8c;letter-spacing:.01em}.dash-vocab-grid{display:flex;flex-direction:column;gap:10px;margin-top:8px}.dash-vocab-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:16px;transition:all .2s ease}.dash-vocab-card:hover{background:#ffffff14}.dash-vocab-disabled{opacity:.45}.dash-vocab-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.dash-vocab-emoji{font-size:1.5rem;flex-shrink:0;width:32px;text-align:center}.dash-vocab-label{font-size:.95rem;font-weight:600;color:#fff;line-height:1.3}.dash-vocab-desc{font-size:.78rem;color:#fff6;margin-top:2px}.dash-toggle{position:relative;width:46px;height:26px;border-radius:999px;border:none;cursor:pointer;transition:background .25s ease;flex-shrink:0;padding:0}.dash-toggle-on{background:#0071e3}.dash-toggle-off{background:#ffffff1f}.dash-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1);display:block;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{padding:20px 24px;border-radius:18px}.dash-conj-card .dash-vocab-emoji{font-size:1.3rem;width:28px}.dash-conj-card .dash-vocab-label{font-size:1.05rem}.dash-class-block{display:flex;flex-direction:column;gap:0}.dash-btn-students{font-size:.82rem;padding:8px 14px;white-space:nowrap}.dash-student-list{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-top:none;border-radius:0 0 18px 18px;padding:14px 20px;display:flex;flex-direction:column;gap:8px}.dash-student-empty{font-size:.85rem;color:#ffffff59;margin:0;line-height:1.55}.dash-student-empty strong{color:#ffffff8c}.dash-student-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0d;border-radius:12px;transition:background .15s}.dash-student-row:hover{background:#ffffff17}.dash-student-icon{font-size:.9rem;opacity:.6;flex-shrink:0}.dash-student-email{font-size:.88rem;color:#ffffffbf;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-student-remove-btn{background:transparent;border:1px solid rgba(255,80,80,.25);color:#ff646499;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.dash-student-remove-btn:hover{background:#ff505026;border-color:#ff505080;color:#ff6b6b}.dash-user-card{align-items:flex-start;flex-wrap:wrap;gap:14px}.dash-user-email{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:6px}.dash-user-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dash-role-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.dash-role-student{background:#ffffff1a;color:#ffffffb3}.dash-role-prof{background:#0071e333;color:#79b8ff;border:1px solid rgba(0,113,227,.3)}.dash-role-admin{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.dash-class-tag{font-size:.8rem;color:#ffffff80}.dash-user-actions{flex-direction:row;flex-wrap:wrap;gap:8px}.dash-user-select{flex:none!important;width:auto!important;font-size:.85rem;padding:8px 32px 8px 12px;border-radius:12px}@media(max-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{width:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.08);padding:16px;flex-direction:row;overflow-x:auto;gap:6px}.dash-tab{padding:10px 14px;white-space:nowrap;flex-shrink:0}.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{position:fixed;inset:0;z-index:1000;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;animation:demo-overlay-in .35s ease forwards}@keyframes demo-overlay-in{0%{opacity:0}to{opacity:1}}.demo-modal{width:100%;max-width:780px;background:#16161ce6;border:1px solid rgba(255,255,255,.14);border-radius:28px;overflow:hidden;box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff0d inset,0 1px #ffffff26 inset;animation:demo-modal-in .4s cubic-bezier(.2,.8,.2,1) forwards;transform-origin:center bottom}@keyframes demo-modal-in{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.demo-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 28px 24px;border-bottom:1px solid rgba(255,255,255,.07)}.demo-modal-title-group{display:flex;flex-direction:column;gap:6px}.demo-modal-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0071e340,#8b5cf640);border:1px solid rgba(0,113,227,.3);color:#79b8ff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;letter-spacing:.03em;width:fit-content}.demo-modal-title{font-size:1.45rem;font-weight:700;margin:0;letter-spacing:-.025em;color:#fff;line-height:1.25}.demo-modal-subtitle{font-size:.9rem;color:#ffffff80;margin:0;line-height:1.5}.demo-close-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-top:2px}.demo-close-btn:hover{background:#ff3b302e;border-color:#ff3b3059;color:#ff6b6b;transform:rotate(90deg)}.demo-video-wrapper{padding:0;background:#000;line-height:0}.demo-video{width:100%;max-height:440px;display:block;object-fit:contain;background:#000}.demo-modal-footer{padding:20px 28px;display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.07);background:#ffffff05}.demo-dismiss-btn{background:linear-gradient(135deg,#0071e3,#6b3fa0);color:#fff;border:none;padding:13px 32px;font-size:.92rem;font-weight:600;border-radius:22px;cursor:pointer;font-family:inherit;transition:all .25s ease;box-shadow:0 4px 20px #0071e34d;letter-spacing:.01em}.demo-dismiss-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0071e373;filter:brightness(1.1)}.demo-dismiss-btn:active{transform:translateY(0)}@media(max-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}}.settings-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 18px;box-sizing:border-box;overflow-x:hidden;background:linear-gradient(-45deg,#3f3f46,#1f1f23,#45454b,#5b5b61);background-size:400% 400%;animation:gradient-bg 25s ease infinite;position:relative}.gear-layer{position:absolute;top:50%;left:50%;width:720px;height:720px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20width='256'%20height='256'%20viewBox='0%200%20256%20256'%20xml:space='preserve'%3e%3cg%20style='stroke:%20none;%20stroke-width:%200;%20stroke-dasharray:%20none;%20stroke-linecap:%20butt;%20stroke-linejoin:%20miter;%20stroke-miterlimit:%2010;%20fill:%20none;%20fill-rule:%20nonzero;%20opacity:%201;'%20transform='translate(1.4065934065934016%201.4065934065934016)%20scale(2.81%202.81)'%3e%3cpath%20d='M%2079.199%2045%20c%200%20-2.017%20-0.185%20-3.99%20-0.52%20-5.912%20l%2010.238%20-8.021%20l%20-9.893%20-17.135%20l%20-12.065%204.856%20c%20-3.016%20-2.53%20-6.473%20-4.552%20-10.242%20-5.926%20L%2054.893%200%20H%2035.107%20l%20-1.825%2012.862%20c%20-3.769%201.375%20-7.225%203.397%20-10.242%205.926%20l%20-12.065%20-4.856%20L%201.083%2031.067%20l%2010.238%208.021%20c%20-0.335%201.921%20-0.52%203.894%20-0.52%205.912%20s%200.185%203.99%200.52%205.912%20L%201.083%2058.933%20l%209.893%2017.135%20l%2012.065%20-4.856%20c%203.016%202.53%206.473%204.552%2010.242%205.926%20L%2035.107%2090%20h%2019.785%20l%201.825%20-12.862%20c%203.769%20-1.375%207.225%20-3.397%2010.242%20-5.926%20l%2012.065%204.856%20l%209.893%20-17.135%20l%20-10.238%20-8.021%20C%2079.014%2048.99%2079.199%2047.017%2079.199%2045%20z%20M%2045%2066.659%20c%20-11.962%200%20-21.659%20-9.697%20-21.659%20-21.659%20S%2033.038%2023.341%2045%2023.341%20S%2066.659%2033.038%2066.659%2045%20S%2056.962%2066.659%2045%2066.659%20z'%20style='stroke:%20none;%20stroke-width:%201;%20stroke-dasharray:%20none;%20stroke-linecap:%20butt;%20stroke-linejoin:%20miter;%20stroke-miterlimit:%2010;%20fill:%20rgb(31,208,255);%20fill-rule:%20nonzero;%20opacity:%201;'%20transform='%20matrix(1%200%200%201%200%200)%20'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;background-size:contain;opacity:.18;pointer-events:none;transform:translate(-50%,-50%);animation:spinSlow 65s linear infinite}@keyframes spinSlow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes gradient-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.settings-title{text-align:center;color:#fff;margin-bottom:45px;z-index:2}.settings-title h1{font-size:clamp(2.4rem,7vw,4rem);margin:0;font-weight:900;letter-spacing:.8px;text-shadow:0 10px 25px rgba(0,0,0,.35)}.settings-title p{font-size:1.25rem;opacity:.8;margin-top:6px}.settings-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:920px;z-index:2}.settings-item{position:relative;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:5px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.settings-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-120%);transition:transform .65s ease}.settings-item:hover{transform:translateY(-6px) scale(1.02);background:#ffffff21;box-shadow:0 18px 40px #00000059}.settings-item:hover:before{transform:translate(120%)}.settings-item:active{transform:translateY(-2px) scale(.98)}.settings-name{font-size:1.15rem;font-weight:800}.settings-info{font-size:.92rem;opacity:.75}.settings-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.5;transition:transform .25s ease,opacity .25s ease}.settings-item:hover .settings-chevron{transform:translateY(-50%) translate(6px);opacity:1}@media(max-width:768px){.settings-panel{grid-template-columns:1fr}}.volume-slider{width:100%;margin-top:12px;appearance:none;height:6px;border-radius:10px;background:#fff3;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#0071e3;cursor:pointer;transition:.2s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.dashboard-back{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:6px;color:#ffffffb3;text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 16px;border-radius:20px;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);transition:all .25s ease;z-index:10}.dashboard-back:hover{background:#fff3;color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #00000026}.ios-card-layout{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.ios-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0;cursor:pointer}.ios-switch input{opacity:0;width:0;height:0}.ios-switch .ios-slider-toggle{position:absolute;inset:0;background-color:#fff3;transition:background-color .25s cubic-bezier(.4,0,.2,1);border-radius:34px}.ios-switch .ios-slider-toggle:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;box-shadow:0 3px 8px #0006;transition:transform .25s cubic-bezier(.4,0,.2,1);border-radius:50%}.ios-switch input:checked+.ios-slider-toggle{background-color:#34c759}.ios-switch input:checked+.ios-slider-toggle:before{transform:translate(22px)}.lang-toggle{display:flex;gap:8px;flex-shrink:0}.lang-btn{padding:8px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#ffffff12;color:#fff9;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-btn:hover{background:#ffffff26;color:#fff}.lang-btn--active{background:#0071e3;border-color:#0071e3;color:#fff;box-shadow:0 4px 14px #0071e373}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#53f260}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547}}