.auth-root{--paper:#f2efe5;--panel:#fff;--line:#dcd5c4;--hair:#e8e3d6;--ink:#16150f;--soft:#514e45;--dim:#646158;--faint:#8e8a80;--accent:#0b6b44;--accent-ink:#08482e;--accent-wash:#dcede3;--warn:#8a6516;--warn-wash:#f7efdc;--bad:#9e3229;background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-ui), system-ui, -apple-system, sans-serif;justify-content:center;align-items:center;padding:32px 16px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:100%;max-width:400px;padding:32px 28px 26px;box-shadow:0 1px 2px #221e120d,0 18px 40px -24px #221e1247}.auth-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.auth-mark{border-radius:9px;width:36px;height:36px}.auth-word{font-family:var(--font-display), Georgia, serif;font-size:24px;line-height:1}.auth-title{font-family:var(--font-display), Georgia, serif;letter-spacing:-.01em;margin:26px 0 6px;font-size:34px;font-weight:400;line-height:1.05}.auth-sub{color:var(--soft);margin:0 0 24px;font-size:15px;line-height:1.5}.auth-btn{width:100%;min-height:48px;font:600 15px/1 var(--font-ui), system-ui, sans-serif;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 18px;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.auth-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-btn-google{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.auth-btn-google:hover{border-color:var(--dim)}.auth-btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.auth-btn-primary:hover{background:var(--accent-ink)}.auth-btn-primary[disabled]{opacity:.6;cursor:default}.auth-btn-quiet{color:var(--soft);border:1px solid var(--line);background:0 0}.auth-or{color:var(--faint);align-items:center;gap:12px;margin:18px 0;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--hair);flex:1;height:1px}.auth-label{color:var(--soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-input{border:1px solid var(--line);background:var(--panel);width:100%;min-height:48px;color:var(--ink);font:16px var(--font-ui), system-ui, sans-serif;border-radius:12px;margin-bottom:10px;padding:0 14px}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.auth-note{color:var(--faint);text-align:center;margin:18px 0 0;font-size:13px;line-height:1.55}.auth-note a{color:var(--soft)}.auth-alert{background:var(--warn-wash);color:var(--warn);border-radius:12px;margin:0 0 20px;padding:12px 14px;font-size:14px;line-height:1.5}.auth-alert strong{margin-bottom:2px;display:block}.auth-sent{text-align:center}.auth-sent-icon{background:var(--accent-wash);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;margin:8px auto 14px;display:grid}.auth-foot{justify-content:center;gap:16px;margin-top:22px;font-size:12px;display:flex}.auth-foot,.auth-foot a{color:var(--faint);text-decoration:none}.auth-foot span a{text-underline-offset:2px;text-decoration:underline}.auth-foot a:hover{color:var(--soft)}.auth-root:has(.auth-pen){--paper:#f2f3f7;--panel:#fff;--line:#d2d2d7;--hair:#e8e8ed;--ink:#1d1d1f;--soft:#424245;--dim:#6e6e73;--faint:#6e6e73;--accent:#06c;--accent-ink:#05a;--accent-wash:#e8f1fc;--warn:#935400;--warn-wash:#fff3df;--bad:#c0281c;-webkit-font-smoothing:antialiased;letter-spacing:-.006em;background-color:#f2f3f7;background-image:radial-gradient(1100px 760px at 6% -8%,#a8c0e857,#0000 62%),radial-gradient(980px 720px at 102% 6%,#d4caf252,#0000 60%),radial-gradient(1000px 760px at 48% 112%,#b6d4ec4d,#0000 62%),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.auth-pen{-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);background:linear-gradient(150deg,#ffffffe6,#ffffffb8);border:1px solid #ffffffe6;border-radius:24px;max-width:420px;padding:36px 32px 28px;box-shadow:inset 0 1px #fff,0 1px 2px #1d1d1f0a,0 12px 24px -10px #1d1d1f1f,0 30px 60px -24px #1d1d1f2e}.auth-pen .auth-word{font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:-.03em;font-size:21px;font-weight:600}.auth-pen .auth-title{font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:-.035em;font-size:32px;font-weight:600;line-height:1.08}.auth-pen .auth-sub{color:var(--soft);font-size:16px}.auth-pen .auth-btn{border-radius:9999px;font-weight:600;transition:background .15s,box-shadow .15s,translate .15s}.auth-pen .auth-btn:focus-visible{outline-offset:3px;outline:2px solid #0071e3}.auth-pen .auth-btn-google,.auth-pen .auth-btn-quiet{color:var(--ink);background:linear-gradient(#fffffffa,#fffc);border:1px solid #1d1d1f1f;box-shadow:inset 0 1px #fff,0 1px 2px #1d1d1f0f,0 3px 8px -3px #1d1d1f1a}.auth-pen .auth-btn-google:hover,.auth-pen .auth-btn-quiet:hover{background:#fff;border-color:#1d1d1f33}.auth-pen .auth-btn-primary{color:#fff;background:linear-gradient(#1b7be3,#06c);border:1px solid #0062c4;box-shadow:inset 0 1px #ffffff52,0 1px 2px #00337a38,0 8px 18px -8px #0066cc8c}.auth-pen .auth-btn-primary:hover{background:linear-gradient(#2385ec,#0071e3)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.auth-pen .auth-btn-primary:hover:not([disabled]){translate:0 -1px}}.auth-pen .auth-input{border-color:var(--line);background:#fffffff2;border-radius:12px}.auth-pen .auth-input:focus{border-color:#0071e3;box-shadow:0 0 0 4px #0071e329}.auth-pen .auth-input:user-invalid{border-color:var(--bad)}.auth-pen .auth-input::placeholder{color:#8e8e93}.auth-pen .auth-label{color:var(--soft)}.auth-pen .auth-alert{border:1px solid #f2d6a4}.auth-pen .auth-note a{color:var(--accent-ink)}.auth-pen .auth-sent-icon{border:1px solid #fffc}.auth-pen .auth-foot,.auth-pen .auth-foot a{color:var(--dim)}.auth-pen .auth-foot a:hover{color:var(--ink)}@media (max-width:420px){.auth-pen{border-radius:20px;padding:28px 20px 22px}}.auth-pen .auth-foot{flex-wrap:wrap;align-items:center;row-gap:0}.auth-pen .auth-foot a{align-items:center;min-height:44px;display:inline-flex}