.independent-auth{max-width:1120px;min-height:100svh;color:var(--text);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:clamp(24px,7vw,100px);margin:auto;padding:56px 32px;display:grid}.independent-auth-intro{flex-direction:column;gap:20px;min-width:0;display:flex}.independent-auth-brand{color:var(--text);align-items:center;gap:10px;margin-bottom:45px;font-size:23px;font-weight:700;text-decoration:none;display:flex}.independent-auth-intro h1{margin:0;font-size:clamp(35px,5vw,58px);line-height:1.25}.independent-auth-intro p{color:var(--muted);max-width:380px;line-height:1.9}.independent-auth-intro small{color:var(--purple)}.independent-auth-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;min-width:0;padding:30px}.independent-auth-card h2{margin:0 0 12px;font-size:24px}.independent-auth-card>p{color:var(--muted);line-height:1.8}.independent-auth-card form{margin-top:25px}.independent-auth-card fieldset{border:0;gap:17px;min-width:0;padding:0;display:grid}.independent-auth-card label{gap:8px;font-size:13px;display:grid}.independent-auth-card input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:8px;padding:10px 12px}.independent-auth-card small{color:var(--muted);font-size:11px;line-height:1.7}.independent-auth-card button,.independent-auth-card a{max-width:100%;min-height:42px}.independent-auth-card :is(a,button,input):focus-visible{outline:2px solid var(--purple);outline-offset:3px}.independent-auth-card .error-text{overflow-wrap:anywhere;line-height:1.8}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px;display:flex}.auth-links a{color:var(--purple);align-items:center;display:inline-flex}.auth-legacy-link{border-top:1px solid var(--line);gap:7px;margin-top:16px;padding-top:22px;display:grid}.auth-legacy-link p{color:var(--muted);margin:0;font-size:12px}.auth-legacy-link a{color:var(--purple);align-items:center;font-size:12px;display:inline-flex}.auth-recovery-notice{gap:16px;line-height:1.8;display:grid}.auth-recovery-notice h3{margin:0}.auth-recovery-notice p{margin:0;font-size:13px}.auth-recovery-notice code{background:var(--bg);border:1px solid var(--line);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:9px;padding:15px;font-size:15px;display:block}.auth-migration-confirmation{border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12px;line-height:1.9}.independent-auth-card .outline-button{margin-top:12px}.account-security{gap:20px;min-width:0;margin-block:22px;display:grid}.account-security h3{margin:0}.account-security form{gap:12px;display:grid}.account-security label{text-align:start;gap:7px;font-size:12px;display:grid}.account-security input{min-width:0;max-width:100%}.account-security-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.account-security-list li{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.account-security-list small{color:var(--muted);line-height:1.7;display:block}.account-security-code{border:1px solid var(--line);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:8px;padding:12px;display:block}.account-security .error-text{overflow-wrap:anywhere}.account-security details{border:1px solid var(--line);border-radius:9px;padding:12px}.account-security summary{cursor:pointer;font-weight:600}.account-security details form{margin-top:16px}@media (max-width:760px){.independent-auth{isolation:isolate;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding:24px 16px}.independent-auth-intro{gap:8px}.independent-auth-brand{margin-bottom:15px;font-size:20px}.independent-auth-intro h1{font-size:31px}.independent-auth-intro .eyebrow{font-size:9px}.independent-auth-intro p{margin:6px 0;font-size:13px}.independent-auth-card{border-radius:13px;padding:23px 18px}.auth-links{gap:8px}.account-security-list li{flex-wrap:wrap;align-items:start}.account-security-list button{width:100%}}.independent-auth{isolation:isolate;gap:clamp(30px,6vw,88px);max-width:1200px;padding:44px 36px;position:relative}.independent-auth:before{content:"";z-index:-1;background:radial-gradient(ellipse at 20% 35%,var(--accent-soft),transparent 70%);pointer-events:none;border-radius:40px;position:absolute;inset:6% 0 8%}.independent-auth-brand{color:var(--purple);margin-bottom:18px;font-size:24px}.independent-auth-brand>svg{box-sizing:content-box;background:var(--accent-gradient);color:#fff;border-radius:13px;padding:8px;box-shadow:0 6px 18px #4162ff22}.independent-auth-intro{gap:15px}.independent-auth-intro .eyebrow{color:var(--purple);letter-spacing:1.5px;margin:0;font-size:11px}.independent-auth-intro h1{letter-spacing:-1px;font-size:clamp(37px,4.4vw,57px);line-height:1.28}.independent-auth-intro>p{max-width:410px;margin:0;font-size:14px}.independent-auth-intro>small{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.independent-auth-intro>small:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px}.independent-auth-card{border-color:var(--line);box-shadow:var(--shadow);border-top:4px solid var(--accent);border-radius:24px;padding:32px;position:relative}.independent-auth-card h2{font-size:25px}.independent-auth-card>p{font-size:13px}.independent-auth-card input{background:var(--field);border-radius:11px;min-height:46px;font-size:14px}.independent-auth-card label{color:var(--text);font-weight:550}.independent-auth-card small{font-size:12px;font-weight:400}.independent-auth-card .primary{border-radius:11px;min-height:47px}.independent-auth-card .error-text{border:1px solid var(--danger-border);background:var(--danger-soft);color:var(--danger);border-radius:10px;padding:12px 14px;font-size:13px}.independent-auth-card fieldset:disabled{opacity:.8}.auth-links a:hover,.auth-legacy-link a:hover{text-underline-offset:4px;text-decoration:underline}.auth-recovery-notice>svg{color:var(--purple)}.auth-recovery-notice code{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text)}.auth-migration-confirmation{background:var(--field);border-radius:12px}.auth-learning-artwork{isolation:isolate;aspect-ratio:3/2;background:var(--hero-gradient);border:1px solid var(--accent-border);border-radius:28px;width:min(100%,460px);min-width:0;margin:10px 0 4px;padding:8px 12px 13px;position:relative;box-shadow:0 8px 26px #4162ff0c}.auth-learning-scene{object-fit:cover;border-radius:22px;width:100%;height:100%}.auth-learning-note{border:1px solid var(--line);background:var(--panel);border-radius:11px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 7px 18px #263d7b16}.auth-learning-note-listen{color:var(--blue-ink);top:22px;left:-10px;transform:rotate(-5deg)}.auth-learning-note-read{color:var(--purple);bottom:23px;right:-10px;transform:rotate(4deg)}.auth-learning-bubble{background:var(--accent-gradient);color:#fff;border-radius:13px;align-items:center;gap:7px;padding:10px 14px;font-size:17px;font-weight:700;display:flex;position:absolute;top:-15px;right:25px;box-shadow:0 7px 18px #4162ff22}@media (max-width:760px){.independent-auth{isolation:isolate;gap:25px;padding:24px 20px 36px}.independent-auth:before{border-radius:0;max-width:100%;inset:6% 0 8%}.independent-auth-intro{gap:12px}.independent-auth-brand{margin-bottom:5px;font-size:22px}.independent-auth-intro h1{font-size:34px;line-height:1.3}.independent-auth-intro>p{font-size:13px}.independent-auth-card{border-radius:20px;padding:25px 20px}.auth-learning-artwork{aspect-ratio:auto;width:100%;max-width:460px;height:154px;margin:5px 0;padding:7px}.auth-learning-scene{object-position:center 42%}.auth-learning-note-listen{padding:7px 10px;font-size:11px;top:12px;left:8px}.auth-learning-note-read{padding:7px 10px;font-size:11px;bottom:12px;right:8px}.auth-learning-bubble{padding:7px 10px;font-size:14px;top:-9px;right:17px}.independent-auth-card h2{font-size:23px}}@media (max-width:360px){.independent-auth{isolation:isolate;padding-inline:16px}.auth-learning-artwork{height:132px}.auth-learning-note-listen{top:10px}.auth-learning-note-read{bottom:8px}}.account-security .account-close-confirmation{align-items:flex-start;gap:10px;display:flex}.account-security .account-close-confirmation input{flex:none;width:18px;height:18px;margin-top:2px}