@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Noto+Sans+Khmer:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";.lsel{z-index:100;flex-shrink:0;min-width:max-content;position:relative}.lsel__trigger{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--r-full);cursor:pointer;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.lsel__trigger:hover{border-color:var(--red-border);background:var(--bg-elevated)}.lsel__trigger svg{flex-shrink:0;display:block}.lsel__dropdown{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-lg);z-index:200;min-width:210px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #000000b3}.lsel__option{width:100%;color:var(--text-secondary);cursor:pointer;transition:background var(--fast) var(--ease);background:0 0;border:none;align-items:center;gap:10px;padding:.7rem 1rem;font-family:inherit;font-size:.85rem;display:flex}.lsel__option:hover{background:var(--bg-hover);color:var(--text-primary)}.lsel__option.active{color:var(--red);background:var(--red-glow)}.lsel__flags{align-items:center;gap:4px;display:flex}.lsel__label{text-align:left;flex:1}.lsel__backdrop{z-index:-1;position:fixed;inset:0}.sm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.sm-card{background:var(--bg-surface);border-radius:var(--r-xl);border:1px solid var(--border-strong);width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 50px #00000080}.sm-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sm-title{font-size:1.25rem;font-weight:700}.sm-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.sm-content{padding:1.5rem}.sm-section{margin-bottom:2rem}.sm-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.sm-profile-setup{align-items:center;gap:1.5rem;display:flex}.sm-avatar-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.sm-avatar-wrapper{background:var(--bg-elevated);border:2px solid var(--red-border);border-radius:50%;width:80px;height:80px;position:relative;overflow:hidden}.sm-avatar-img{object-fit:cover;width:100%;height:100%}.sm-avatar-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.sm-avatar-upload{color:#fff;cursor:pointer;background:#0009;justify-content:center;align-items:center;height:30px;transition:background .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.sm-avatar-upload:hover{background:var(--red)}.sm-remove-photo{color:var(--red);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.sm-user-info{flex:1}.sm-username{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.sm-role-pill{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:99px;margin-bottom:.5rem;padding:.1rem .6rem;font-size:.7rem;display:inline-block}.sm-student-id{color:var(--red);font-size:.9rem;font-weight:600}.sm-expiry-note{color:var(--text-muted);margin-top:.25rem;font-size:.75rem}.sm-setting-row{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.sm-setting-info{flex-direction:column;gap:.25rem;display:flex}.sm-setting-label{align-items:center;gap:.5rem;font-weight:600;display:flex}.sm-setting-desc{color:var(--text-muted);font-size:.8rem}.sm-footer{margin-top:1rem}.sm-plan-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:4px;margin-top:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:800;display:inline-block}.sm-plan-badge.pro{color:#ef4444;background:#ef444433;border-color:#ef444480;box-shadow:0 0 10px #ef44444d}.sm-plan-badge.free{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border)}.sm-upgrade-btn{background:var(--red);color:#fff;border-radius:var(--r-md);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .1s}.sm-upgrade-btn:hover{opacity:.9}.sm-upgrade-btn:active{transform:scale(.98)}.rsm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.rsm-card{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--r-xl);width:100%;max-width:340px;padding:1.5rem;box-shadow:0 20px 40px #0006}.rsm-title{color:var(--white);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.rsm-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem;line-height:1.4}.rsm-field{margin-bottom:1rem}.rsm-field label{color:var(--grey-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.rsm-error{color:var(--red);margin-top:.5rem;font-size:.75rem;font-weight:600}.rsm-actions{gap:.75rem;margin-top:1.5rem;display:flex}.rsm-actions .btn{flex:1;font-size:.85rem}.input-error{animation:.4s ease-in-out shake;border-color:var(--red)!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.al{flex-direction:column;width:100%;max-width:680px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.al__header{padding:calc(.75rem + var(--safe-top)) 1rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;order:1;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.al__brand{align-items:center;gap:.65rem;display:flex}.al__profile-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;transition:all var(--fast) var(--ease);color:var(--text-primary);flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;display:flex}.al__profile-btn:hover{border-color:var(--grey-400);background:var(--bg-elevated);transform:translateY(-1px)}.al__profile-avatar{background:var(--bg-hover);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.al__profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.75rem;font-weight:700;overflow:hidden}.al__profile-avatar-img{object-fit:cover;width:100%;height:100%}.al__title{background:var(--gradient-red);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.05rem;font-weight:900;line-height:1}.al__sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.62rem;font-weight:500}.al__tabs{background:var(--bg-surface);border-top:1px solid var(--border);scrollbar-width:none;padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;order:3;display:flex;overflow-x:auto}.al__tabs::-webkit-scrollbar{display:none}.al__tab{min-width:65px;color:var(--grey-500);cursor:pointer;transition:all var(--fast) var(--ease);letter-spacing:.04em;min-height:var(--touch-sm);background:0 0;border:none;border-top:2.5px solid #0000;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:.75rem .5rem;font-family:inherit;font-size:.75rem;font-weight:600;display:flex;position:relative}.al__tab:hover{color:var(--grey-300)}.al__tab.active{color:var(--red);border-top-color:var(--red)}.al__tab-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.al__tab-icon svg{width:100%;height:100%}.al__tab-label{font-size:.66rem}.al__tab-live{background:var(--red);border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite pulse-ring;position:absolute;top:8px;right:22%}.al__main{flex-direction:column;flex:1;order:2;min-width:0;min-height:0;display:flex;overflow-y:auto}@media (width>=768px){.al{flex-flow:wrap;max-width:100%}.al__header{order:1;width:100%}.al__tabs{border-top:none;border-bottom:none;border-right:1px solid var(--border);flex-direction:column;order:2;width:max-content;min-width:110px;height:calc(100dvh - 80px);padding-bottom:0;overflow-y:auto}.al__tabs::-webkit-scrollbar{display:none}.al__tabs{scrollbar-width:none}.al__tab{border-top:none;border-bottom:none;border-right:2.5px solid #0000;flex-direction:column;flex:none;min-height:80px;padding:1rem .75rem;font-size:.66rem}.al__tab.active{border-top-color:#0000;border-right-color:var(--red)}.al__main{flex:1;order:3;min-width:0;height:calc(100dvh - 80px);overflow-y:auto}}@media (width>=1200px){.al__tab-icon{width:28px;height:28px}.al__tab-label{font-size:.75rem}}.pbtn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:all var(--fast) var(--ease);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:110px;padding:8px 6px;display:flex;position:relative;overflow:hidden}.pbtn:before{content:"";transition:background var(--fast) var(--ease);border-radius:var(--r-lg);background:#fff0;position:absolute;inset:0}.pbtn:hover{border-color:var(--red-border);background:var(--bg-elevated)}.pbtn:hover:before{background:#e539350a}.pbtn:active{border-color:var(--red);transform:scale(.9)}.pbtn__sign{filter:drop-shadow(0 2px 6px #00000080);width:56px;height:56px;transition:transform var(--fast) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pbtn__sign svg{width:100%;height:100%}.pbtn:active .pbtn__sign{transform:scale(.88)}.pbtn__primary{color:var(--white);text-align:center;font-size:.9rem;font-weight:700;line-height:1.1}.pbtn__secondary{color:#757575;text-align:center;font-family:Noto Sans SC,Outfit,sans-serif;font-size:.6rem;font-weight:500;line-height:1}.pbtn:not(.pbtn--has-icon) .pbtn__primary{font-size:1.1rem}@media (width>=768px){.pbtn__sign{width:64px;height:64px}.pgrid__tab{min-width:90px;padding:.6rem 1rem}.pbtn__primary{font-size:1.05rem}.pbtn__secondary{font-size:.7rem}.pbtn{min-height:125px}}@media (width>=1200px){.pbtn__sign{width:88px;height:88px}.pbtn__primary{font-size:1.3rem}.pbtn__secondary{font-size:.85rem}.pbtn{gap:8px;min-height:150px}}.pgrid{flex-direction:column;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.pgrid__tabs{scrollbar-width:none;border-bottom:1px solid var(--border);flex-shrink:0;gap:.35rem;padding:.65rem;display:flex;overflow-x:auto}.pgrid__tabs::-webkit-scrollbar{display:none}.pgrid__tabs:after{content:"";padding-right:.2rem}.pgrid__tab{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);color:var(--grey-500);cursor:pointer;transition:all var(--fast) var(--ease);white-space:nowrap;flex-direction:column;flex:1;align-items:center;gap:6px;padding:.75rem 1rem;display:flex}.pgrid__tab:hover{color:var(--grey-300);border-color:var(--border-strong)}.pgrid__tab.active{background:var(--red-glow);border-color:var(--red-border);color:var(--red)}.pgrid__tab-content{flex-direction:column;align-items:center;gap:2px;display:flex}.pgrid__tab-label-primary{color:inherit;font-size:.85rem;font-weight:700;line-height:1.1}.pgrid__tab-label-secondary{color:#757575;font-size:.65rem;font-weight:500;line-height:1}.pgrid__tab.active .pgrid__tab-label-primary{color:var(--white)}.pgrid__tab.active .pgrid__tab-label-secondary{color:var(--red-light);opacity:.8}.pgrid__tab-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pgrid__tab-icon svg{width:100%;height:100%}.pgrid--edit-mode .pbtn{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;animation:.3s ease-in-out infinite jiggle}.pgrid--edit-mode .pbtn:nth-child(2n){animation-duration:.27s;animation-direction:reverse}@keyframes jiggle{0%{transform:rotate(-1deg)}50%{transform:rotate(1.5deg)}to{transform:rotate(-1deg)}}.pbtn.dragging{opacity:.5;cursor:grabbing;transform:scale(1.1);animation:none!important}.pgrid__buttons{flex:1;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem;transition:all .3s;display:grid;overflow-y:auto}@media (width>=768px){.pgrid__buttons{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.pgrid__buttons{grid-template-columns:repeat(2,1fr)}}.pgrid__done-btn{z-index:100;background:var(--green-glow)!important;border-color:var(--green-border)!important}.pgrid__action-zone{border:2px dashed var(--border);background:var(--bg-card);cursor:pointer;min-height:100px;color:var(--text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex}.pgrid__action-zone:hover{border-color:var(--blue);background:var(--blue-glow);color:var(--text)}.pgrid__delete-zone{border-color:var(--red);background:var(--red-glow);color:var(--red);transform:scale(1.05)}.pgrid__action-icon{margin-bottom:.5rem;font-size:1.5rem}.pgrid__action-label{text-align:center;font-size:.8rem}.pgrid__modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pgrid__modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;padding:1.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn;box-shadow:0 20px 50px #00000080}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pgrid__modal h3{text-align:center;color:var(--red);margin-bottom:1.5rem}.pgrid__modal-field{margin-bottom:1rem}.pgrid__modal-field label{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;display:block}.pgrid__modal-field input{background:var(--bg-body);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:.75rem}.pgrid__modal-actions{gap:1rem;margin-top:2rem;display:flex}.pgrid__modal-actions button{flex:1}.pgrid__separator{opacity:.5;grid-column:1/-1;align-items:center;gap:1rem;padding:1.5rem .5rem .5rem;display:flex}.pgrid__separator-line{background:linear-gradient(to right, transparent, var(--border), transparent);flex:1;height:1px}.pgrid__separator-label{text-transform:uppercase;letter-spacing:.1em;color:var(--white);white-space:nowrap;font-size:.75rem;font-weight:700}.quick-mode{flex-direction:column;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.quick-mode__grid{flex:1;overflow:hidden}.wf{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);transition:border-color var(--mid) var(--ease), box-shadow var(--mid) var(--ease);flex-direction:column;align-items:center;gap:.6rem;padding:1.25rem 1rem;display:flex}.wf--active{border-color:var(--red-border);box-shadow:0 0 24px var(--red-glow)}.wf--muted{opacity:.5}.wf--transparent{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.wf__status{justify-content:center;align-items:center;min-height:1.4rem;display:flex}.wf__label{color:var(--text-muted);font-size:.8rem;font-weight:500}.wf__label--muted{color:var(--grey-300)}.wf__interim{color:var(--text-secondary);font-size:.95rem;font-style:italic}.wf__last{color:var(--grey-500);font-size:.78rem}.ai-mode{flex-direction:column;gap:.5rem;height:100%;padding:.5rem;display:flex;position:relative;overflow:hidden}.ai-mode__waveform{flex-shrink:0}.ai-mode__persona-toggle{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;gap:.5rem;padding:.25rem;display:flex}.persona-btn{border:1px solid var(--red-border);color:var(--text-secondary);letter-spacing:.03em;cursor:pointer;background:0 0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.persona-btn svg{margin:0!important}.persona-btn:hover{color:var(--red);background:var(--red-glow);border-color:var(--red)}.persona-btn--active{background:var(--gradient-red);border-color:var(--red);box-shadow:0 4px 12px var(--red-glow);transform:scale(1.02);color:#fff!important}.persona-btn:active{transform:scale(.96)}.ai-mode__ptt-wrapper{flex-shrink:0;padding:0 .75rem}.ai-mode__ptt-btn{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;border:2px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:30vh;min-height:160px;padding:1rem;font-weight:700;transition:all .15s ease-out;display:flex}.ai-mode__ptt-btn.ptt--idle{background:var(--bg-surface);border:3px solid var(--red);color:var(--text-primary);box-shadow:0 8px 32px #0000001a}body.light .ai-mode__ptt-btn.ptt--idle{color:var(--red);background:#fff;box-shadow:0 8px 32px #e539351a}.ai-mode__ptt-btn.ptt--idle:hover{background:var(--bg-hover);border-color:var(--red-bright);transform:translateY(-2px)}body.light .ai-mode__ptt-btn.ptt--idle:hover{background:var(--red-glow)}.ai-mode__ptt-btn.ptt--idle:active{transform:scale(.97);box-shadow:0 4px 10px #0000001a}.ai-mode__ptt-btn.ptt--recording{background:#ef4444;border-color:#fca5a5;box-shadow:0 0 40px #ef444499}.ai-mode__ptt-btn.ptt--speaking{border-color:var(--amber);pointer-events:none;cursor:not-allowed;background:#1e293b;box-shadow:0 0 30px #fbbf2459}.ai-mode__ptt-btn.ptt--translating{cursor:not-allowed;background:#374151;border-color:#ffffff1a}.ptt-label{letter-spacing:.05em;text-transform:uppercase;font-size:1.8rem;font-weight:900}.ptt-sublabel{opacity:.8;font-size:.95rem;font-weight:600}.ai-mode__ptt-btn.ptt--recording .voice-waveform,.ai-mode__ptt-btn.ptt--recording canvas{filter:brightness(10);background:0 0!important}.ai-mode__captions-panel{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:0 .75rem .75rem;display:flex;overflow-y:auto}.ai-mode__helper-banner{display:none}.ai-mode__toast{background:var(--red);color:#fff;z-index:100;white-space:nowrap;border-radius:24px;padding:12px 24px;font-size:.9rem;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.ai-mode__vad-status{flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.vad-indicator{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.vad-indicator__core{background:var(--bg-elevated);border:3px solid var(--grey-700);z-index:2;border-radius:50%;width:60px;height:60px;transition:all .3s}.vad-indicator__ring{z-index:1;border:2px solid #0000;border-radius:50%;width:100px;height:100px;position:absolute}.vad-indicator.idle .vad-indicator__core{background:var(--bg-elevated);border-color:var(--grey-700)}.vad-indicator.listening .vad-indicator__core{border-color:var(--green);background:#4caf5026;box-shadow:0 0 20px #4caf5033}.vad-indicator.listening .vad-indicator__ring{border-color:#4caf5040;animation:2s ease-out infinite pulse-ring}.vad-indicator.speaking .vad-indicator__core{border-color:var(--red);background:#e5393533;transform:scale(1.1);box-shadow:0 0 30px #e5393559}.vad-indicator.speaking .vad-indicator__ring{border-color:#e5393566;animation:.8s ease-out infinite pulse-ring}.vad-indicator__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:1rem;font-weight:600}.ai-mode__result{background:var(--bg-card);border:1px solid var(--amber-border);border-radius:var(--r-xl);box-shadow:0 0 20px var(--amber-glow);flex-direction:column;gap:.25rem;padding:1rem;display:flex;position:relative}.ai-mode__latency{color:var(--text-muted);opacity:.8;font-family:monospace;font-size:.75rem;position:absolute;top:10px;right:15px}.ai-mode__result-original{color:var(--text-secondary);font-size:.9rem}.ai-mode__result-arrow{color:var(--amber);font-size:1.1rem}.ai-mode__result-translated{color:var(--text-primary);min-height:4em;font-family:Noto Sans SC,Outfit,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.3}@media (width<=600px){.ai-mode__result-translated{min-height:3.5em;font-size:1.15rem}}.ai-mode__translating{color:var(--amber);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.ai-mode__translating:before{content:"";border:2px solid var(--amber);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.ai-mode__error{background:var(--red-bg);border-radius:var(--r-md);color:var(--red);border:1px solid #ef44444d;padding:.75rem 1rem;font-size:.85rem}.ai-mode__transcript{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.ai-mode__transcript-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0;padding:.5rem .75rem;font-size:.7rem;font-weight:600}.ai-mode__transcript-list{flex-direction:column;gap:.4rem;padding:.5rem;display:flex}.ai-mode__transcript-entry{border-radius:var(--r-sm);background:var(--bg-card);animation:fadeIn var(--fast) var(--ease);flex-direction:column;gap:.1rem;padding:.4rem .5rem;display:flex}.pro-mute-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:100;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scale-in;display:flex;position:absolute;top:1.2rem;right:2rem;box-shadow:0 4px 15px #00000040}.pro-mute-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.1);box-shadow:0 6px 20px #ffffff1a}.pro-mute-btn:active{transform:scale(.9)}.pro-mute-btn.muted{color:#fecaca;background:#ef444440;border-color:#ef444473;animation:2s ease-in-out infinite pulse-mute;box-shadow:0 0 20px #ef444466}@keyframes pulse-mute{0%{transform:scale(1);box-shadow:0 0 10px #ef44444d}50%{transform:scale(1.08);box-shadow:0 0 25px #ef444499}to{transform:scale(1);box-shadow:0 0 10px #ef44444d}}@keyframes scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.vad-timer-badge{background:var(--bg-elevated);border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.75rem 1.25rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #0003}.vad-timer-badge.silenced{color:var(--amber);border-color:var(--amber-border);box-shadow:0 0 12px var(--amber-glow)}.vad-timer-badge.listening{color:#10b981;border-color:#10b9814d}.vad-timer-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.vad-timer-badge.silenced .vad-timer-dot{background-color:var(--amber);animation:1s ease-in-out infinite pulse-ring}.vad-timer-badge.listening .vad-timer-dot{background-color:#10b981;animation:1.5s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.lessons-container{max-width:1200px;margin:0 auto;padding:1.5rem}.lessons-header{margin-bottom:2rem}.lessons-controls{align-items:center;gap:.75rem;width:100%;display:flex}.search-wrap{flex:1}.search-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:.8rem 1.25rem;font-size:.95rem;transition:all .2s}.search-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow);outline:none}.filter-dropdown-wrap{flex-shrink:0;position:relative}.filter-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.filter-btn:hover{border-color:var(--grey-400)}.filter-btn.active{background:var(--red);color:#fff;border-color:var(--red)}.filter-overlay{z-index:90;position:fixed;inset:0}.filter-menu{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:16px;flex-direction:column;gap:2px;width:200px;padding:.5rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0003}.filter-option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .1s}.filter-option:hover{background:var(--bg-surface)}.filter-option.active{background:var(--red-glow);color:var(--red);font-weight:700}.lessons-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.lesson-card{background:var(--bg-card);cursor:pointer;border:1px solid var(--border);border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.lesson-card:hover{border-color:var(--grey-400);transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.lesson-thumb-wrap{aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}.lesson-thumb{object-fit:cover;width:100%;height:100%}.lesson-play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.lesson-card:hover .lesson-play-overlay{opacity:1}.lesson-info{padding:1rem}.lesson-title{color:var(--text);margin-bottom:.75rem;font-size:1rem;font-weight:700;line-height:1.4}.lesson-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag-badge{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border-radius:20px;width:100%;max-width:900px;position:relative;overflow:hidden}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:1rem;right:1rem}.video-player{aspect-ratio:16/9;width:100%}.video-player iframe{width:100%;height:100%}.modal-info{padding:1.5rem}.modal-info h2{color:var(--text);margin-bottom:.5rem;font-size:1.25rem}.modal-info p{color:var(--text-muted);font-size:.95rem;line-height:1.5}@media (width<=600px){.lessons-container{padding:1rem}.filter-menu{width:180px}.lessons-grid{grid-template-columns:1fr}}.manage-lessons{max-width:1200px;margin:0 auto;padding:1.5rem}.manage-lessons__grid{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.manage-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.manage-title{color:var(--red);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:800;display:flex}.manage-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem;font-weight:600}.form-input{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow);outline:none}.manage-status{border-radius:12px;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.manage-status.success{color:#4caf50;background:#4caf501a}.manage-status.error{background:var(--red-glow);color:var(--red)}.manage-status.loading{color:#2196f3;background:#2196f31a}.manage-list{flex-direction:column;gap:1rem;max-height:600px;padding-right:.5rem;display:flex;overflow-y:auto}.manage-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:1rem;padding:.75rem;transition:border-color .2s;display:flex}.manage-item:hover{border-color:var(--grey-400)}.manage-item-thumb{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:6px;width:80px}.manage-item-info{flex:1}.manage-item-title{color:var(--text);margin-bottom:.25rem;font-size:.9rem;font-weight:700}.manage-item-tags{color:var(--text-muted);font-size:.7rem}.manage-item-del{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.manage-item-del:hover{background:var(--red-glow);color:var(--red)}@media (width<=900px){.manage-lessons__grid{grid-template-columns:1fr}}.lic-page{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:1rem}.lic-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.lic-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:700}.lic-error{color:var(--red);background:#ef44441a;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.lic-table-container{background:var(--master-card);border:1px solid var(--master-border);-webkit-overflow-scrolling:touch;border-radius:16px;overflow-x:auto;box-shadow:0 4px 20px #0000000d}.lic-table{border-collapse:collapse;text-align:left;width:100%}.lic-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#00000005;padding:.75rem 1rem;font-size:.7rem}.lic-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.85rem}.lic-code{color:var(--red);background:#ef44440d;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.8rem;font-weight:600}.lic-status{border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.lic-status.active{color:#22c55e;background:#22c55e1a}.lic-status.expired{color:#6b7280;background:#6b72801a}.lic-status.revoked{color:var(--red);background:#ef44441a}.lic-empty{text-align:center;color:var(--text-muted);padding:3rem!important}.btn-revoke{color:var(--red);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;transition:all .2s;display:flex}.btn-revoke:hover{background:#ef44441a}.lic-table-view{display:block}.lic-card-view{flex-direction:column;gap:1rem;display:none}.lic-card-item{background:var(--master-card);border:1px solid var(--master-border);border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000000d}.lic-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.lic-card-body{flex-direction:column;gap:.5rem;display:flex}.lic-card-row{color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.lic-card-row span:last-child{color:var(--text);font-weight:500}@media (width<=600px){.lic-table-view{display:none}.lic-card-view{display:flex}.lic-header{text-align:center;flex-direction:column;align-items:stretch;gap:1.5rem}.lic-title{font-size:1.25rem}}@media (width>=601px) and (width<=800px){.lic-table-container{overflow-x:auto}}.new-code-banner{background:#ef444414;border:1.5px dashed #ef44444d;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.new-code-banner__content{text-align:left;flex-direction:column;gap:4px;display:flex}.new-code-banner__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:800}.new-code-banner__value{color:var(--red);font-family:monospace;font-size:1.35rem;font-weight:900}.new-code-banner__actions{align-items:center;gap:12px;display:flex}.new-code-banner__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.5rem;line-height:1;transition:color .15s;display:flex}.new-code-banner__close:hover{color:var(--text-primary)}@media (width<=600px){.new-code-banner{text-align:center;flex-direction:column;align-items:stretch;padding:1.25rem 1rem}.new-code-banner__content{text-align:center}.new-code-banner__actions{justify-content:center}}.quiz{flex-direction:column;height:100%;display:flex;overflow-y:auto}.quiz__lang-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem 1.5rem;display:flex}.quiz__lang-icon{font-size:3.5rem}.quiz__lang-title{background:var(--gradient-red);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900}.quiz__lang-desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.quiz__lang-btns{gap:1rem;width:100%;max-width:320px;margin-top:.5rem;display:flex}.quiz__lang-btn{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--r-lg);color:var(--text-primary);cursor:pointer;transition:all var(--fast) var(--ease);flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.25rem 1rem;font-size:.95rem;font-weight:700;display:flex}.quiz__lang-btn:hover{border-color:var(--red);background:var(--red-glow);transform:translateY(-3px);box-shadow:0 8px 20px #e5393533}.quiz__lang-flag{font-size:2rem}.quiz__back{color:var(--text-muted);cursor:pointer;transition:color var(--fast) var(--ease);background:0 0;border:none;margin-top:1rem;font-size:.8rem}.quiz__back:hover{color:var(--text-primary)}.quiz__header{flex-shrink:0;align-items:center;gap:1rem;padding:1rem;display:flex}.quiz__exit{color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);transition:all var(--fast) var(--ease);background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:1rem}.quiz__exit:hover{background:var(--bg-card);color:var(--text-primary)}.quiz__progress-wrap{flex-direction:column;flex:1;gap:4px;display:flex}.quiz__progress-bar{background:var(--bg-card);border-radius:999px;width:100%;height:6px;overflow:hidden}.quiz__progress-fill{background:var(--gradient-red);height:100%;transition:width .4s var(--ease);border-radius:999px}.quiz__progress-label{color:var(--text-muted);text-align:right;font-size:.7rem}.quiz__body{flex-direction:column;flex:1;gap:1.25rem;padding:0 1.25rem 1rem;display:flex}.quiz__question{color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.55}.quiz__image-wrap{border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;justify-content:center;width:fit-content;max-width:100%;margin:0 auto;padding:1rem;display:flex}.quiz__image{object-fit:contain;border-radius:var(--r-sm);max-width:100%;max-height:200px}.quiz__image.quiz__image--small{width:140px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}.quiz__review-image.quiz__review-image--small{width:120px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}.quiz__options{flex-direction:column;gap:.75rem;display:flex}.quiz__option{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--r-lg);cursor:pointer;text-align:left;transition:all var(--fast) var(--ease);align-items:center;gap:.85rem;padding:.9rem 1rem;display:flex}.quiz__option:hover{border-color:var(--border-strong);background:var(--bg-hover)}.quiz__option.selected{border-color:var(--red);background:var(--red-glow);box-shadow:0 0 0 3px var(--red-glow)}.quiz__option-label{background:var(--bg-surface);border:1.5px solid var(--border);width:32px;height:32px;color:var(--text-muted);transition:all var(--fast) var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.quiz__option.selected .quiz__option-label{background:var(--red);border-color:var(--red);color:#fff}.quiz__option-text{color:var(--text-primary);font-size:.9rem;font-weight:500}.quiz__footer{border-top:1px solid var(--border);flex-shrink:0;gap:1rem;padding:1rem;display:flex}.quiz__footer .btn-lg{padding:.85rem 1.5rem}.quiz__footer .btn-red{background:var(--gradient-red);color:#fff;flex:1}.quiz__footer .btn-red:hover{opacity:.9;box-shadow:0 4px 12px var(--red-glow)}.quiz__results{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.quiz__score-circle{border:5px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:1rem 0 .5rem;display:flex}.quiz__score-circle.pass{background:#4caf501a;border-color:#4caf50}.quiz__score-circle.fail{border-color:var(--red);background:var(--red-glow)}.quiz__score-num{font-size:3rem;font-weight:900;line-height:1}.quiz__score-circle.pass .quiz__score-num{color:#4caf50}.quiz__score-circle.fail .quiz__score-num{color:var(--red)}.quiz__score-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.quiz__verdict{font-size:1.3rem;font-weight:800}.quiz__verdict.pass{color:#4caf50}.quiz__verdict.fail{color:var(--red)}.quiz__result-sub{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.quiz__review{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:1.25rem;width:100%;padding:1.25rem;display:flex}.quiz__review-title{color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.75rem;font-size:.95rem;font-weight:700}.quiz__review-item{flex-direction:column;gap:.4rem;display:flex}.quiz__review-q{color:var(--text-primary);gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.quiz__review-num{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);flex-shrink:0;align-self:flex-start;padding:0 6px;font-size:.7rem;font-weight:800}.quiz__review-wrong,.quiz__review-correct{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.badge{border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.68rem;font-weight:800}.badge-wrong{color:var(--red);background:#e5393526}.badge-correct{color:#4caf50;background:#4caf5026}.quiz__review-wrong{color:var(--text-muted)}.quiz__review-correct{color:#81c784}.quiz__results-actions .btn-red{background:var(--gradient-red);color:#fff}.quiz__results-actions .btn-red:hover{opacity:.9;box-shadow:0 4px 12px var(--red-glow)}.chinese-warning-banner{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--red);border-radius:var(--r-md);color:var(--text-secondary);text-align:left;margin:1rem 1.25rem .5rem;padding:.75rem 1rem;font-size:.8rem;line-height:1.45}.quiz__license-screen{flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem 1.25rem;display:flex;overflow-y:auto}.quiz__license-header{flex-direction:column;gap:.4rem;display:flex;position:relative}.quiz__back-btn{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-secondary);border-radius:var(--r-md);cursor:pointer;transition:all var(--fast) var(--ease);align-self:flex-start;padding:.4rem .8rem;font-size:.8rem;font-weight:700}.quiz__back-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.quiz__license-title{color:var(--text-primary);margin-top:.5rem;font-size:1.35rem;font-weight:800}.quiz__license-subtitle{color:var(--text-muted);font-size:.85rem}.quiz__license-grid{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=600px){.quiz__license-grid{grid-template-columns:1fr 1fr}}.quiz__license-card{background:var(--bg-card);border:2px solid var(--border-strong);border-radius:var(--r-lg);cursor:pointer;text-align:left;transition:all var(--fast) var(--ease);align-items:center;gap:1rem;padding:1rem;display:flex}.quiz__license-card:hover{border-color:var(--red);background:var(--red-glow);transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.quiz__license-badge{background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--r-md);width:44px;height:44px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.quiz__license-card:hover .quiz__license-badge{border-color:var(--red);color:var(--red);background:var(--red-glow)}.quiz__license-info{flex-direction:column;gap:2px;display:flex}.quiz__license-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.quiz__license-meta{color:var(--text-secondary);font-size:.75rem}.quiz__progress-info{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.quiz__timer{color:var(--text-secondary);align-items:center;gap:4px;font-size:.8rem;font-weight:750;display:inline-flex}.quiz__timer.low{color:var(--red);font-weight:900;animation:1s infinite alternate timer-pulse}@keyframes timer-pulse{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.quiz__scorecard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:.75rem;width:100%;padding:1.25rem;display:flex;box-shadow:0 4px 12px #00000005}.quiz__scorecard-title{color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.5rem;font-size:.95rem;font-weight:800}.quiz__scorecard-grid{flex-direction:column;gap:.5rem;display:flex}.quiz__scorecard-row{border-radius:var(--r-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);transition:all var(--fast) var(--ease);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8rem;display:flex}.quiz__scorecard-row.fail{background:#e539350f;border-color:#e539354d}.quiz__scorecard-cat{flex-direction:column;gap:1px;display:flex}.quiz__scorecard-hurdle-label{color:var(--text-muted);font-size:.7rem}.quiz__scorecard-row.fail .quiz__scorecard-hurdle-label{color:#e53935cc}.quiz__scorecard-value{align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:flex}.quiz__scorecard-row.fail .quiz__scorecard-value{color:var(--red)}.quiz__hurdle-warning{color:var(--red);border:1px dashed var(--red);border-radius:var(--r-md);text-align:center;background:#e5393514;max-width:400px;padding:.5rem .75rem;font-size:.85rem;font-weight:600}.quiz__active-class-card{background:var(--bg-card);border:2px solid var(--border-strong);border-radius:var(--r-lg);align-items:center;gap:1.25rem;padding:1.25rem;display:flex;box-shadow:0 4px 15px #00000008}.quiz__active-class-badge{background:var(--red-glow);border:2px solid var(--red);border-radius:var(--r-md);width:56px;height:56px;color:var(--red);box-shadow:0 4px 10px var(--red-glow);flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:900;display:flex}.quiz__active-class-details{flex-direction:column;flex:1;gap:4px;display:flex}.quiz__active-class-name{color:var(--text-primary);font-size:1.05rem;font-weight:800}.quiz__active-class-meta-grid{gap:1.5rem;margin-top:.25rem;display:flex}.quiz__meta-item{flex-direction:column;display:flex}.quiz__meta-val{color:var(--red);font-size:1.2rem;font-weight:900;line-height:1.1}.quiz__meta-lbl{color:var(--text-secondary);text-transform:uppercase;font-size:.65rem;font-weight:600}.quiz__start-btn{width:100%;background:var(--gradient-red)!important;color:#fff!important;box-shadow:0 4px 15px var(--red-glow)!important;transition:all var(--fast) var(--ease)!important;border:none!important;padding:.95rem 1.5rem!important;font-size:1rem!important;font-weight:800!important}.quiz__start-btn:hover{transform:translateY(-2px);opacity:.95!important;box-shadow:0 6px 20px var(--red-glow)!important}.quiz__change-class-section{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:1.25rem;display:flex}.quiz__section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800}.quiz__license-card.active{border-color:var(--red);background:var(--red-glow)}.quiz__license-card.active .quiz__license-badge{border-color:var(--red);color:var(--red);background:var(--red-glow)}.quiz__body{width:100%;max-width:800px;margin:0 auto}@media (width>=768px){.quiz__body.with-image{grid-template-columns:1.15fr .85fr;align-items:start;gap:2.25rem;max-width:1020px;display:grid}.quiz__content-column{flex-direction:column;gap:1.25rem;display:flex}.quiz__image-wrap{padding:1.25rem}.quiz__image{max-height:280px}.quiz__options-column{position:sticky;top:1.5rem}}@media (width<=600px){.quiz__lang-screen{padding:1.5rem 1rem}.quiz__lang-title{font-size:1.35rem}.quiz__lang-desc{font-size:.85rem}.quiz__license-screen{gap:1rem;padding:1rem .75rem}.quiz__license-title{font-size:1.15rem}.quiz__active-class-card{gap:.85rem;padding:.85rem}.quiz__active-class-badge{width:44px;height:44px}.quiz__active-class-name{font-size:.95rem}.quiz__active-class-meta-grid{gap:1rem}.quiz__meta-val{font-size:1rem}.quiz__meta-lbl{font-size:.6rem}.quiz__body{gap:1rem;padding:0 .75rem .75rem}.quiz__question{font-size:.95rem;line-height:1.45}.quiz__image-wrap{border-radius:12px;padding:.5rem}.quiz__image{max-height:150px}.quiz__options{gap:.5rem}.quiz__option{border-radius:12px;gap:.65rem;padding:.7rem .85rem}.quiz__option-label{width:28px;height:28px;font-size:.75rem}.quiz__option-text{font-size:.82rem}.quiz__footer{padding:.75rem}.quiz__footer .btn-lg{padding:.75rem 1rem;font-size:.9rem}.quiz__results{gap:.85rem;padding:1rem .75rem}.quiz__score-circle{width:110px;height:110px;margin:.5rem 0}.quiz__score-num{font-size:2.25rem}.quiz__score-label{font-size:.8rem}.quiz__verdict{font-size:1.15rem}.quiz__scorecard{border-radius:16px;padding:1rem .75rem}.quiz__scorecard-row{padding:.4rem .6rem;font-size:.75rem}.quiz__scorecard-value{font-size:.75rem}.quiz__review{border-radius:16px;gap:1rem;padding:1rem .75rem}.quiz__review-q{font-size:.8rem}.quiz__review-wrong,.quiz__review-correct{font-size:.78rem}.quiz__review-image-container{margin-left:1.2rem;padding:.5rem}.quiz__review-answers{margin-left:1.2rem}}.quiz__review-category-group{border:1.5px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-surface);text-align:left;margin-top:1.25rem;overflow:hidden;box-shadow:0 4px 12px #00000005}.quiz__review-category-header{background:var(--bg-card);border-bottom:1.5px solid var(--border-strong);align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.quiz__review-category-badge{background:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:inline-flex}.quiz__review-category-name{color:var(--text-primary);font-size:.88rem;font-weight:800}.quiz__review-category-items{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.quiz__review-item{border-bottom:1px dashed var(--border);flex-direction:column;gap:.5rem;padding-bottom:1.25rem;display:flex}.quiz__review-item:last-child{border-bottom:none;padding-bottom:0}.quiz__review-text{color:var(--text-primary);font-weight:600;line-height:1.5}.quiz__review-image-container{background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--r-md);flex-direction:column;gap:.6rem;width:fit-content;max-width:100%;margin:.5rem 0 .5rem 1.8rem;padding:.75rem;display:flex}.quiz__review-image-wrap{border-radius:var(--r-sm);background:#fff;border:1px solid #0000000d;align-self:flex-start;padding:.5rem;display:inline-flex}.quiz__review-image{object-fit:contain;max-width:100%;max-height:120px}.quiz__review-image-caption{color:var(--text-secondary);text-align:left;font-size:.78rem;line-height:1.45}.quiz__review-image-caption strong{color:#4caf50;font-weight:800}.quiz__review-answers{flex-direction:column;gap:.4rem;margin-left:1.8rem;display:flex}.quiz__review-answers .answer-text{font-weight:600}.quiz__review-wrong .answer-text{color:var(--text-primary)}.quiz__review-correct .answer-text{color:#4caf50}.quiz__history-screen{text-align:left;flex-direction:column;gap:1.5rem;width:100%;max-width:500px;margin:0 auto;padding:1.5rem 1.25rem;display:flex}.quiz__history-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;display:grid}.quiz__history-stat-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);text-align:center;transition:all var(--fast) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.85rem .5rem;display:flex}.quiz__history-stat-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 6px 18px #0000000a}.quiz__history-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:800}.quiz__history-stat-val{color:var(--text-primary);font-size:1.25rem;font-weight:900}.quiz__history-mastery-container{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-lg);flex-direction:column;width:100%;padding:1.25rem;display:flex;box-shadow:0 4px 15px #00000003}.quiz__history-progress-bar{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:99px;width:100%;height:10px;margin-top:4px;position:relative;overflow:hidden}.quiz__history-progress-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.quiz__history-last-attempt{flex-direction:column;gap:.65rem;width:100%;display:flex}.quiz__history-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem;font-size:.85rem;font-weight:800}.quiz__history-last-card{background:var(--bg-card);border:1.5px solid var(--border-strong);border-radius:var(--r-lg);transition:all var(--fast) var(--ease);justify-content:space-between;align-items:center;padding:1rem 1.15rem;display:flex;box-shadow:0 6px 18px #00000005}.quiz__history-last-card:hover{border-color:var(--text-muted)}.quiz__history-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;font-weight:900;display:flex}.quiz__history-badge.pass{color:#4caf50;background:#4caf501f;border:1.5px solid #4caf50}.quiz__history-badge.fail{background:var(--red-glow);color:var(--red);border:1.5px solid var(--red)}.quiz__history-timeline-section{flex-direction:column;gap:.65rem;width:100%;display:flex}.quiz__history-timeline{flex-direction:column;gap:.5rem;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.quiz__history-timeline::-webkit-scrollbar{width:5px}.quiz__history-timeline::-webkit-scrollbar-track{background:0 0}.quiz__history-timeline::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}.quiz__history-timeline::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.quiz__history-timeline-item{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--r-md);transition:all var(--fast) var(--ease);justify-content:space-between;align-items:center;padding:.7rem .9rem;display:flex}.quiz__history-timeline-item:hover{background:var(--bg-hover);border-color:var(--border-strong);transform:translate(2px)}.quiz__history-timeline-left{align-items:center;gap:.75rem;display:flex}.quiz__history-timeline-icon{background:var(--bg-card);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.quiz__history-timeline-info{flex-direction:column;gap:2px;display:flex}.quiz__history-timeline-class{color:var(--text-primary);font-size:.82rem;font-weight:700}.quiz__history-timeline-time{color:var(--text-muted);font-size:.68rem}.quiz__history-timeline-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.quiz__history-timeline-score{font-size:.88rem;font-weight:800}.quiz__history-timeline-score.pass{color:#4caf50}.quiz__history-timeline-score.fail{color:var(--red)}.quiz__history-timeline-verdict{letter-spacing:.03em;border-radius:4px;padding:1px 5px;font-size:.58rem;font-weight:800}.quiz__history-timeline-verdict.pass{color:#4caf50;background:#4caf501a}.quiz__history-timeline-verdict.fail{background:var(--red-glow);color:var(--red)}.quiz__history-empty{text-align:center;border:1.5px dashed var(--border);border-radius:var(--r-lg);background:var(--bg-surface);color:var(--text-muted);padding:2rem 1.25rem;font-size:.82rem;line-height:1.45}@media (width<=480px){.quiz__history-screen{gap:1.25rem;padding:1rem .75rem}.quiz__history-stats-grid{gap:.5rem}.quiz__history-stat-card{padding:.65rem .4rem}.quiz__history-stat-lbl{font-size:.6rem}.quiz__history-stat-val{font-size:1.1rem}.quiz__history-mastery-container{padding:1rem}.quiz__history-last-card{padding:.85rem}.quiz__history-timeline-item{padding:.6rem .75rem}}.study-page{width:100%;max-width:1200px;min-height:calc(100vh - 120px);color:var(--text-primary);flex-direction:column;margin:0 auto;padding:1.5rem;display:flex}.study-header{margin-bottom:2.5rem;position:relative}.study-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--white) 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:900}body.light .study-title{background:linear-gradient(135deg, var(--text-primary) 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.study-subtitle{color:var(--text-secondary);max-width:600px;font-size:1rem;font-weight:500}.study-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}@media (width<=768px){.study-grid{grid-template-columns:1fr}}.study-card{background:var(--master-card,#17171766);border:1px solid var(--master-border,var(--border));cursor:pointer;min-height:220px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:24px;flex-direction:column;justify-content:space-between;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.study-card:before{content:"";background:radial-gradient(circle at 10% 10%, var(--card-glow,#ffffff05), transparent 50%);pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.study-card:hover{border-color:var(--card-border-hover,var(--master-border-hover));box-shadow:0 20px 40px #0000004d, 0 0 30px var(--card-glow-active) inset;transform:translateY(-6px)scale(1.01)}body.light .study-card{background:#fff}body.light .study-card:hover{background:#fbfcfe;box-shadow:0 16px 32px #0000000d}.study-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.study-card-icon-wrapper{background:var(--card-icon-bg,#ffffff0d);width:48px;height:48px;color:var(--card-color);border:1px solid var(--card-border-hover,var(--master-border));border-radius:16px;justify-content:center;align-items:center;transition:transform .4s;display:flex}.study-card:hover .study-card-icon-wrapper{transform:scale(1.1)rotate(-5deg)}.study-card-arrow{color:var(--text-dim);transition:all .3s}.study-card:hover .study-card-arrow{color:var(--card-color);transform:translate(4px)}.study-card-content{flex-grow:1}.study-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.study-card-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.study-card-footer{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.study-card-pill{border:1px solid var(--master-border);color:var(--text-secondary);background:#ffffff08;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}body.light .study-card-pill{background:#00000005}.study-session{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto;animation:.5s cubic-bezier(.16,1,.3,1) forwards content-fade-in;display:flex}.study-session-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;display:flex}.study-back-btn{border:1px solid var(--master-border);background:var(--master-card);color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.study-back-btn:hover{background:var(--master-card-hover);color:var(--text-primary);border-color:var(--master-border-hover);transform:translate(-2px)}body.light .study-back-btn{background:#fff}.study-session-title{color:var(--text-primary);text-align:center;font-size:1.15rem;font-weight:800}.study-progress-text{color:var(--text-dim);font-size:.875rem;font-weight:700}.flashcard-wrapper{perspective:1500px;cursor:pointer;width:100%;height:380px;margin-bottom:2.5rem}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.flashcard-wrapper.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border:1px solid var(--card-color-glow,var(--master-border));box-shadow:0 20px 40px #0000004d, 0 0 40px var(--card-color-glow-active) inset;background:var(--master-card-solid,#0d1017);border-radius:28px;flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex;position:absolute;inset:0;overflow:hidden}body.light .flashcard-face{background:#fff;box-shadow:0 16px 32px #0000000f}.flashcard-face:before{content:"";background:radial-gradient(circle, var(--card-color-glow-active) 0%, transparent 70%);opacity:.3;pointer-events:none;width:300px;height:300px;position:absolute;top:-150px;right:-150px}.flashcard-back{border-color:var(--green,#4caf50);transform:rotateY(180deg);box-shadow:0 20px 40px #0000004d,inset 0 0 40px #4caf500d}body.light .flashcard-back{border-color:#4caf5066}.flashcard-badge{letter-spacing:.1em;text-transform:uppercase;background:var(--card-color-glow-active);color:var(--card-color);border:1px solid var(--card-color-glow);border-radius:9999px;align-self:flex-start;padding:.25rem .75rem;font-size:.7rem;font-weight:800}.flashcard-badge.answer{color:var(--green);background:#4caf501a;border-color:#4caf504d}.flashcard-question-text{text-align:center;color:var(--text-primary);flex-grow:1;justify-content:center;align-items:center;font-family:inherit;font-size:1.5rem;font-weight:800;line-height:1.4;display:flex}.flashcard-answer-text{text-align:center;color:var(--text-primary);flex-grow:1;justify-content:center;align-items:center;font-family:inherit;font-size:1.25rem;font-weight:600;line-height:1.5;display:flex}.flashcard-flip-hint{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.8rem;font-weight:600;display:flex}.flashcard-wrapper:hover .flashcard-flip-hint{color:var(--text-secondary)}.flashcard-progress-indicator{background:linear-gradient(90deg, var(--card-color) 0%, var(--accent-emerald,#0f8) 100%);height:4px;transition:width .3s;position:absolute;top:0;left:0}.flashcard-back .flashcard-progress-indicator{background:var(--green)}.flashcard-controls{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.flashcard-btn{border:1px solid var(--master-border);background:var(--master-card);min-height:52px;color:var(--text-secondary);cursor:pointer;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:.5rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #0000001a}.flashcard-btn:hover{background:var(--master-card-hover);color:var(--text-primary);border-color:var(--master-border-hover);transform:translateY(-2px)}.flashcard-btn:active{transform:translateY(0)scale(.97)}.flashcard-btn.primary{background:var(--card-color-glow-active);color:var(--card-color);border-color:var(--card-color-glow)}.flashcard-btn.primary:hover{filter:brightness(1.1);box-shadow:0 8px 20px var(--card-color-glow-active)}body.light .flashcard-btn{background:#fff}body.light .flashcard-btn.primary{background:var(--card-color);color:#fff}@keyframes content-fade-in{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.swipe-badge{z-index:10;border-radius:var(--r-md);letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;padding:.5rem 1rem;font-size:1.25rem;font-weight:900;transition:opacity .15s,transform .15s;position:absolute;top:2rem;transform:scale(.8)}.swipe-badge-right{color:#4caf50;background:#4caf5026;border:3px solid #4caf50;right:2rem;transform:rotate(-10deg)scale(.85)}.swipe-badge-left{color:var(--red);border:3px solid var(--red);background:#e5393526;left:2rem;transform:rotate(10deg)scale(.85)}.swipe-badge.visible{opacity:1;transform:rotate(var(--rotate-val,-10deg)) scale(1)}.swipe-badge-right.visible{--rotate-val:-10deg}.swipe-badge-left.visible{--rotate-val:10deg}.flashcard-wrapper{touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;position:relative}.flashcard-wrapper.swipe-right-out{opacity:0;transition:transform .2s ease-in,opacity .2s ease-in;transform:translate(500px)rotate(20deg)!important}.flashcard-wrapper.swipe-left-out{opacity:0;transition:transform .2s ease-in,opacity .2s ease-in;transform:translate(-500px)rotate(-20deg)!important}.flashcard-wrapper.returning{transition:transform .2s cubic-bezier(.16,1,.3,1);transform:translate(0,0)rotate(0)!important}.study-completed-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:28px;width:100%;max-width:500px;margin:0 auto;padding:3rem 2.5rem;box-shadow:0 20px 40px #0003}body.light .study-completed-card{background:#fff}.study-completed-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.75rem;font-weight:800}.study-completed-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1rem;line-height:1.5}.study-completed-actions{justify-content:center;gap:1rem;display:flex}.study-completed-actions .flashcard-btn{max-width:200px}.chinese-warning-banner{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--red);border-radius:var(--r-md);color:var(--text-secondary);text-align:left;width:100%;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.8rem;line-height:1.45}.flashcard-question-wrapper,.flashcard-answer-wrapper{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.flashcard-question-km{text-align:center;color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:750;line-height:1.5}.flashcard-question-en{text-align:center;color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:500;line-height:1.4}.flashcard-answer-km{text-align:center;color:#4caf50;margin:0;font-size:1.25rem;font-weight:800;line-height:1.5}.flashcard-answer-en{text-align:center;color:#81c784;margin:0;font-size:1.05rem;font-weight:600;line-height:1.4}.flashcard-image-container{border-radius:var(--r-md);border:1px solid var(--border);background:#fff;justify-content:center;width:fit-content;max-width:100%;max-height:120px;margin:.5rem auto 0;padding:.5rem;display:flex}.flashcard-image{object-fit:contain;max-width:100%;max-height:110px}.flashcard-image.flashcard-image--small{width:120px;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}.study-filter-bar{background:var(--master-card,#17171766);border:1px solid var(--master-border,var(--border));-webkit-backdrop-filter:var(--glass-blur);border-radius:20px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:2rem;padding:.35rem;display:flex}body.light .study-filter-bar{background:#00000008;border-color:#0000000f}.study-filter-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;transition:all .25s;display:flex}.study-filter-btn:hover{color:var(--text-primary);background:#ffffff0a}body.light .study-filter-btn:hover{background:#00000005}.study-filter-btn.active{background:var(--red,#ef4444);color:#fff;box-shadow:0 4px 12px #ef444440}body.light .study-filter-btn.active{background:var(--red,#ef4444);color:#fff}.study-card-progress-container{width:100%}.flashcard-btn.warning:hover{box-shadow:0 0 15px #ef444426;color:var(--red)!important;border-color:var(--red)!important;background:#ef444426!important}.study-language-mode-bar{border:1px solid var(--master-border,var(--border));background:#ffffff05;border-radius:14px;justify-content:center;align-items:center;gap:.35rem;width:100%;margin-bottom:1.5rem;padding:.25rem;display:flex}body.light .study-language-mode-bar{background:#00000005;border-color:#0000000a}.study-lang-mode-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:.45rem .75rem;font-size:.75rem;font-weight:700;transition:all .2s}.study-lang-mode-btn:hover{color:var(--text-primary);background:#ffffff0a}body.light .study-lang-mode-btn:hover{background:#00000005}.study-lang-mode-btn.active{background:var(--card-color,var(--red,#ef4444));color:#fff;box-shadow:0 4px 10px var(--card-color-glow-active,#ef444433)}.study-mode-grid{grid-template-columns:repeat(2,1fr)!important}@media (width<=900px){.study-mode-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=600px){.study-mode-grid{grid-template-columns:1fr!important}}.study-mode-card{justify-content:space-between;min-height:250px!important}.study-mode-card.path-recommended{border-color:#ef444426}.study-mode-card.path-normal{border-color:#3b82f626}.study-mode-card.path-guide{border-color:#10b98126}.study-mode-card.path-recommended:hover{border-color:#ef444466}.study-mode-card.path-normal:hover{border-color:#3b82f666}.study-mode-card.path-guide:hover{border-color:#10b98166}.guide-controls-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:2rem;display:flex}@media (width<=600px){.guide-controls-container{flex-direction:column;align-items:stretch}}.guide-search-wrapper{flex-grow:1;align-items:center;max-width:450px;min-height:40px;display:flex;position:relative}@media (width<=600px){.guide-search-wrapper{max-width:100%}}.guide-search-icon{color:var(--text-dim,#888);pointer-events:none;position:absolute;left:14px}.guide-search-input{background:var(--master-card,#17171766);border:1px solid var(--master-border,var(--border));width:100%;color:var(--text-primary,#fff);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:14px;outline:none;padding:.65rem 1rem .65rem 2.5rem;font-size:.85rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.guide-search-input:focus{border-color:var(--red,#ef4444);background:var(--master-card-hover,#1e1e1e99);box-shadow:0 0 10px #ef44441a}.guide-clear-btn{color:var(--text-dim,#888);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.guide-clear-btn:hover{color:var(--text-primary,#fff);background:#ffffff0d}.guide-paper{background:var(--master-card,#17171766);border:1px solid var(--master-border,var(--border));width:100%;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);border-radius:28px;max-height:800px;padding:2.5rem;overflow-y:auto}body.light .guide-paper{background:#fff;border-color:#0000000f}.study-guide-content{color:var(--text-primary,#fff);line-height:1.6}body.light .study-guide-content{color:#333}.study-guide-content h1{text-align:center;border-bottom:2px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:1.85rem;color:var(--red,#ef4444)!important}.study-guide-content h2{border-bottom:2px solid var(--red,#ef4444);margin-top:40px;margin-bottom:20px;padding-bottom:8px;font-size:1.45rem;color:var(--text-primary,#fff)!important}body.light .study-guide-content h2{color:#111!important}.study-guide-content h3{border-bottom:1px solid var(--border);margin-top:30px;margin-bottom:15px;padding-bottom:6px;font-size:1.15rem;color:var(--red,#ef4444)!important}.study-guide-content .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:30px;font-size:.95rem;font-style:italic}.study-guide-content .question-block{border-left:4px solid var(--red,#ef4444);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff05;border-radius:0 16px 16px 0;margin-bottom:1.5rem;padding:1.5rem}body.light .study-guide-content .question-block{background:#f8f9fa;border-top:1px solid #0000000a;border-bottom:1px solid #0000000a;border-right:1px solid #0000000a}.study-guide-content .question-header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:12px;display:flex}.study-guide-content .question-text{color:var(--text-primary);font-size:1.05rem;font-weight:750}body.light .study-guide-content .question-text{color:#111}.study-guide-content .question-id{color:var(--red,#ef4444);white-space:nowrap;background-color:#ef44441a;border-radius:12px;padding:2px 8px;font-family:monospace;font-size:.75rem;font-weight:700}.study-guide-content img{border:1px solid var(--border);background:#fff;border-radius:12px;max-height:140px;margin:15px auto;padding:6px;display:block}.study-guide-content .options-list{flex-direction:column;gap:.5rem;margin-top:10px;padding-left:0;list-style-type:none;display:flex}.study-guide-content .option-item{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff03;border-radius:8px;margin:0;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;position:relative}body.light .study-guide-content .option-item{background:#fff;border-color:#00000014}.study-guide-content .option-item:before{content:"☐";color:var(--text-dim,#888);font-size:1.1rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.study-guide-content .option-item.correct{color:#2e7d32;background-color:#4caf5014;border-color:#4caf504d;font-weight:700}body.light .study-guide-content .option-item.correct{background-color:#e8f5e9;border-color:#c8e6c9}.study-guide-content .option-item.correct:before{content:"☑";color:#2e7d32}.study-card.locked{opacity:.65;cursor:not-allowed;pointer-events:auto;filter:grayscale(.8)}.study-card.locked:hover{border-color:var(--master-border)!important;box-shadow:var(--glass-shadow)!important;transform:none!important}@media (width<=600px){.study-page{box-sizing:border-box;flex-direction:column;height:100%;min-height:auto;padding:.5rem .5rem .75rem;display:flex;overflow:hidden}.study-session{box-sizing:border-box;flex-direction:column;flex-grow:1;justify-content:space-between;align-items:center;width:100%;max-width:600px;height:100%;margin:0 auto;display:flex}.study-header{margin-bottom:1rem}.study-title{font-size:1.65rem}.study-subtitle{font-size:.85rem}.study-card{border-radius:18px;min-height:160px;padding:1.25rem}.study-card-header{margin-bottom:.75rem}.study-card-title{font-size:1.1rem}.study-card-desc{font-size:.8rem}.study-card-footer{margin-top:1rem}.study-session-header{width:100%;margin-bottom:.5rem}.study-filter-bar{width:100%;margin-bottom:.5rem;padding:.2rem}.study-filter-btn{border-radius:10px;padding:.4rem .6rem;font-size:.72rem}.flashcard-wrapper{flex:auto;height:35dvh;min-height:180px;max-height:300px;margin-bottom:.75rem}.flashcard-face{border-radius:16px;padding:.85rem .75rem}.flashcard-question-km{font-size:1rem;line-height:1.35}.flashcard-question-en{font-size:.8rem;line-height:1.3}.flashcard-answer-km{font-size:1.1rem;line-height:1.35}.flashcard-answer-en{font-size:.8rem;line-height:1.3}.flashcard-image-container{max-height:16dvh;margin-top:.25rem;padding:.25rem}.flashcard-image{max-height:14dvh}.flashcard-btn span{display:none!important}.flashcard-btn{flex:0 auto;justify-content:center;align-items:center;width:48px;height:48px;min-height:48px;padding:0;border-radius:50%!important}.flashcard-controls{justify-content:space-around;gap:.5rem;width:100%;margin-bottom:.5rem}.study-completed-card{border-radius:20px;padding:2rem 1.25rem}.study-completed-title{font-size:1.4rem}.study-completed-desc{margin-bottom:1.5rem;font-size:.85rem}.study-completed-actions{justify-content:center;gap:.5rem;display:flex}.study-completed-actions .flashcard-btn{max-width:150px}.study-completed-actions .flashcard-btn span{display:inline!important}.study-completed-actions .flashcard-btn{flex:1;width:auto;height:auto;min-height:44px;border-radius:12px!important}}.login-page{background:radial-gradient(ellipse at 50% -10%,#e539351f 0%,transparent 55%), var(--bg-base);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--r-xl);text-align:center;width:100%;max-width:380px;padding:2.5rem 2rem}.login-logo{background:var(--red-glow);border:1px solid var(--red-border);border-radius:var(--r-xl);justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;display:flex}.login-title{background:var(--gradient-red);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:900}.login-sub{color:var(--text-muted);margin:.25rem 0 2rem;font-size:.85rem}.login-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.login-field{flex-direction:column;gap:.4rem;display:flex}.login-field label{color:var(--grey-500);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.login-error{border:1px solid var(--red-border);border-radius:var(--r-md);color:var(--red);text-align:center;background:#e539351a;padding:.6rem .9rem;font-size:.85rem}.login-role-selector{background:var(--bg-elevated);border-radius:var(--r-md);border:1px solid var(--border);padding:4px;display:flex}.role-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.role-btn.active{background:var(--bg-card);color:var(--red);box-shadow:0 2px 8px #0003}.login-divider{color:var(--text-muted);align-items:center;margin:1.5rem 0;font-size:.7rem;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px;margin:0 10px}.login-lang-toggle{z-index:10;position:absolute;top:1.5rem;right:1.5rem}.lang-toggle-btn{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-muted);border-radius:var(--r-lg);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000001a}.lang-toggle-btn:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.lang-toggle-btn:active{transform:translateY(0)}:root{--master-bg:#030407;--master-sidebar:#0a0c10bf;--master-card:#0f1219a6;--master-card-hover:#141822d9;--master-card-solid:#0d1017;--master-border:#ffffff14;--master-border-hover:#fff3;--master-border-highlight:#fff6;--accent-red:#f36;--accent-red-glow:#ff33664d;--accent-blue:#00f0ff;--accent-blue-glow:#00f0ff4d;--accent-purple:#b026ff;--accent-purple-glow:#b026ff4d;--accent-amber:#fa0;--accent-amber-glow:#ffaa004d;--accent-emerald:#0f8;--accent-emerald-glow:#00ff884d;--text-primary:#fff;--text-secondary:#a1aab8;--text-dim:#606b7d;--glass-blur:blur(24px);--glass-shadow:0 8px 32px 0 #00000080}body.light{--master-bg:#f4f7fb;--master-sidebar:#fffc;--master-card:#ffffffb3;--master-card-hover:#fffffff2;--master-card-solid:#fff;--master-border:#0000000f;--master-border-hover:#00000026;--master-border-highlight:#0000004d;--text-primary:#0a0f1c;--text-secondary:#5a667d;--text-dim:#8a9bb3;--glass-shadow:0 8px 32px 0 #1f268712}.master-layout{background-color:var(--master-bg);color:var(--text-primary);height:100vh;font-family:Outfit,Inter,sans-serif;transition:background-color .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.master-sidebar{background:var(--master-sidebar);border-right:1px solid var(--master-border);box-shadow:var(--glass-shadow);z-index:100;height:100%;-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sidebar-header{border-bottom:1px solid var(--master-border);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:72px;padding:18px 20px;transition:padding .35s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.master-sidebar.collapsed .sidebar-header{padding:18px 17px}.sidebar-header-title{opacity:1;visibility:visible;flex:1;min-width:0;max-width:200px;margin-right:10px;transition:opacity .25s,max-width .25s,margin .25s,visibility .25s}.master-sidebar.collapsed .sidebar-header-title{opacity:0;visibility:hidden;pointer-events:none;max-width:0;margin-right:0;overflow:hidden}.toggle-sidebar-btn{transition:margin .35s cubic-bezier(.16,1,.3,1)}.m-header-btn{background:var(--master-card);border:1px solid var(--master-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;appearance:none;border-radius:12px;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000001a}.m-header-btn.slsel__trigger{border-radius:12px;padding:0}.m-header-btn:hover{color:var(--text-primary);border-color:var(--master-border-hover);background:var(--master-card-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0003,inset 0 0 8px #ffffff0d}.m-header-btn:active{transform:translateY(0)scale(.95)}body.light .m-header-btn{background:#fff;box-shadow:0 2px 6px #0000000d}body.light .m-header-btn:hover{border-color:var(--master-border-highlight);background:#f8fafc}.nav-item{width:calc(100% - 12px);color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:16px;outline:none;align-items:center;gap:14px;margin:3px 6px;padding:12px 14px;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible}.collapsed-nav-item{justify-content:center;gap:0;width:calc(100% - 12px);margin:3px 6px;padding:10px}.collapsed-nav-item .icon-box{border-radius:12px;width:36px;height:36px}.nav-item:before{content:"";background:var(--active-color);opacity:0;z-index:-1;transition:opacity .4s;position:absolute;inset:0}.nav-item:hover{color:var(--text-primary);border-color:var(--master-border);background:#ffffff05;transform:translate(4px)}body.light .nav-item:hover{background:#00000008}.collapsed-nav-item:hover{transform:scale(1.08)}.nav-item.active{background:var(--active-color-glow);color:var(--text-primary);border-color:var(--active-color);box-shadow:inset 0 0 20px var(--active-color-glow)}body.light .nav-item.active{border:1px solid var(--master-border-highlight);background:#fff;box-shadow:0 8px 24px #00000014}.nav-item .icon-box{width:40px;height:40px;color:var(--text-dim);border:1px solid var(--master-border);background:#ffffff08;border-radius:14px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.nav-item.active .icon-box{background:var(--active-color);color:#000;box-shadow:0 0 20px var(--active-color);border-color:#0000;transform:scale(1.1)rotate(-5deg)}body.light .nav-item.active .icon-box{color:#fff}.m-title{letter-spacing:-.03em;text-shadow:0 2px 10px #00000080;font-weight:900;color:var(--text-primary)!important}body.light .m-title{text-shadow:none}.m-desc{font-weight:500;color:var(--text-secondary)!important}.m-label{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:800;color:var(--text-dim)!important}.m-card{background:var(--master-card);border:1px solid var(--master-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:32px;padding:32px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.m-card:before{content:"";background:linear-gradient(90deg, transparent, var(--master-border-highlight), transparent);opacity:0;height:1px;transition:opacity .5s;position:absolute;top:0;left:0;right:0}.m-card:hover{background:var(--master-card-hover);border-color:var(--master-border-hover);transform:translateY(-4px)scale(1.005);box-shadow:0 30px 60px #0006,inset 0 0 40px #ffffff05}body.light .m-card:hover{box-shadow:0 20px 40px #00000014}.m-card:hover:before{opacity:1}.m-input,.m-textarea{border:1px solid var(--master-border);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:20px;outline:none;padding:16px 24px;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 10px #0003}body.light .m-input,body.light .m-textarea{background:#fff9;box-shadow:inset 0 2px 10px #00000005}.m-input:focus,.m-textarea:focus{border-color:var(--active-color,var(--accent-blue));box-shadow:0 0 0 2px var(--active-color-glow), inset 0 2px 10px #00000080;background:#00000080;transform:translateY(-2px)}.m-table-container{border:1px solid var(--master-border);background:#0003;border-radius:24px;width:100%;overflow-x:auto;box-shadow:inset 0 4px 20px #0000004d}body.light .m-table-container{background:#fff;box-shadow:0 4px 20px #0000000a}.m-table{border-collapse:separate;border-spacing:0;width:100%}.m-table th{text-align:left;border-bottom:1px solid var(--master-border);color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;padding:24px;font-size:10px;font-weight:900}body.light .m-table th{background:#f8fafc}.m-table td{border-bottom:1px solid var(--master-border);color:var(--text-secondary);padding:20px 24px;font-weight:500;transition:all .3s}.m-table tr{transition:all .3s}.m-table tr:last-child td{border-bottom:none}.m-table tr:hover td{color:var(--text-primary);background:#ffffff0a}body.light .m-table tr:hover td{background:#f8fafc}.m-table tr:hover{box-shadow:inset 4px 0 0 var(--accent-blue);transform:scale(1.002)}@keyframes orb-pulse{0%{opacity:.4;transform:scale(1)translate(0)rotate(0)}33%{opacity:.6;transform:scale(1.2)translate(50px,-50px)rotate(120deg)}66%{opacity:.5;transform:scale(.9)translate(-50px,50px)rotate(240deg)}to{opacity:.4;transform:scale(1)translate(0)rotate(360deg)}}.m-orb{filter:blur(120px);z-index:0;pointer-events:none;mix-blend-mode:screen;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite orb-pulse;position:absolute}body.light .m-orb{mix-blend-mode:multiply;filter:blur(80px);opacity:.2!important}.animate-content{animation:.8s cubic-bezier(.16,1,.3,1) forwards content-fade-in}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:20px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d padding-box padding-box;border:2px solid #0000}body.light .custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001f padding-box padding-box;border:2px solid #0000}body.light .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00000040 padding-box padding-box;border:2px solid #0000}.sidebar-footer{box-sizing:border-box;padding:12px 16px}.master-sidebar.collapsed .sidebar-footer{padding:12px 8px}:is(html:has(.master-layout),body:has(.master-layout)){overscroll-behavior:none!important;touch-action:none!important;width:100%!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.mobile-header{display:none!important}@media (width<=767px){.master-layout{height:100dvh!important}.mobile-header{background:var(--master-sidebar);border-bottom:1px solid var(--master-border);z-index:99;width:100%;height:56px;-webkit-backdrop-filter:var(--glass-blur);justify-content:space-between;align-items:center;padding:10px 16px;position:absolute;top:0;left:0;display:flex!important}.master-sidebar{transform:translate(-100%);z-index:10000!important;width:280px!important;min-width:280px!important;height:100dvh!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important}.master-sidebar.mobile-open{transform:translate(0)!important}.master-layout main{overflow-y:auto;height:calc(100dvh - 56px)!important;padding-top:56px!important;overflow-x:hidden!important}.master-layout main.chat-view-main{overscroll-behavior:none!important;touch-action:manipulation!important;height:calc(100dvh - 56px)!important;overflow-y:hidden!important}.sidebar-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)) 16px!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-950:oklch(25.8% .092 26.042);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-gray-400:oklch(70.7% .022 261.325);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentColor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-2{inset:calc(var(--spacing) * 2)}.inset-4{inset:calc(var(--spacing) * 4)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.end\!{inset-inline-end:var(--spacing)!important}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-6{top:calc(var(--spacing) * 6)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:calc(var(--spacing) * 0)}.right-1\/4{right:25%}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-1\/4{left:25%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.col-span-full{grid-column:1/-1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.-mr-0\.5{margin-right:calc(var(--spacing) * -.5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-\[1\.125rem\]{height:1.125rem}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[calc\(100vh-80px\)\]{height:calc(100vh - 80px)}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[75vh\]{max-height:75vh}.max-h-\[95vh\]{max-height:95vh}.min-h-\[100px\]{min-height:100px}.min-h-\[350px\]{min-height:350px}.min-h-\[720px\]{min-height:720px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[1\.125rem\]{width:1.125rem}.w-\[80px\]{width:80px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[700px\]{min-width:700px}.min-w-\[750px\]{min-width:750px}.min-w-\[900px\]{min-width:900px}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.97\]{scale:.97}.scale-\[1\.02\]{scale:1.02}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[spin_4s_linear_infinite\]{animation:4s linear infinite spin}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[80px_1fr_1fr_1fr_1fr_1fr_1fr_1fr\]{grid-template-columns:80px 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--master-border\)\]>:not(:last-child)){border-color:var(--master-border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[40px\]{border-radius:40px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-\[6px\]{border-left-style:var(--tw-border-style);border-left-width:6px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#5288c1\]{border-color:#5288c1}.border-\[\#5288c1\]\/25{border-color:oklab(61.3916% -.0338978 -.0988103/.25)}.border-\[var\(--master-border\)\]{border-color:var(--master-border)}.border-\[var\(--master-border-hover\)\]{border-color:var(--master-border-hover)}.border-\[var\(--master-card-solid\)\]{border-color:var(--master-card-solid)}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/10{border-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/10{border-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-amber-500\/40{border-color:#f99c0066}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/40{border-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)}}.border-blue-400\/30{border-color:#54a2ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-400\/30{border-color:color-mix(in oklab, var(--color-blue-400) 30%, transparent)}}.border-blue-500\/10{border-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/10{border-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/20{border-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.border-blue-500\/25{border-color:#3080ff40}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/25{border-color:color-mix(in oklab, var(--color-blue-500) 25%, transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/30{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.border-cyan-500\/20{border-color:#00b7d733}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/20{border-color:color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/20{border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.border-emerald-500\/25{border-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/25{border-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-emerald-500\/50{border-color:#00bb7f80}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/50{border-color:color-mix(in oklab, var(--color-emerald-500) 50%, transparent)}}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/20{border-color:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.border-red-500\/10{border-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.border-red-500\/10{border-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-red-500\/25{border-color:#fb2c3640}@supports (color:color-mix(in lab, red, red)){.border-red-500\/25{border-color:color-mix(in oklab, var(--color-red-500) 25%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.border-red-500\/50{border-color:color-mix(in oklab, var(--color-red-500) 50%, transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\/\[0\.04\]{border-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.04\]{border-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.border-white\/\[0\.05\]{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.05\]{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/\[0\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.border-zinc-700{border-color:var(--color-zinc-700)}.border-zinc-700\/50{border-color:#3f3f4680}@supports (color:color-mix(in lab, red, red)){.border-zinc-700\/50{border-color:color-mix(in oklab, var(--color-zinc-700) 50%, transparent)}}.border-zinc-700\/60{border-color:#3f3f4699}@supports (color:color-mix(in lab, red, red)){.border-zinc-700\/60{border-color:color-mix(in oklab, var(--color-zinc-700) 60%, transparent)}}.border-zinc-800\/40{border-color:#27272a66}@supports (color:color-mix(in lab, red, red)){.border-zinc-800\/40{border-color:color-mix(in oklab, var(--color-zinc-800) 40%, transparent)}}.border-t-amber-500{border-top-color:var(--color-amber-500)}.border-t-emerald-500{border-top-color:var(--color-emerald-500)}.border-t-red-500{border-top-color:var(--color-red-500)}.border-t-transparent{border-top-color:#0000}.border-t-white{border-top-color:var(--color-white)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-red-500{border-left-color:var(--color-red-500)}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#0a0a0a\]\/60{background-color:oklab(14.4788% 1.49012e-8 -7.45058e-9/.6)}.bg-\[\#5288c1\]{background-color:#5288c1}.bg-\[\#5288c1\]\/10{background-color:oklab(61.3916% -.0338978 -.0988103/.1)}.bg-\[\#5288c1\]\/15{background-color:oklab(61.3916% -.0338978 -.0988103/.15)}.bg-\[\#24303f\]{background-color:#24303f}.bg-\[\#121212\]{background-color:#121212}.bg-\[\#121212\]\/40{background-color:oklab(18.2204% -7.45058e-9 0/.4)}.bg-\[var\(--master-bg\)\]{background-color:var(--master-bg)}.bg-\[var\(--master-border\)\]{background-color:var(--master-border)}.bg-\[var\(--master-card\)\]{background-color:var(--master-card)}.bg-\[var\(--master-card-solid\)\]{background-color:var(--master-card-solid)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.bg-amber-500\/\[0\.02\]{background-color:#f99c0005}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-amber-500) 2%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/5{background-color:#3080ff0d}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/5{background-color:color-mix(in oklab, var(--color-blue-500) 5%, transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-blue-500\/\[0\.02\]{background-color:#3080ff05}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-blue-500) 2%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/20{background-color:#155dfc33}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/20{background-color:color-mix(in oklab, var(--color-blue-600) 20%, transparent)}}.bg-blue-600\/\[0\.04\]{background-color:#155dfc0a}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-blue-600) 4%, transparent)}}.bg-cyan-500\/10{background-color:#00b7d71a}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/10{background-color:color-mix(in oklab, var(--color-cyan-500) 10%, transparent)}}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/\[0\.02\]{background-color:#00bb7f05}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/\[0\.02\]{background-color:color-mix(in oklab, var(--color-emerald-500) 2%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/20{background-color:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/10{background-color:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/10{background-color:color-mix(in oklab, var(--color-purple-500) 10%, transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/5{background-color:#fb2c360d}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/5{background-color:color-mix(in oklab, var(--color-red-500) 5%, transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/15{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.bg-red-500\/\[0\.04\]{background-color:#fb2c360a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-red-500) 4%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-950\/20{background-color:#46080933}@supports (color:color-mix(in lab, red, red)){.bg-red-950\/20{background-color:color-mix(in oklab, var(--color-red-950) 20%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-800\/40{background-color:#27272a66}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\/40{background-color:color-mix(in oklab, var(--color-zinc-800) 40%, transparent)}}.bg-zinc-800\/80{background-color:#27272acc}@supports (color:color-mix(in lab, red, red)){.bg-zinc-800\/80{background-color:color-mix(in oklab, var(--color-zinc-800) 80%, transparent)}}.bg-zinc-900\/40{background-color:#18181b66}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\/40{background-color:color-mix(in oklab, var(--color-zinc-900) 40%, transparent)}}.bg-zinc-900\/60{background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\/60{background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}.bg-zinc-900\/80{background-color:#18181bcc}@supports (color:color-mix(in lab, red, red)){.bg-zinc-900\/80{background-color:color-mix(in oklab, var(--color-zinc-900) 80%, transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\/80{background-color:#09090bcc}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\/80{background-color:color-mix(in oklab, var(--color-zinc-950) 80%, transparent)}}.bg-zinc-950\/85{background-color:#09090bd9}@supports (color:color-mix(in lab, red, red)){.bg-zinc-950\/85{background-color:color-mix(in oklab, var(--color-zinc-950) 85%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#1c1212\]\/60{--tw-gradient-from:oklab(19.5364% .0158689 .00536983/.6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[var\(--text-primary\)\]{--tw-gradient-from:var(--text-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500\/10{--tw-gradient-from:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.from-blue-500\/10{--tw-gradient-from:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.from-blue-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-zinc-950{--tw-gradient-from:var(--color-zinc-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[var\(--text-primary\)\]{--tw-gradient-via:var(--text-primary);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange-500{--tw-gradient-via:var(--color-orange-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-zinc-500{--tw-gradient-via:var(--color-zinc-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#121212\]\/60{--tw-gradient-to:oklab(18.2204% -7.45058e-9 0/.6);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[var\(--text-secondary\)\]{--tw-gradient-to:var(--text-secondary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-500{--tw-gradient-to:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-zinc-400{--tw-gradient-to:var(--color-zinc-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-white{fill:var(--color-white)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-40{padding-block:calc(var(--spacing) * 40)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[7\.5px\]{font-size:7.5px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#5288c1\]{color:#5288c1}.text-\[\#5288c1\]\/40{color:oklab(61.3916% -.0338978 -.0988103/.4)}.text-\[var\(--text-dim\)\]{color:var(--text-dim)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-black{color:var(--color-black)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-500\/40{color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.text-emerald-500\/40{color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.text-emerald-500\/50{color:#00bb7f80}@supports (color:color-mix(in lab, red, red)){.text-emerald-500\/50{color:color-mix(in oklab, var(--color-emerald-500) 50%, transparent)}}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-400{color:var(--color-gray-400)}.text-green-400{color:var(--color-green-400)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-red-200\/50{color:#ffcaca80}@supports (color:color-mix(in lab, red, red)){.text-red-200\/50{color:color-mix(in oklab, var(--color-red-200) 50%, transparent)}}.text-red-200\/60{color:#ffcaca99}@supports (color:color-mix(in lab, red, red)){.text-red-200\/60{color:color-mix(in oklab, var(--color-red-200) 60%, transparent)}}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-zinc-500::placeholder{color:var(--color-zinc-500)}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-100{opacity:1}.opacity-\[0\.02\]{opacity:.02}.opacity-\[0\.03\]{opacity:.03}.opacity-\[0\.7\]{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(59\,130\,246\,0\.15\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#3b82f626);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(245\,158\,11\,0\.2\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#f59e0b33);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.3\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#10b9814d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(34\,197\,94\,0\.3\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#22c55e4d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.3\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#3b82f64d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(245\,158\,11\,0\.3\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#f59e0b4d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(16\,185\,129\,0\.3\)\]{--tw-shadow:0 0 50px var(--tw-shadow-color,#10b9814d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_80px_rgba\(245\,158\,11\,0\.4\)\]{--tw-shadow:0 0 80px var(--tw-shadow-color,#f59e0b66);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(59\,130\,246\,0\.35\)\]{--tw-shadow:0 4px 20px var(--tw-shadow-color,#3b82f659);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-amber-500\/5{--tw-shadow-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.shadow-amber-500\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-amber-500\/20{--tw-shadow-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.shadow-amber-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-amber-500\/\[0\.02\]{--tw-shadow-color:#f99c0005}@supports (color:color-mix(in lab, red, red)){.shadow-amber-500\/\[0\.02\]{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 2%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/25{--tw-shadow-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-500\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-500\/5{--tw-shadow-color:#fb2c360d}@supports (color:color-mix(in lab, red, red)){.shadow-red-500\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-500\/20{--tw-shadow-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.shadow-red-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_8px_rgba\(239\,68\,68\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#ef444480));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_20px_rgba\(245\,158\,11\,0\.2\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#f59e0b33));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[700ms\]{--tw-duration:.7s;transition-duration:.7s}.duration-\[1000ms\]{--tw-duration:1s;transition-duration:1s}.duration-\[6000ms\]{--tw-duration:6s;transition-duration:6s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-focus-within\:text-blue-400:is(:where(.group):focus-within *){color:var(--color-blue-400)}@media (hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-red-400:is(:where(.group):hover *){color:var(--color-red-400)}.group-hover\:opacity-80:is(:where(.group):hover *){opacity:.8}.group-hover\:opacity-95:is(:where(.group):hover *){opacity:.95}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:opacity-\[0\.06\]:is(:where(.group):hover *){opacity:.06}}.focus-within\:border-blue-500\/50:focus-within{border-color:#3080ff80}@supports (color:color-mix(in lab, red, red)){.focus-within\:border-blue-500\/50:focus-within{border-color:color-mix(in oklab, var(--color-blue-500) 50%, transparent)}}@media (hover:hover){.hover\:z-20:hover{z-index:20}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y:-2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-y-\[-4px\]:hover{--tw-translate-y:-4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[0\.98\]:hover{scale:.98}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-amber-500\/40:hover{border-color:#f99c0066}@supports (color:color-mix(in lab, red, red)){.hover\:border-amber-500\/40:hover{border-color:color-mix(in oklab, var(--color-amber-500) 40%, transparent)}}.hover\:border-red-500\/30:hover{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.hover\:border-red-500\/30:hover{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.hover\:border-red-500\/40:hover{border-color:#fb2c3666}@supports (color:color-mix(in lab, red, red)){.hover\:border-red-500\/40:hover{border-color:color-mix(in oklab, var(--color-red-500) 40%, transparent)}}.hover\:border-red-500\/60:hover{border-color:#fb2c3699}@supports (color:color-mix(in lab, red, red)){.hover\:border-red-500\/60:hover{border-color:color-mix(in oklab, var(--color-red-500) 60%, transparent)}}.hover\:border-white\/10:hover{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/10:hover{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/\[0\.12\]:hover{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:bg-\[\#4374a5\]:hover{background-color:#4374a5}.hover\:bg-\[var\(--master-card\)\]:hover{background-color:var(--master-card)}.hover\:bg-\[var\(--master-card-hover\)\]:hover{background-color:var(--master-card-hover)}.hover\:bg-\[var\(--master-card-solid\)\]:hover{background-color:var(--master-card-solid)}.hover\:bg-amber-500\/5:hover{background-color:#f99c000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/5:hover{background-color:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-emerald-500\/20:hover{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-500\/20:hover{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.hover\:bg-red-500\/20:hover{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-zinc-700:hover{background-color:var(--color-zinc-700)}.hover\:bg-zinc-800\/30:hover{background-color:#27272a4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-zinc-800\/30:hover{background-color:color-mix(in oklab, var(--color-zinc-800) 30%, transparent)}}.hover\:from-green-400:hover{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-red-400:hover{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-emerald-400:hover{--tw-gradient-to:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-orange-400:hover{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-emerald-600:hover{color:var(--color-emerald-600)}.hover\:text-purple-500:hover{color:var(--color-purple-500)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-zinc-200:hover{color:var(--color-zinc-200)}.hover\:text-zinc-300:hover{color:var(--color-zinc-300)}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_25px_rgba\(239\,68\,68\,0\.3\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#ef44444d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:w-auto{width:auto}.sm\:max-w-xs{max-width:var(--container-xs)}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media (width>=48rem){.md\:relative{position:relative}.md\:z-auto{z-index:auto}.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[84vh\]{height:84vh}.md\:h-full{height:100%}.md\:w-36{width:calc(var(--spacing) * 36)}.md\:w-72{width:calc(var(--spacing) * 72)}.md\:w-80{width:calc(var(--spacing) * 80)}.md\:w-auto{width:auto}.md\:-translate-y-4{--tw-translate-y:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:rounded-3xl{border-radius:var(--radius-3xl)}.md\:border{border-style:var(--tw-border-style);border-width:1px}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:p-0{padding:calc(var(--spacing) * 0)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:py-12{padding-block:calc(var(--spacing) * 12)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (width>=64rem){.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:gap-12{gap:calc(var(--spacing) * 12)}}@media (width>=80rem){.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}}:root{--bg-base:#080808;--bg-surface:#0f0f0f;--bg-card:#171717;--bg-elevated:#202020;--bg-hover:#2a2a2a;--red:#e53935;--red-bright:#ff1744;--red-dark:#b71c1c;--red-deep:#7f0000;--red-glow:#e539352e;--red-border:#e5393559;--gradient-red:linear-gradient(135deg,#f44 0%,#e53935 45%,#8b0000 100%);--white:#fff;--grey-100:#e8e8e8;--grey-300:#999;--grey-500:#555;--grey-700:#2e2e2e;--grey-900:#141414;--text-primary:#fff;--text-secondary:#999;--text-muted:#4a4a4a;--border:#ffffff12;--border-strong:#ffffff21;--green:#4caf50;--green-bg:#4caf5021;--amber:#ff9800;--amber-bg:#ff980021;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--touch-sm:48px;--touch-md:60px;--touch-lg:72px;--ease:cubic-bezier(.4,0,.2,1);--fast:.14s;--mid:.24s;--slow:.38s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}body.light{--bg-base:#f4f5f7;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f0f2f5;--bg-hover:#e4e6e9;--text-primary:#1a1a1a;--text-secondary:#4b4b4b;--text-muted:#8e8e8e;--border:#00000014;--border-strong:#00000026;--grey-100:#2e2e2e;--grey-300:#555;--grey-700:#e8e8e8;--grey-900:#f4f4f4}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Outfit,Noto Sans Khmer,Noto Sans SC,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}svg{flex-shrink:0;display:block}.font-khmer{font-family:Noto Sans Khmer,sans-serif}.font-chinese{font-family:Noto Sans SC,sans-serif}.text-muted{color:var(--text-secondary)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.375rem}.text-2xl{font-size:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem}.btn{border-radius:var(--r-md);cursor:pointer;min-height:var(--touch-sm);transition:all var(--fast) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.95)}.btn-red{background:var(--gradient-red);color:#fff}.btn-red:hover{opacity:.9}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-lg{min-height:var(--touch-lg);border-radius:var(--r-lg);padding:0 1.75rem;font-size:1.1rem}.slsel__trigger{cursor:pointer;width:36px;height:36px;transition:all var(--fast) var(--ease);background:var(--bg-card);border:1px solid var(--border);color:inherit;appearance:none;border-radius:12px;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.slsel__trigger:hover{border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-1px)}.slsel__trigger:active{transform:scale(.95)}.pill{border-radius:var(--r-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.3rem;padding:.2rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.pill-red{background:var(--red-glow);color:var(--red);border:1px solid var(--red-border)}.pill-green{background:var(--green-bg);color:var(--green)}.pill-amber{background:var(--amber-bg);color:var(--amber)}.pill-grey{color:var(--grey-300);background:#ffffff12}.pill-blue{color:#60a5fa;background:#3b82f61f}.input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-primary);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)}.input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--grey-700);border-radius:2px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.w-full{width:100%}.flex-1{flex:1}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.text-center{text-align:center}@keyframes wfbar{0%,to{opacity:.6;transform:scaleY(.25)}50%{opacity:1;transform:scaleY(1)}}.wf-bar{transform-origin:bottom;animation:1s ease-in-out infinite wfbar}.wf-bar-0{animation-delay:0s}.wf-bar-1{animation-delay:.12s}.wf-bar-2{animation-delay:.24s}.wf-bar-3{animation-delay:80ms}.wf-bar-4{animation-delay:.18s}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px var(--red-glow)}50%{box-shadow:0 0 28px #e5393559}}.animate-fade-in{animation:fadeIn var(--mid) var(--ease) both}.animate-scale-up{animation:scaleUp var(--mid) var(--ease) both}.animate-spin{animation:.9s linear infinite spin}.macos-switch{width:42px;height:24px;display:inline-block;position:relative}.macos-switch input{opacity:0;width:0;height:0}.macos-switch__slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.macos-switch__slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}input:checked+.macos-switch__slider{background-color:#34c759}input:checked+.macos-switch__slider:before{transform:translate(18px)}input:focus+.macos-switch__slider{box-shadow:0 0 1px #34c759}@media (width>=768px){.hide-md{display:none!important}}@media (width<=767px){.hide-sm{display:none!important}}@media print{body{display:none!important}}.study-page,.quiz{-webkit-user-select:none!important;user-select:none!important}.flashcard-image,.quiz__image,.quiz__review-image{pointer-events:none!important;-webkit-user-drag:none!important;user-drag:none!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}