.auth-page{min-height:100dvh;margin:0;background:var(--jw-surface-base);color:var(--jw-text-primary);font-family:var(--jw-font-ui);display:flex;flex-direction:column}.auth-page [hidden]{display:none!important}.auth-main{box-sizing:border-box;width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.auth-logo{width:220px;max-width:70vw;margin:0 auto 28px;display:block}.auth-card{box-sizing:border-box;width:100%;max-width:400px;background:var(--jw-surface-raised);border:1px solid var(--jw-border-subtle);border-top:3px solid var(--jw-accent);border-radius:var(--jw-radius-lg);box-shadow:var(--jw-shadow-2);padding:28px 24px}.auth-card--wide{max-width:480px}.auth-title{font-size:1.25rem;font-weight:700;color:var(--jw-text-primary);margin:0 0 6px;text-align:center}.auth-hint{font-size:.9rem;color:var(--jw-text-secondary);margin:0 0 18px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form .jw-input{width:100%;box-sizing:border-box;font-size:1rem;min-height:42px}.auth-input-icon{position:relative;display:block}.auth-input-icon>i{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--jw-text-muted);font-size:14px;pointer-events:none}.auth-input-icon>.jw-input{padding-left:36px}.auth-code-input{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}.auth-checkbox{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--jw-text-secondary);cursor:pointer}.auth-checkbox input{accent-color:var(--jw-accent);width:15px;height:15px}.auth-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}.auth-actions .jw-btn{width:100%;justify-content:center;min-height:42px;font-size:.95rem}.auth-link-btn{background:transparent;border:0;color:var(--jw-accent-ink);font-size:.85rem;font-family:inherit;text-decoration:underline;cursor:pointer;padding:4px 8px}.auth-link-btn:hover{color:var(--jw-accent)}.auth-error,.auth-success{font-size:.85rem;text-align:center;margin:10px 0 0;min-height:1em}.auth-error{color:var(--jw-data-lost)}.auth-success{color:var(--jw-data-answered)}.auth-qr{background:#fff;padding:10px;border-radius:var(--jw-radius-md);width:180px;height:180px;margin:0 auto 10px;display:block}.auth-secret{font-family:var(--jw-font-mono);font-size:.85rem;letter-spacing:.12em;color:var(--jw-text-primary);word-break:break-all;text-align:center;margin:0 0 10px}.auth-rules{background:var(--jw-surface-sunken);border-radius:var(--jw-radius-md);padding:12px 14px;margin:0 0 4px}.auth-rules p{font-size:.8rem;font-weight:600;color:var(--jw-text-secondary);margin:0 0 6px}.auth-rules ul{list-style:disc;margin:0;padding-left:18px}.auth-rules li{font-size:.8rem;color:var(--jw-text-muted);padding:1px 0}.jw-btn.is-loading{pointer-events:none;opacity:.65;position:relative}.jw-btn.is-loading::after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;margin-left:8px;display:inline-block;vertical-align:middle;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}