:root{color-scheme:light;--login-bg: #fcf8fa;--login-surface: #fffafb;--login-text: #342b31;--login-muted: #76666f;--login-accent: #97536f;--login-button: #e7bfd0;--login-button-hover: #deb0c5;--login-on-accent: #512c3f;--login-border: #e4d5dd;--login-input-border: #9f8692;--login-hover: #f6eaf0;--login-error: #b63835;--login-error-bg: #fbefed;--login-focus: rgb(151 83 111 / 14%)}:root:is([data-theme=night],[data-theme=fauvism],[data-theme=datang]){color-scheme:dark;--login-bg: #251f24;--login-surface: #2e262d;--login-text: #f6edf2;--login-muted: #c0acb7;--login-accent: #e4b4ca;--login-button: #d9a3bd;--login-button-hover: #ecc5d8;--login-on-accent: #392431;--login-border: #4b3943;--login-input-border: #92798a;--login-hover: #3a2c35;--login-error: #ffb4ab;--login-error-bg: #3e272a;--login-focus: rgb(228 180 202 / 18%)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--login-bg: #251f24;--login-surface: #2e262d;--login-text: #f6edf2;--login-muted: #c0acb7;--login-accent: #e4b4ca;--login-button: #d9a3bd;--login-button-hover: #ecc5d8;--login-on-accent: #392431;--login-border: #4b3943;--login-input-border: #92798a;--login-hover: #3a2c35;--login-error: #ffb4ab;--login-error-bg: #3e272a;--login-focus: rgb(228 180 202 / 18%)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--login-bg);color:var(--login-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button,input,select,a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}:is(a,button,select,input):focus-visible{outline:2px solid var(--login-accent);outline-offset:4px}.login-page{min-height:100dvh;display:flex;flex-direction:column}.login-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px}.login-brand{display:inline-flex;align-items:center;gap:10px;min-height:40px;text-decoration:none;border-radius:8px}.icon-symbol{color:var(--login-accent);font-size:24px;line-height:1}.brand-title{font-size:18px;font-weight:650;letter-spacing:-.025em}#login-language{max-width:140px;min-height:40px;padding:6px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--login-muted);font-size:13px}#login-language:hover{background:var(--login-hover)}#login-language option{color:var(--login-text);background:var(--login-surface)}.login-content{flex:0 0 auto;width:min(100% - 40px,340px);align-self:center;margin-block:auto;padding:24px 0}.brand-tagline{margin:0 0 8px;text-align:center;color:var(--login-accent);font-size:13px;letter-spacing:.08em}.auth-card{position:relative;scroll-margin-top:24px}.auth-card[aria-busy=true]{min-height:460px}.login-loading{text-align:center;color:var(--login-muted)}.auth-head{text-align:center;margin-bottom:16px}.auth-title{margin:0;font-size:28px;line-height:1.3;font-weight:600;letter-spacing:-.04em}.auth-subtitle{margin:6px 0 0;font-size:13px;color:var(--login-muted);line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-field{display:flex;flex-direction:column;gap:6px;min-width:0}.auth-label{font-size:13px;font-weight:550}.auth-field input{width:100%;min-width:0;height:44px;padding:9px 13px;border:1px solid var(--login-input-border);border-radius:12px;background:transparent;color:var(--login-text);font-size:16px;line-height:1.5}.auth-field input::placeholder{color:var(--login-muted);opacity:1}.auth-field input:hover{border-color:var(--login-muted)}.auth-field input:focus{outline:none;border-color:var(--login-accent);box-shadow:0 0 0 3px var(--login-focus)}.auth-field input:autofill{caret-color:var(--login-text)}.auth-code-row{display:flex;gap:10px}.auth-code-row input{flex:1}.auth-send-btn{flex:0 0 auto;padding:10px 13px;border:1px solid var(--login-border);border-radius:12px;background:var(--login-hover);color:var(--login-text);font-size:13px;font-weight:550;white-space:nowrap}.auth-send-btn:hover:not(:disabled){border-color:var(--login-accent)}.auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--login-muted);cursor:pointer}.auth-checkbox input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:var(--login-accent)}.auth-privacy .auth-checkbox{align-items:flex-start;line-height:1.7}.auth-privacy input{margin-top:3px}.auth-link,.auth-footer-link{padding:3px 0;border:0;background:none;color:var(--login-accent);font-size:inherit;text-decoration:none;text-underline-offset:4px}.auth-link{font-size:13px}:is(.auth-link,.auth-footer-link):hover{text-decoration:underline}.auth-status{margin:16px 0 0;padding:10px 13px;border-radius:12px;font-size:13px;overflow-wrap:anywhere}.auth-status:empty{display:none}.auth-status[data-tone=error]{color:var(--login-error);background:var(--login-error-bg)}.auth-status[data-tone=success]{color:var(--login-accent);background:var(--login-hover)}.auth-status[data-tone=info]{color:var(--login-muted);background:var(--login-hover)}.auth-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.auth-submit{width:100%;min-height:44px;margin:0;padding:9px 18px;border:1px solid transparent;border-radius:999px;color:var(--login-on-accent);background:var(--login-button);font-size:15px;font-weight:600}.auth-card[data-mode=login] .auth-submit{display:block;width:min(160px,50%);min-height:40px;flex-shrink:0;padding:8px 24px;font-size:14px;line-height:1.5}.auth-submit:hover:not(:disabled){background:var(--login-button-hover)}.auth-submit:active:not(:disabled){filter:brightness(.95)}.auth-submit[aria-busy=true]:after{content:"";display:inline-block;width:13px;height:13px;margin-inline-start:10px;vertical-align:-2px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}.auth-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;text-align:center;margin-top:10px;font-size:12px;color:var(--login-muted)}.auth-signup{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.auth-footer .auth-link{font-size:inherit;color:var(--login-muted);white-space:nowrap}.auth-divider{display:flex;gap:16px;align-items:center;margin:12px 0;font-size:12px;color:var(--login-muted)}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--login-border)}.auth-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--login-border);border-radius:999px;background:transparent;color:var(--login-text);font-size:13px}.auth-social-btn svg{flex-shrink:0;width:18px;height:18px}.auth-social-btn:hover{background:var(--login-hover);border-color:var(--login-input-border)}.auth-hint{margin:8px 0 0;text-align:center;font-size:12px;color:var(--login-muted)}.auth-back{display:inline-flex;align-items:center;gap:5px;min-height:36px;margin:0 0 10px -8px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:var(--login-muted);font-size:13px}.auth-back:before{content:"←";font-size:17px}.auth-back:hover{background:var(--login-hover);color:var(--login-text)}.login-footer{text-align:center;padding:12px 20px 18px}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:16px;row-gap:6px}.footer-links a{font-size:12px;color:var(--login-muted);text-decoration:none;padding:4px 0;text-underline-offset:4px}.footer-links a:hover{color:var(--login-text);text-decoration:underline}.footer-links .separator{display:none}.footer-copy{margin:12px 0 0;font-size:11px;color:var(--login-muted)}.mastodon-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#1d141b61;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.mastodon-modal{width:min(100%,400px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:28px;border-radius:22px;border:1px solid var(--login-border);background:var(--login-surface);box-shadow:0 24px 80px #00000029}.mastodon-modal-header{display:flex;align-items:center;gap:10px}.mastodon-modal-header svg{color:var(--login-accent);flex-shrink:0}.mastodon-modal-header h3{margin:0;font-size:20px;font-weight:600;line-height:1.4}.mastodon-modal-desc{margin:12px 0 20px;color:var(--login-muted);font-size:14px}.mastodon-modal-error{display:none;color:var(--login-error);background:var(--login-error-bg);padding:10px;border-radius:10px;font-size:13px}.mastodon-modal-input-wrapper{display:flex;align-items:center;border:1px solid var(--login-input-border);border-radius:14px}.mastodon-modal-input-wrapper:focus-within{border-color:var(--login-accent);box-shadow:0 0 0 3px var(--login-focus)}.mastodon-modal-prefix{padding-inline-start:14px;color:var(--login-muted)}.mastodon-modal-input{width:100%;min-width:0;height:50px;padding:12px 14px 12px 0;border:0;background:transparent;color:var(--login-text);font-size:16px}.mastodon-modal-input:focus-visible{outline:none}.mastodon-modal-actions{display:flex;gap:10px;margin-top:24px}.mastodon-modal-actions button{flex:1;min-height:46px;padding:10px;border:1px solid var(--login-border);border-radius:999px;font-size:14px}.mastodon-modal-cancel{color:var(--login-text);background:transparent}.mastodon-modal-cancel:hover{background:var(--login-hover)}.mastodon-modal-confirm{color:var(--login-on-accent);background:var(--login-button);border-color:transparent!important}.mastodon-modal-confirm:hover{background:var(--login-button-hover)}@media(max-width:480px){.login-header{padding:14px 20px;gap:12px}.brand-title{font-size:15px}.login-brand{gap:7px}.icon-symbol{font-size:20px}#login-language{max-width:104px;font-size:12px;padding:6px}.login-content{padding-block:20px}.auth-title{font-size:28px}.auth-head{margin-bottom:16px}.brand-tagline{letter-spacing:.04em}.footer-links{column-gap:14px}.mastodon-modal{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(prefers-reduced-transparency:reduce){.mastodon-modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}