.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-stage{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:max(22vh,96px) 24px 64px;display:flex;position:relative;overflow:hidden}.login-stage:after{content:"";opacity:.04;z-index:1;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22><filter id=%22n%22><feTurbulence type=%22fractalNoise%22 baseFrequency=%220.9%22 numOctaves=%222%22 stitchTiles=%22stitch%22/><feColorMatrix values=%220 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.5 0%22/></filter><rect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22/></svg>");position:fixed;inset:0}[data-theme=dark] .login-stage:after{opacity:.025}[data-theme=sepia] .login-stage:after{opacity:.06}.login-topbar{z-index:50;pointer-events:none;padding:22px 28px;position:fixed;top:0;right:0}.login-topbar>*{pointer-events:auto}.theme-dots{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;gap:6px;padding:5px;display:inline-flex}.theme-dots button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex;position:relative}.theme-dots button:after{content:"";border:1px solid var(--border-strong);background:var(--dot-color,transparent);width:14px;height:14px;transition:border-color var(--transition);border-radius:50%}.theme-dots button:hover:after{border-color:var(--text-2)}.theme-dots button:focus-visible:after{border-color:var(--accent);outline:2px solid var(--accent-glow);outline-offset:1px}.theme-dots button[aria-pressed=true]:after{border-color:var(--accent);border-width:2px}.theme-dots button[data-theme-set=light]:after{background:#fff}.theme-dots button[data-theme-set=sepia]:after{background:#f4e9d0}.theme-dots button[data-theme-set=dark]:after{background:#0d0e12}.login-frame{z-index:2;width:100%;max-width:360px;position:relative}.brand-block{isolation:isolate;flex-direction:column;align-items:center;gap:14px;margin-bottom:40px;display:flex;position:relative}.brand-block:before{content:"";background:radial-gradient(ellipse at center, var(--accent-glow), transparent 65%);z-index:-1;pointer-events:none;opacity:.4;width:min(560px,70vw);height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .brand-block:before{opacity:.7}[data-theme=sepia] .brand-block:before{opacity:.45;background:radial-gradient(#b4822829,#0000 65%)}.wordmark{align-items:baseline;gap:18px;line-height:1;display:inline-flex}.wordmark .shenlin{font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.045em;color:var(--text);font-size:56px;font-style:italic;font-weight:800}.wordmark .ysw{font-family:"Permanent Marker", var(--font-sans), cursive, sans-serif;letter-spacing:.03em;transform-origin:0 100%;color:#f97316;font-size:35px;font-weight:400;line-height:1;transform:translateY(-1px)skew(-6deg)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.wordmark .ysw{-webkit-text-fill-color:transparent;background-image:linear-gradient(110deg,#facc15 0%,#f97316 25%,#ea580c 50%,#f97316 75%,#facc15 100%);background-position:0%;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:12s ease-in-out infinite ysw-aurora}}@keyframes ysw-aurora{0%,to{background-position:0%}50%{background-position:100%}}.brand-tagline{color:var(--text-2);letter-spacing:.02em;text-align:center;font-size:14px;font-weight:400}.brand-tagline .dot{color:var(--text-3);margin:0 10px;display:inline-block;transform:translateY(-1px)}.login-field{border-bottom:1px solid var(--border-strong);transition:border-color var(--transition);padding:20px 0 8px;position:relative}.login-field:hover:not(:focus-within){border-bottom-color:var(--text-3)}.login-field:focus-within{border-bottom-color:var(--accent)}.login-field label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;transition:color var(--transition);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.login-field:focus-within label{color:var(--accent)}.login-field input{width:100%;color:var(--text);appearance:none;-webkit-tap-highlight-color:transparent;caret-color:var(--accent);background:0 0;border:0;padding:0;font-family:inherit;font-size:15px;line-height:1.4;box-shadow:none!important;outline:none!important}.login-field input:focus,.login-field input:focus-visible{box-shadow:none!important;outline:none!important}.login-field input::placeholder{color:var(--text-3);opacity:1;font-weight:400}.login-field input:disabled{opacity:.5;cursor:not-allowed}.login-field input:-webkit-autofill{caret-color:var(--accent);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important}.login-field input:-webkit-autofill:hover{caret-color:var(--accent);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important}.login-field input:-webkit-autofill:focus{caret-color:var(--accent);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important}.login-field input:-webkit-autofill:active{caret-color:var(--accent);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--bg) inset!important}.login-error{background:var(--red-bg);border:1px solid color-mix(in srgb, var(--red) 30%, transparent);color:var(--red);border-radius:var(--radius);align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:12.5px;line-height:1.4;animation:.36s cubic-bezier(.36,.07,.19,.97) login-shake;display:flex}.login-error svg{flex-shrink:0}@keyframes login-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.login-submit{background:var(--accent);color:#fff;border-radius:var(--radius);letter-spacing:-.005em;cursor:pointer;width:100%;height:48px;transition:background var(--transition), box-shadow var(--transition), opacity var(--transition);border:0;justify-content:center;align-items:center;gap:10px;margin-top:40px;font-size:15px;font-weight:500;display:inline-flex}.login-submit:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, white);box-shadow:0 8px 24px var(--accent-glow)}.login-submit:hover:not(:disabled) svg.arrow{transform:translate(3px)}.login-submit:active:not(:disabled){background:color-mix(in srgb, var(--accent) 78%, black)}.login-submit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit svg.arrow{transition:transform .2s cubic-bezier(.4,0,.2,1)}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.72s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.page-footer{color:var(--text-3);letter-spacing:.02em;text-align:center;z-index:2;margin-top:auto;padding-top:80px;font-size:12px;position:relative}.page-footer .sep{color:color-mix(in srgb, var(--text-3) 50%, transparent);margin:0 8px}@media (prefers-reduced-motion:reduce){.wordmark .ysw,.login-error{animation:none}.login-submit svg.arrow{transition:none!important}}@media (max-width:540px){.login-stage{padding:max(18vh,72px) 16px 48px}.login-topbar{padding:16px 18px}.login-frame{max-width:100%}.wordmark .shenlin{font-size:40px}.wordmark .ysw{font-size:26px}.brand-tagline{font-size:13px}}
