.login-role{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:min(100%,520px);padding:4px;margin:0 auto 18px;border-radius:18px;background:var(--c-eef1ff, #eef1ff);border:2px solid var(--line)}.login-role button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;border-radius:14px;background:transparent;color:var(--ink-soft);font:700 15px var(--font-ui);cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.login-role button.is-active{background:var(--card);color:var(--teal);box-shadow:0 2px 0 var(--line),0 6px 14px var(--c-2563eb-a06, rgba(37, 99, 235, .06))}.login-role button:focus-visible,.login-qr-btn:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.login-hint{margin:-2px 4px 0;color:var(--ink-soft);font-size:13px;line-height:1.5}.login-hint b{color:var(--ink)}.login-hint a{color:var(--teal);font-weight:700}.login-qr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:18px;border:2px dashed var(--teal);background:var(--card);color:var(--teal);font:800 16px var(--font-ui);cursor:pointer}.login-qr-btn:disabled{opacity:.6;cursor:default}.login-submit-teacher{font-size:20px}.qr-scan-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#0f172a99}@media (min-width: 560px){.qr-scan-backdrop{align-items:center}}.qr-scan-sheet{width:min(100%,440px);max-height:100dvh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:16px 16px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:var(--card);font-family:var(--font-ui);color:var(--ink)}@media (min-width: 560px){.qr-scan-sheet{border-radius:24px}}.qr-scan-head{display:flex;align-items:center;justify-content:space-between;font-size:18px}.qr-scan-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--cream);color:var(--ink);cursor:pointer}.qr-scan-view{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#0f172a}.qr-scan-view video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qr-scan-frame{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:18px;box-shadow:0 0 0 999px #0f172a59;border:3px solid #fff}.qr-scan-status{position:absolute;inset:auto 0 14px;text-align:center;color:#fff;font-weight:700}.qr-scan-nocam{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 12px;border-radius:20px;background:var(--cream);color:var(--ink-soft);text-align:center;line-height:1.5}.qr-scan-hint{margin:0;text-align:center;color:var(--ink-soft);font-size:14px;line-height:1.5}.qr-scan-file{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:16px;border:2px solid var(--line);color:var(--ink);font-weight:700;cursor:pointer}.qr-scan-file input{position:absolute;width:1px;height:1px;opacity:0}@media (prefers-reduced-motion: reduce){.login-role button{transition:none}}.signup-screen{overflow-y:auto;justify-content:safe center;padding-top:20px;padding-bottom:24px}.signup-screen>*{flex-shrink:0}.signup-screen .login-hero{margin-bottom:14px}.signup-screen .login-form{gap:10px}.signup-screen .login-input{padding-top:12px;padding-bottom:12px}.signup-row{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 768px){.signup-row{grid-template-columns:1fr 1fr}}.signup-note{resize:vertical;min-height:64px;font-family:inherit}.signup-done{text-align:center;align-items:center}.signup-done-icon{color:#16a34a;margin:0 auto 4px}.signup-done .login-submit{text-decoration:none;display:inline-flex;justify-content:center}