/*
 * Theme: theme-Serenity
 * Author: Serenity
 * Build: 2026-02-08 14:03:56
 * Fingerprint: 2341ef30fad7669f
 * Copyright © 2026 Serenity. All rights reserved.
 * Unauthorized copying or distribution is prohibited.
 */
:root{--color-bg:#111111;--color-text:#f5f5f5;--color-accent:#F596AA;--color-accent-secondary:#FB966E;--color-border:rgba(255,255,255,0.08)}[data-theme="light"]{--color-bg:#ffffff;--color-text:#1a1a1a;--color-accent:#33A6B8;--color-accent-secondary:#A8D8B9;--color-border:rgba(0,0,0,0.08)}html,body{margin:0;padding:0;min-height:100vh}@keyframes pageEnter{from{opacity:0}to{opacity:1}}.sepo-gateway-background{position:fixed;inset:0;z-index:-1;pointer-events:none;animation:pageEnter 0.6s ease-out}.sepo-gateway-background:not(:has(.sepo-gateway-wallpaper)){background-color:var(--color-bg)}.sepo-gateway-wallpaper{position:absolute;inset:0;overflow:hidden}.sepo-gateway-wallpaper-media{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;background-repeat:no-repeat;animation:pageEnter 0.8s ease-out}[data-theme="light"] .sepo-gateway-wallpaper-media{opacity:1}.gateway-wrapper *{box-sizing:border-box}.gateway-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:1em;font-size:16px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;animation:pageEnter 0.5s ease-out 0.2s both}.sepo-gateway-content-container{width:100%;max-width:680px !important;margin:0 auto}.sepo-gateway-main-card{position:relative;z-index:1;padding:2em;background:linear-gradient(135deg,rgba(245,150,170,0.5),rgba(251,150,110,0.5));border:1px solid rgba(255,255,255,0.15);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.12);width:100%}[data-theme="light"] .sepo-gateway-main-card{background:linear-gradient(135deg,rgba(51,166,184,0.5),rgba(168,216,185,0.5));border-color:rgba(255,255,255,0.2)}.halo-form-wrapper{border-radius:12px;padding:2em 2.5em;background:rgba(255,255,255,0.2);position:relative}[data-theme="dark"] .halo-form-wrapper::before{content:"";position:absolute;inset:0;background:rgba(147,51,234,0.15);border-radius:12px;pointer-events:none}[data-theme="light"] .halo-form-wrapper{background:rgba(255,255,255,0.6)}.form-title{all:unset;font-size:1.5em;margin-bottom:1em;font-weight:500;display:block;color:#ffffff}.halo-form .form-item{margin-bottom:1.5em;flex-direction:column;width:100%;display:flex}.halo-form .form-item:last-of-type{margin-bottom:0}.halo-form .form-item-group{gap:1em;margin-bottom:1.5em;align-items:flex-start;display:flex}.halo-form .form-item-group .form-item{margin-bottom:0}.halo-form .form-input{border-radius:8px;border:1px solid var(--color-border);background:rgba(255,255,255,0.05);height:2.5em;padding:0 0.75rem;transition:border-color 0.2s}[data-theme="light"] .halo-form .form-input{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2)}.halo-form .form-input:focus-within{border-color:var(--color-accent);outline:none}.halo-form .form-item input{appearance:none;font-size:1em;box-shadow:none;background:none;width:100%;height:100%;display:block;color:#ffffff}.halo-form .form-item input::placeholder{color:rgba(255,255,255,0.5)}.halo-form .form-item input:focus{outline:none}.halo-form .form-input-stack{align-items:center;gap:0.5em;display:flex}.halo-form .form-input-stack-icon{color:#ffffff;cursor:pointer;align-items:center;display:inline-flex}.halo-form .form-item label{color:#ffffff;font-size:1em;margin-bottom:0.75rem;font-weight:500}.halo-form .form-item .form-label-group{justify-content:space-between;align-items:center;margin-bottom:0.75em;display:flex}.halo-form .form-item .form-label-group label{margin-bottom:0}.halo-form .form-item-extra-link{color:rgba(255,255,255,0.9);font-size:0.875em;text-decoration:none;transition:color 0.2s}.halo-form .form-item-extra-link:hover{color:#ffffff;text-decoration:underline}.halo-form .form-item-compact{gap:0.625em;margin-bottom:1.5em;align-items:center;display:flex}.halo-form .form-item-compact label{color:rgba(255,255,255,0.9);font-size:0.875em}.halo-form button[type="submit"]{background:var(--color-accent);border-radius:8px;color:#fff;cursor:pointer;border:none;height:2.5em;width:100%;font-size:1em;font-weight:500;transition:all 0.2s}.halo-form button[type="submit"]:hover{background:var(--color-accent-secondary);transform:translateY(-1px)}.halo-form button[type="submit"]:active{transform:translateY(0)}.halo-form button[disabled]{cursor:not-allowed !important;opacity:0.6}.halo-form input[type="checkbox"]{border:1px solid rgba(255,255,255,0.2);border-radius:0.125em;appearance:none;vertical-align:middle;user-select:none;background-color:rgba(255,255,255,0.05);flex-shrink:0;width:1em;height:1em;padding:0;display:inline-block}.halo-form input[type="checkbox"]:focus{outline:none}.halo-form input[type="checkbox"]:checked{background-color:var(--color-accent);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}.alert{border-radius:0.25em;margin-bottom:1.25em;padding:0.875em 1.25em;font-size:0.875em;color:var(--color-text);border:1px solid #e5e7eb;position:relative;overflow:hidden}.alert:before{content:"";background:#d1d5db;width:0.25em;height:100%;position:absolute;top:0;left:0}.alert-error{border-color:#fca5a5;background:rgba(252,165,165,0.1)}.alert-error:before{background:#dc2626}.alert-success{border-color:#86efac;background:rgba(134,239,172,0.1)}.alert-success:before{background:#16a34a}.sepo-gateway-back-button{position:fixed;top:24px;left:24px;z-index:100;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);color:#ffffff;text-decoration:none;transition:all 0.3s;border:1px solid rgba(255,255,255,0.2);animation:pageEnter 0.5s ease-out 0.3s both}.sepo-gateway-back-button:hover{background:rgba(255,255,255,0.2);border-color:var(--color-accent);color:#ffffff;transform:translateX(-2px)}.sepo-gateway-header-section{display:flex;align-items:center;gap:16px;margin-bottom:32px}.sepo-gateway-brand-logo{flex-shrink:0}.sepo-gateway-brand-logo img{width:64px;height:64px;border-radius:50%;display:block;border:2px solid rgba(255,255,255,0.3)}.sepo-gateway-brand-text{flex:1;text-align:left}.sepo-gateway-site-title{font-size:24px;font-weight:600;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 4px}.sepo-gateway-site-subtitle{font-size:14px;color:rgba(255,255,255,0.85);margin:0}.sepo-gateway-footer-section{text-align:center;margin-top:24px;font-size:12px;color:rgba(255,255,255,0.85)}.sepo-gateway-footer-section a{color:rgba(255,255,255,0.95);text-decoration:none;transition:color 0.2s}.sepo-gateway-footer-section a:hover{color:#ffffff;text-decoration:underline}.sepo-gateway-footer-outside{text-align:center;margin-top:20px;font-size:12px;color:rgba(255,255,255,0.7)}.sepo-gateway-footer-outside a{color:rgba(255,255,255,0.85);text-decoration:none;transition:color 0.2s}.sepo-gateway-footer-outside a:hover{color:#ffffff;text-decoration:underline}.theme-transitioning,.theme-transitioning *,.theme-transitioning *::before,.theme-transitioning *::after{transition:background-color 0.5s ease,border-color 0.5s ease,color 0.5s ease,fill 0.5s ease,stroke 0.5s ease,box-shadow 0.5s ease !important}::view-transition-old(root),::view-transition-new(root){animation-duration:2500ms;animation-timing-function:cubic-bezier(0.22,1,0.36,1)}::view-transition-old(root){animation:none}::view-transition-new(root){animation-name:curve-sweep-up}[data-theme='dark']::view-transition-new(root){animation-name:curve-sweep-down}[data-theme='dark']::view-transition-old(root){animation:none}::view-transition{pointer-events:auto}@keyframes curve-sweep-up{0%{clip-path:ellipse(0% 0% at 0% 100%)}100%{clip-path:ellipse(200% 200% at 0% 100%)}}@keyframes curve-sweep-down{0%{clip-path:ellipse(0% 0% at 100% 0%)}100%{clip-path:ellipse(200% 200% at 100% 0%)}}@media only screen and (max-width:600px){.gateway-wrapper{padding:1em 0.75em;font-size:14px}.sepo-gateway-content-container{max-width:100%}.sepo-gateway-main-card{padding:1em}.sepo-gateway-header-section{gap:12px;margin-bottom:20px}.sepo-gateway-brand-logo img{width:48px;height:48px}.sepo-gateway-site-title{font-size:18px}.sepo-gateway-site-subtitle{font-size:12px}.halo-form-wrapper{padding:1em}.form-title{font-size:1.25em;margin-bottom:0.75em}.halo-form .form-item{margin-bottom:1em}.halo-form .form-item label{font-size:0.9em;margin-bottom:0.5rem}.halo-form .form-input{height:2.25em}.halo-form button[type="submit"]{height:2.25em;font-size:0.95em}.sepo-gateway-footer-section{margin-top:16px;font-size:11px}.sepo-gateway-back-button{top:12px;left:12px;padding:6px 12px;font-size:13px;gap:6px}.sepo-toast{left:50%;top:auto;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(8px);padding:8px 14px;font-size:12px;border-radius:16px}.sepo-toast::before{left:50%;top:auto;bottom:-5px;transform:translateX(-50%) rotate(45deg);width:10px;height:10px}.sepo-toast.show{transform:translateX(-50%) translateY(0)}.sepo-toast-icon{width:16px;height:16px}.sepo-success-content{padding:1em}.sepo-success-icon{width:40px;height:40px;margin-bottom:12px}.sepo-success-content h2{font-size:1.25em;margin-bottom:8px}.sepo-success-content p{font-size:0.9em;margin-bottom:16px}.sepo-return-button{padding:8px 24px;font-size:0.9em}}@media screen and (min-width:1201px) and (max-width:1600px){.gateway-wrapper{font-size:14px}}::-ms-reveal{display:none}.sepo-toast{position:absolute;bottom:calc(100% + 8px);right:0;z-index:9999;display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%);color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.2);font-size:13px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}.sepo-toast::after{content:'';position:absolute;bottom:-5px;right:20px;transform:rotate(45deg);width:10px;height:10px;background:var(--color-accent-secondary);border-radius:2px}.sepo-toast.show{opacity:1;visibility:visible;transform:translateY(0)}.sepo-toast-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:white}.sepo-toast-icon svg{width:100%;height:100%}.sepo-toast-message{line-height:1.3;color:white;font-weight:500}.sepo-toast.error{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)}.sepo-toast.error::after{background:#ef4444}.sepo-toast.success{background:linear-gradient(135deg,#4ade80 0%,#22c55e 100%)}.sepo-toast.success::after{background:#22c55e}.sepo-toast.info{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-secondary) 100%)}.sepo-toast.info::after{background:var(--color-accent-secondary)}.alert{display:none !important}.sepo-success-content{text-align:center;padding:1.5em}.sepo-success-icon{width:48px;height:48px;margin:0 auto 16px;color:#34d399;stroke-width:2;display:block}.sepo-success-content h2{font-size:1.5em;font-weight:600;color:#ffffff;margin:0 0 12px}.sepo-success-content p{font-size:1em;color:rgba(255,255,255,0.85);margin:0 0 24px;line-height:1.5}.sepo-return-button{display:inline-block;padding:10px 32px;background:var(--color-accent);color:#ffffff;text-decoration:none;border-radius:8px;font-weight:500;font-size:1em;transition:all 0.2s}.sepo-return-button:hover{background:var(--color-accent-secondary);transform:translateY(-1px)}.theme-decor{position:fixed;right:100px;top:70px;bottom:60px;z-index:10;pointer-events:none}.theme-decor img{height:calc(100vh - 140px);width:auto;opacity:0;transition:opacity 0.8s ease}.theme-decor-dark{display:block}.theme-decor-light{display:none}[data-theme="dark"] .theme-decor-dark{opacity:1}[data-theme="light"] .theme-decor-dark{display:none}[data-theme="light"] .theme-decor-light{display:block;opacity:1}@media (max-width:1200px){.theme-decor{display:none}}.hitokoto-container{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);text-align:center;z-index:10;max-width:80%;padding:0 1rem}.hitokoto-text{font-size:2rem;font-weight:700;font-style:italic;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 0.5rem 0;line-height:1.6;text-shadow:none}.hitokoto-author{font-size:1.2rem;color:rgba(255,255,255,0.8);margin:0;font-weight:400}[data-theme="light"] .hitokoto-author{color:rgba(0,0,0,0.6)}@media (max-width:768px){.hitokoto-container{bottom:1rem}.hitokoto-text{font-size:1.3rem}.hitokoto-author{font-size:1rem}}.sepo-signup-container{max-width:720px !important}.sepo-gateway-switch-section{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:14px;color:rgba(255,255,255,0.85)}.sepo-gateway-switch-section span{margin-right:8px}.sepo-gateway-switch-section a{color:var(--color-accent);text-decoration:none;font-weight:500;transition:all 0.2s}.sepo-gateway-switch-section a:hover{color:var(--color-accent-secondary);text-decoration:underline}#signup-form .form-item-group{display:flex;gap:1em}@media (max-width:600px){#signup-form .form-item-group{flex-direction:column;gap:0}#signup-form .form-item-group .form-item{margin-bottom:1.5em}}.form-input-group{display:flex;align-items:stretch;gap:0.75em}.form-input-group .form-input{flex:1}.form-input-group button,#emailCodeSendButton{flex-shrink:0;padding:0 1.25em;min-height:2.5em;background:var(--color-accent);border:none;border-radius:8px;color:#fff;font-size:0.875em;font-weight:500;cursor:pointer;transition:all 0.2s;white-space:nowrap;display:flex;align-items:center;justify-content:center;line-height:1}.form-input-group button:hover,#emailCodeSendButton:hover{background:var(--color-accent-secondary)}.form-input-group button:disabled,#emailCodeSendButton:disabled{opacity:0.6;cursor:not-allowed}.sepo-btn-icon{display:block}@keyframes sepo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.sepo-spin{animation:sepo-spin 1s linear infinite}.sepo-btn-loading{pointer-events:none}.sepo-btn-success{background:#22c55e !important}.password-strength{display:none;align-items:center;gap:8px;margin-top:8px}.strength-bar{flex:1;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:width 0.3s,background-color 0.3s}.strength-fill.weak{background:#ef4444}.strength-fill.medium{background:#f59e0b}.strength-fill.strong{background:#22c55e}.strength-text{font-size:12px;font-weight:500;min-width:20px}.strength-text.weak{color:#ef4444}.strength-text.medium{color:#f59e0b}.strength-text.strong{color:#22c55e}@media (max-width:768px){.sepo-signup-container{max-width:100%}.sepo-gateway-switch-section{margin-top:16px;padding-top:16px;font-size:13px}.form-input-group{flex-direction:column;gap:0.5em}.form-input-group button,#emailCodeSendButton{width:100%;height:2.25em;display:flex;align-items:center;justify-content:center}}