:root{--dio-accent: #4f46e5;--dio-bg: #f6f6f4;--dio-surface: #ffffff;--dio-text: #1f2937;--dio-text-soft: #6b7280;--dio-line: rgba(31, 41, 55, .12);--dio-radius: 14px;--dio-error: #b3261e;--dio-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root[data-theme=dark]{--dio-bg: #131316;--dio-surface: #1e1e23;--dio-text: #f4f4f2;--dio-text-soft: #a1a1aa;--dio-line: rgba(244, 244, 242, .14);--dio-error: #ff8a80}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--dio-font);background:var(--dio-bg);color:var(--dio-text);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased}.center-note{text-align:center;color:var(--dio-text-soft);padding:60px 0;flex:1}.spinner{width:28px;height:28px;margin:0 auto;border:3px solid var(--dio-line);border-top-color:var(--dio-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}.banner{background:color-mix(in srgb,var(--dio-accent) 10%,transparent);color:var(--dio-text);border-radius:10px;padding:10px 14px;font-size:.9rem}.error-text{color:var(--dio-error);font-size:.9rem;margin-top:6px}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--dio-line);background:var(--dio-bg);color:var(--dio-text);font:inherit;font-size:16px}.input:focus{outline:2px solid var(--dio-accent);outline-offset:1px;border-color:transparent}.btn{border:0;border-radius:12px;padding:13px 22px;font:inherit;font-weight:700;cursor:pointer;transition:filter .15s ease,transform .1s ease}.btn.primary{background:var(--dio-accent);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.primary:active:not(:disabled){transform:scale(.99)}.btn:disabled{opacity:.45;cursor:default}.link{border:0;background:transparent;color:var(--dio-accent);cursor:pointer;font:inherit;font-size:.9rem;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-shell{max-width:720px;margin:0 auto;padding:0 16px calc(24px + env(safe-area-inset-bottom));min-height:100vh;display:flex;flex-direction:column}.auth-brand{display:flex;align-items:baseline;gap:7px;padding:22px 0 8px}.auth-brand-logo{width:26px;height:26px;border-radius:7px;object-fit:cover;align-self:center}.auth-brand-mark{font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.auth-brand-sub{font-size:.85rem;font-weight:600;color:var(--dio-accent)}.auth-footer{margin-top:auto;padding-top:40px;font-size:.8rem;color:var(--dio-text-soft);text-align:center}.auth-footer a{color:inherit}.auth-loading-note{margin-top:14px}.auth-panel{background:var(--dio-surface);border:1px solid var(--dio-line);border-radius:var(--dio-radius);padding:44px 32px;margin:8vh auto 0;max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.auth-panel h1{font-size:1.45rem;font-weight:750;letter-spacing:-.02em}.auth-sub{color:var(--dio-text-soft);font-size:.95rem;max-width:40ch}.auth-sub b{color:var(--dio-text)}.auth-fine{font-size:.8rem;color:var(--dio-text-soft);max-width:40ch}.auth-banner{width:100%}.auth-glyph{width:46px;height:46px;color:var(--dio-accent);background:color-mix(in srgb,var(--dio-accent) 10%,transparent);border-radius:14px;padding:10px;box-sizing:content-box}.auth-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px;margin-top:4px}.auth-form .input{width:100%;padding:13px 16px;font-size:1rem;text-align:center}.auth-form .btn{width:100%;padding:13px;font-size:1rem}.auth-password-wrap{position:relative}.auth-password-wrap .input{padding-right:64px}.auth-show{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--dio-text-soft);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;padding:6px 8px}a.auth-continue{text-decoration:none;display:inline-block}.auth-continue{margin-top:4px;padding:13px 28px}@media (max-width: 480px){.auth-panel{padding:34px 20px;margin-top:4vh}}