.v53-class-btn{border:1px solid rgba(99,102,241,.18);background:rgba(255,255,255,.82);color:#172033;border-radius:16px;padding:12px 18px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.v53-class-btn:hover{transform:translateY(-1px)}
.v53-backdrop{position:fixed;inset:0;z-index:10060;background:rgba(15,23,42,.52);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;padding:18px}
.v53-hidden{display:none!important}.v53-modal{width:min(980px,100%);max-height:min(92vh,960px);overflow:auto;background:#fff;border:1px solid #dce5f3;border-radius:30px;box-shadow:0 26px 90px rgba(15,23,42,.28);color:#172033}.v53-head{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px 22px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e6ecf4}.v53-kicker{font-size:12px;letter-spacing:.2em;font-weight:900;color:#4f46e5}.v53-head h2{font-size:30px;margin:7px 0 5px}.v53-head p{margin:0;color:#66758a;line-height:1.7}.v53-close{width:48px;height:48px;border:0;border-radius:16px;background:#f2f5f9;color:#334155;font-size:30px;cursor:pointer}.v53-body{padding:24px 28px 32px}.v53-grid{display:grid;gap:20px}.v53-panel,.v53-members{border:1px solid #dfe7f2;border-radius:24px;padding:22px;background:linear-gradient(180deg,#fff,#fbfdff)}.v53-section-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.v53-section-title span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#64748b}.v53-section-title h3{margin:4px 0 0;font-size:23px}.v53-section-title>button{border:1px solid #d8e1ed;background:#fff;border-radius:13px;padding:9px 13px;font-weight:800;color:#334155}.v53-verified{font-size:13px!important;letter-spacing:0!important;background:#dcfce7;color:#166534!important;padding:8px 11px;border-radius:999px}.v53-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v53-form label{display:flex;flex-direction:column;gap:7px;font-weight:800}.v53-form label:first-child{grid-column:1/-1}.v53-form input,.v53-join input{width:100%;box-sizing:border-box;border:1px solid #cbd7e6;border-radius:15px;padding:14px 15px;background:#fff;color:#172033;font:inherit;outline:none}.v53-form input:focus,.v53-join input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.v53-form .v53-btn{grid-column:1/-1}.v53-btn{border:1px solid #d9e2ee;border-radius:15px;background:#fff;color:#172033;padding:13px 17px;font-weight:900;font-size:15px;cursor:pointer}.v53-btn.primary{border:0;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff;box-shadow:0 12px 26px rgba(79,70,229,.18)}.v53-join{display:flex;gap:10px}.v53-join input{text-transform:uppercase;font-weight:900;letter-spacing:.12em}.v53-join .v53-btn{white-space:nowrap}.v53-hint{color:#6b7a90;font-size:13px;line-height:1.7;margin:10px 0 0}.v53-class-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v53-class-card{border:1px solid #dae4f0;border-radius:20px;padding:18px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.035)}.v53-class-card.archived{opacity:.78;background:#f8fafc}.v53-class-top{display:flex;justify-content:space-between;gap:16px}.v53-class-top h4{font-size:20px;margin:7px 0 5px}.v53-class-top p{margin:0;color:#68778c;font-size:13px}.v53-status-chip{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.v53-status-chip.active{background:#dcfce7;color:#166534}.v53-status-chip.archived{background:#e2e8f0;color:#475569}.v53-member-count{text-align:center;min-width:54px}.v53-member-count b{display:block;font-size:25px}.v53-member-count span{font-size:11px;color:#718096}.v53-invite{margin-top:15px;background:#eef5ff;border:1px dashed #93c5fd;border-radius:16px;padding:12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.v53-invite span{font-size:12px;color:#64748b}.v53-invite strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:.12em}.v53-invite button,.v53-card-actions button{border:1px solid #d7e0ec;background:#fff;border-radius:11px;padding:8px 10px;font-weight:800;color:#334155;cursor:pointer}.v53-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.v53-card-actions button.danger,.v53-member button.danger{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.v53-date{display:block;color:#8491a3;margin-top:12px}.v53-teacher-line{margin-top:14px;color:#526176}.v53-members{scroll-margin-top:100px}.v53-member-list{display:grid;gap:9px}.v53-member{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid #e1e8f1;border-radius:16px;padding:12px}.v53-member-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#cffafe);font-weight:900;color:#4338ca}.v53-member b{display:block}.v53-member small{display:block;color:#748298;margin-top:4px}.v53-member button{border:1px solid #d7e0ec;border-radius:11px;padding:8px 10px;font-weight:800;background:#fff}.v53-empty{text-align:center;padding:48px 20px}.v53-empty.compact{padding:24px 10px;color:#718096}.v53-icon{font-size:44px}.v53-empty h3{font-size:24px;margin:12px 0 8px}.v53-empty p{color:#6b7a90;line-height:1.7}.v53-status{border-radius:18px;padding:16px 18px;margin-bottom:16px;display:grid;gap:6px;line-height:1.7}.v53-status.warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.v53-status span{font-size:14px}.v53-info{border:1px solid #e1e8f1;border-radius:16px;padding:15px;line-height:1.8;margin-bottom:14px;color:#526176}.v53-msg{border-radius:16px;padding:13px 15px;margin-bottom:16px;font-weight:700;line-height:1.6}.v53-msg.error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.v53-msg.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.v53-loading{text-align:center;padding:62px 20px;color:#64748b}.v53-spinner{width:34px;height:34px;margin:0 auto 14px;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:v53spin .8s linear infinite}@keyframes v53spin{to{transform:rotate(360deg)}}
@media (max-width:720px){.v53-backdrop{padding:0;align-items:flex-end}.v53-modal{border-radius:26px 26px 0 0;max-height:94vh}.v53-head{padding:22px 20px 18px}.v53-head h2{font-size:27px}.v53-body{padding:18px 18px 28px}.v53-form{grid-template-columns:1fr}.v53-form label:first-child,.v53-form .v53-btn{grid-column:auto}.v53-class-list{grid-template-columns:1fr}.v53-join{flex-direction:column}.v53-invite{grid-template-columns:1fr auto}.v53-invite span{grid-column:1/-1}.v53-member{grid-template-columns:auto 1fr}.v53-member button{grid-column:1/-1}.v53-class-btn{padding:10px 13px}}
@media (prefers-color-scheme:dark){.v53-class-btn{background:#111827;color:#e5e7eb;border-color:#334155}.v53-modal,.v53-head{background:#0b1020;color:#e5e7eb;border-color:#263247}.v53-panel,.v53-members{background:linear-gradient(180deg,#101827,#0d1422);border-color:#29374c}.v53-head p,.v53-hint,.v53-class-top p,.v53-date,.v53-empty p,.v53-info,.v53-teacher-line{color:#94a3b8}.v53-close,.v53-section-title>button,.v53-card-actions button,.v53-invite button,.v53-btn,.v53-member button{background:#111827;color:#e5e7eb;border-color:#334155}.v53-form input,.v53-join input,.v53-class-card{background:#0f172a;color:#e5e7eb;border-color:#334155}.v53-class-card.archived{background:#111827}.v53-invite{background:#0c1c32;border-color:#315d90}.v53-member{border-color:#334155}.v53-info{border-color:#334155}.v53-empty.compact{color:#94a3b8}}


/* v5.3.2 mobile visual-viewport hardening: Edge/Chrome/Via/Safari */
:root{--jx-visual-viewport:100dvh;--jx-visual-top:0px}
.v50-auth-backdrop,.v49-modal-backdrop,.v53-backdrop{
  box-sizing:border-box;
  top:var(--jx-visual-top,0px)!important;
  bottom:auto!important;
  height:var(--jx-visual-viewport,100dvh)!important;
  max-height:var(--jx-visual-viewport,100dvh)!important;
  overflow:hidden;
  padding-top:max(8px,env(safe-area-inset-top));
  padding-bottom:max(8px,env(safe-area-inset-bottom));
}
.v50-auth-modal,.v49-modal,.v53-modal{
  max-height:calc(var(--jx-visual-viewport,100dvh) - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)))!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.v50-auth-head,.v49-modal-head,.v53-head{top:0!important;z-index:8!important}
.v50-auth-close,.v49-close,.v53-close{flex:0 0 auto;position:relative;z-index:10}
@media(max-width:760px){
  .v50-auth-backdrop,.v49-modal-backdrop,.v53-backdrop{padding-left:0!important;padding-right:0!important;padding-bottom:max(0px,env(safe-area-inset-bottom))!important}
  .v50-auth-modal,.v49-modal,.v53-modal{max-height:calc(var(--jx-visual-viewport,100dvh) - max(4px,env(safe-area-inset-top)))!important}
  .v50-auth-head,.v49-modal-head,.v53-head{padding-top:max(18px,env(safe-area-inset-top))!important}
}

/* v5.3.2 mutation guard */
.v53-btn:disabled,.v53-card-actions button:disabled,.v53-invite button:disabled{
  opacity:.58;cursor:not-allowed;filter:saturate(.65);
}