:root,:root[data-theme=dark]{color-scheme:dark;--bg: #11151b;--bg-soft: #0b0e13;--surface: #181e26;--surface-strong: #202731;--surface-hover: #27313d;--text: #d7dfd9;--text-soft: #aab5ad;--text-muted: #7f8b82;--line: rgba(215, 226, 218, .09);--line-strong: rgba(215, 226, 218, .16);--accent: #69c99a;--accent-strong: #86d7b0;--accent-soft: rgba(105, 201, 154, .14);--action-bg: #26724f;--action-bg-hover: #205f43;--action-fill: linear-gradient(135deg, #2a7854 0%, #226c4b 100%);--action-fill-hover: linear-gradient(135deg, #2e7656 0%, #287551 100%);--action-text: #e2efe8;--action-border: #4dac80;--action-shadow: none;--control-bg: #202731;--control-bg-hover: #27313d;--control-border: rgba(201, 217, 205, .18);--overlay-bg: #202731;--tooltip-bg: #27313d;--focus-ring: rgba(105, 201, 154, .25);--disabled-bg: #181e26;--disabled-text: #626d65;--success: #69c99a;--success-soft: rgba(105, 201, 154, .14);--danger: #df7771;--danger-soft: rgba(223, 119, 113, .14);--warning: #d2a655;--warning-soft: rgba(210, 166, 85, .14);--info: #72b7c2;--info-soft: rgba(114, 183, 194, .14);--logo-well: #283029;--logo-well-border: rgba(215, 226, 218, .17);--logo-well-shadow: rgba(0, 0, 0, .26);--brand-logo-filter: brightness(1.12) saturate(1.45) contrast(1.08) drop-shadow(0 2px 5px rgba(92, 226, 157, .2));--avatar-bg: #385744;--switch-track: #3b443e;--switch-active: #3f9169;--chart-grid: rgba(194, 209, 198, .1);--chart-accent-edge: #9ac5ad;--chart-accent-deep: #476f59;--chart-secondary: #739b99;--chart-secondary-edge: #91b4b1;--chart-secondary-deep: #496c6b;--chart-tertiary: #7f8d9d;--chart-tertiary-edge: #9ca7b2;--chart-tertiary-deep: #596570;--nav-gradient-start: #1b2821;--nav-gradient-end: #294536;--nav-gradient-hover-start: #23372c;--nav-gradient-hover-end: #355c47;--nav-gradient-active-start: #294435;--nav-gradient-active-end: #3f6b52;--nav-gradient-text: #d6e0d9;--shadow: 0 22px 70px rgba(0, 0, 0, .22)}:root[data-theme=light]{color-scheme:light;--bg: #f4f4ed;--bg-soft: #eeefe7;--surface: #fbfbf6;--surface-strong: #ffffff;--surface-hover: #edf6ef;--text: #17221d;--text-soft: #5f6e66;--text-muted: #89948e;--line: rgba(40, 75, 57, .12);--line-strong: rgba(40, 75, 57, .21);--accent: #2f9f68;--accent-strong: #267f55;--accent-soft: rgba(47, 159, 104, .11);--action-bg: #e7efe9;--action-bg-hover: #dceae1;--action-fill: var(--action-bg);--action-fill-hover: var(--action-bg-hover);--action-text: #1f6947;--action-border: rgba(47, 159, 104, .32);--action-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);--control-bg: #ffffff;--control-bg-hover: #edf6ef;--control-border: rgba(40, 75, 57, .21);--overlay-bg: #ffffff;--tooltip-bg: #ffffff;--focus-ring: rgba(47, 159, 104, .18);--disabled-bg: #f0f1eb;--disabled-text: #9ca69f;--success: #2f9f68;--success-soft: rgba(47, 159, 104, .11);--logo-well: #e1e6e3;--logo-well-border: rgba(36, 52, 44, .18);--logo-well-shadow: rgba(36, 52, 44, .12);--brand-logo-filter: brightness(.7) saturate(2.35) contrast(1.2) drop-shadow(0 2px 3px rgba(20, 93, 58, .18));--nav-gradient-start: #dce8df;--nav-gradient-end: #a9ceb8;--nav-gradient-hover-start: #cbe0d2;--nav-gradient-hover-end: #74b994;--nav-gradient-active-start: #bcd8c6;--nav-gradient-active-end: #5da77f;--nav-gradient-text: #183c2c;--danger: #c5524d;--danger-soft: rgba(197, 82, 77, .1);--warning: #b37642;--warning-soft: rgba(179, 118, 66, .1);--info: #26759a;--info-soft: rgba(38, 117, 154, .1);--avatar-bg: #b8d9c5;--switch-track: #cad2cd;--switch-active: #5da77f;--chart-grid: rgba(40, 75, 57, .1);--chart-accent-edge: #4fbd82;--chart-accent-deep: #1f744b;--chart-secondary: #3f9992;--chart-secondary-edge: #58ada5;--chart-secondary-deep: #286f70;--chart-tertiary: #708396;--chart-tertiary-edge: #8999aa;--chart-tertiary-deep: #526174;--shadow: 0 22px 70px rgba(43, 65, 54, .11)}:root{--sidebar-width: 196px;--header-height: 76px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scrollbar-gutter:stable;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh;min-height:100dvh}::selection{background:var(--accent);color:var(--bg-soft)}:root[data-theme=dark] :where(.ant-select-selector,.ant-input,.ant-input-affix-wrapper,.ant-picker){color:var(--text)!important;border-color:var(--control-border)!important;background:var(--control-bg)!important;box-shadow:none!important}:root[data-theme=dark] :where(.ant-select-selector,.ant-input,.ant-input-affix-wrapper,.ant-picker):hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--control-border))!important;background:var(--control-bg-hover)!important}:root[data-theme=dark] :where(.ant-select-focused .ant-select-selector,.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-picker-focused){border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--focus-ring)!important}:root[data-theme=dark] :where(.ant-select-dropdown,.ant-dropdown-menu,.ant-popover-inner,.ant-modal-content,.ant-drawer-content){color:var(--text);border-color:var(--line-strong);background:var(--overlay-bg)}:root[data-theme=dark] :where(.ant-select-item-option-active:not(.ant-select-item-option-disabled),.ant-dropdown-menu-item:hover){background:var(--surface-hover)!important}:root[data-theme=dark] .ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:var(--text)!important;background:var(--accent-soft)!important}:root[data-theme=dark] :where(.ant-tooltip-inner,.ant-tooltip-container){color:var(--text)!important;background:var(--tooltip-bg)!important}:root[data-theme=dark] .ant-tooltip-arrow:before{background:var(--tooltip-bg)!important}:root[data-theme=dark] :where(.ant-btn-default,.ant-pagination-item,.ant-pagination-prev button,.ant-pagination-next button){color:var(--text-soft);border-color:var(--control-border);background:var(--control-bg)}:root[data-theme=dark] :where(.ant-btn-default,.ant-pagination-item,.ant-pagination-prev button,.ant-pagination-next button):hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--accent) 42%,var(--control-border));background:var(--control-bg-hover)}:root[data-theme=dark] :where(.ant-btn-primary,.ant-pagination-item-active){color:var(--action-text)!important;border-color:var(--action-border)!important;background:var(--action-fill)!important;box-shadow:none!important}:root[data-theme=dark] :where(.ant-btn-primary,.ant-pagination-item-active):hover:not(:disabled){color:var(--action-text)!important;background:var(--action-fill-hover)!important}:root[data-theme=dark] .ant-switch{background:var(--switch-track)}:root[data-theme=dark] .ant-switch.ant-switch-checked{background:var(--switch-active)}:root[data-theme=dark] :where(.ant-btn,.ant-select-disabled .ant-select-selector,.ant-pagination-disabled button):disabled{color:var(--disabled-text)!important;border-color:var(--line)!important;background:var(--disabled-bg)!important}.theme-toggle{display:block;flex:0 0 auto;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-toggle__checkbox{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.theme-toggle__track{position:relative;width:74px;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;overflow:hidden;border:1px solid rgba(159,194,175,.22);border-radius:999px;color:#80958a;background:#12231c;box-shadow:inset 0 1px 2px #ffffff0f,0 7px 20px #0000001f;transition:background .42s cubic-bezier(.16,1,.3,1),border-color .42s ease,box-shadow .42s ease}.theme-toggle__sun,.theme-toggle__moon{z-index:1;font-size:14px;transition:color .32s ease,opacity .32s ease,transform .42s cubic-bezier(.16,1,.3,1)}.theme-toggle__sun{color:#f0b94a;opacity:.55}.theme-toggle__moon{color:#d9e4df;opacity:1}.theme-toggle__thumb{position:absolute;z-index:2;left:4px;top:4px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#a06e12;background:#f8f3df;box-shadow:0 3px 10px #00000038;transform:translate(38px);transition:transform .46s cubic-bezier(.16,1.15,.3,1),color .32s ease,background .32s ease,box-shadow .32s ease}.theme-toggle__checkbox:not(:checked)+.theme-toggle__track{border-color:#3066492b;color:#63776d;background:#e6efe7;box-shadow:inset 0 1px 2px #fffc,0 7px 20px #23573b1a}.theme-toggle__checkbox:not(:checked)+.theme-toggle__track .theme-toggle__sun{opacity:1;transform:rotate(18deg)}.theme-toggle__checkbox:not(:checked)+.theme-toggle__track .theme-toggle__moon{opacity:.42}.theme-toggle__checkbox:not(:checked)+.theme-toggle__track .theme-toggle__thumb{color:#f3a927;background:#fffdf3;transform:translate(0);box-shadow:0 3px 10px #355e4729}.theme-toggle:hover .theme-toggle__thumb{box-shadow:0 4px 14px #2f9f6842}.theme-toggle:active .theme-toggle__thumb{width:31px}.theme-toggle__checkbox:focus-visible+.theme-toggle__track{outline:3px solid rgba(47,159,104,.3);outline-offset:3px}.app-loading{min-height:100vh;min-height:100dvh;display:grid;place-items:center;color:var(--accent);background:var(--bg)}.route-loading{min-height:calc(100dvh - var(--header-height));display:grid;place-items:center;color:var(--accent);background:var(--bg)}@media(max-width:960px){html{scrollbar-gutter:auto}body{overscroll-behavior-x:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);background:var(--bg);color:var(--text)}.app-sidebar{position:sticky;top:0;height:100vh;height:100dvh;padding:28px 13px 24px;border-right:1px solid var(--line);background:var(--bg-soft);display:flex;flex-direction:column;z-index:20}.app-brand{height:54px;padding:0 16px;display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.02em}.app-brand>img{width:30px;height:28px;object-fit:contain;flex:0 0 auto;filter:var(--brand-logo-filter)}.app-nav{margin-top:28px;display:grid;gap:8px}.app-nav a{height:50px;padding:0 17px;border-radius:999px;display:flex;align-items:center;gap:14px;color:var(--text-soft);font-size:15px;transition:color .2s ease,background .2s ease,transform .2s ease}.app-nav a .anticon{font-size:18px}.app-nav a:hover{color:var(--text);background:var(--surface-hover);transform:translate(2px)}.app-nav a.active{color:var(--accent);background:var(--accent-soft)}@media(min-width:961px){.app-nav{gap:9px}.app-nav a{height:46px;padding-inline:21px;border:0;border-radius:999px;clip-path:none;overflow:hidden;color:var(--nav-gradient-text);background:linear-gradient(90deg,var(--nav-gradient-start),var(--nav-gradient-end));font-size:.78rem;font-style:normal;font-weight:400;letter-spacing:.045em;text-transform:uppercase;transition:color .2s .1s,background .2s .1s,padding .2s .1s,opacity .1s,transform .2s .1s}.app-nav a:hover{padding-inline:25px 17px;color:var(--nav-gradient-text);background:linear-gradient(90deg,var(--nav-gradient-hover-start),var(--nav-gradient-hover-end));font-weight:600;text-decoration:underline;text-underline-offset:4px;transform:translate(2px)}.app-nav a:active{opacity:.5;transition:none}.app-nav a.active{color:var(--nav-gradient-text);background:linear-gradient(90deg,var(--nav-gradient-active-start),var(--nav-gradient-active-end));font-weight:600}}.app-sidebar__status{margin-top:auto;padding:18px 14px;border:1px solid var(--line);border-radius:16px;background:var(--bg-soft);display:flex;align-items:flex-start;gap:10px}.app-sidebar__status .status-dot{margin-top:5px}.app-sidebar__status div{min-width:0;display:grid;gap:4px}.app-sidebar__status strong{font-size:13px}.app-sidebar__status small{color:var(--text-muted);font-size:11px;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.app-stage{min-width:0;min-height:100vh;min-height:100dvh}.app-header{position:sticky;top:0;z-index:40;min-height:var(--header-height);padding:0 clamp(22px,3vw,48px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header__title{display:flex;align-items:center;gap:14px;min-width:max-content}.app-header__brand{display:none}.app-header__title time{display:flex;align-items:center;gap:7px;color:var(--text-soft);font-size:13px;white-space:nowrap}.app-header__title time i{color:var(--text-muted);font-style:normal}.app-header__title time strong{color:var(--text);font-size:14px;font-weight:560;font-variant-numeric:tabular-nums}.header-date-short{display:none}.app-header__tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:14px}.icon-button{width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--text-soft);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.icon-button:hover{color:var(--accent-strong);border-color:var(--action-border);background:var(--accent-soft);box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-1px)}.icon-button:active{box-shadow:none;transform:translateY(0)}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notification-button{position:relative}.notification-button i{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.user-menu{position:relative;min-width:0}.user-menu__trigger{min-width:172px;height:48px;padding:4px 8px 4px 5px;border:0;border-radius:14px;display:flex;align-items:center;gap:10px;color:var(--text);background:transparent;cursor:pointer;text-align:left;transition:background .2s ease}.user-menu__trigger:hover,.user-menu__trigger[aria-expanded=true]{background:var(--surface-hover)}.user-menu__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.user-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:var(--action-text);background:var(--avatar-bg)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-menu__identity{min-width:0;flex:1;display:grid;gap:2px}.user-menu__identity strong,.user-menu__identity small{max-width:104px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-menu__identity small{color:var(--text-muted);font-size:11px}.user-menu__chevron{flex:0 0 auto;color:var(--text-muted);font-size:10px;transition:transform .2s ease}.user-menu__chevron.is-open{transform:rotate(180deg)}.account-popover{position:absolute;z-index:60;top:calc(100% + 12px);right:0;width:min(306px,calc(100vw - 28px));padding:10px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface-strong);box-shadow:var(--shadow);animation:account-popover-in .16s ease-out}.account-popover__profile{padding:8px 8px 14px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;column-gap:11px}.user-avatar--large{width:46px;height:46px;grid-row:span 2}.account-popover__profile>div{min-width:0;display:grid;gap:2px}.account-popover__profile strong,.account-popover__profile small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-popover__profile small{color:var(--text-muted);font-size:12px}.account-popover__points{grid-column:2;width:max-content;margin-top:7px;padding:4px 8px;border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-variant-numeric:tabular-nums}.account-popover__items{padding-top:7px;border-top:1px solid var(--line);display:grid;gap:3px}.account-popover__items button{width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:12px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;color:var(--text);background:transparent;cursor:pointer;text-align:left;transition:color .18s ease,background .18s ease,transform .18s ease}.account-popover__items button:hover,.account-popover__items button:focus-visible{color:var(--accent);background:var(--accent-soft);outline:0;transform:translate(2px)}.account-popover__items button>.anticon{font-size:17px}.account-popover__items button>span{min-width:0;display:grid;gap:2px}.account-popover__items button strong{font-size:13px;font-weight:600}.account-popover__items button small{color:var(--text-muted);font-size:11px}.account-popover__items .account-popover__switch{margin-top:4px;border-top:1px solid var(--line);border-radius:0}.account-popover__items .account-popover__logout{border-radius:0 0 12px 12px;color:var(--danger)}@keyframes account-popover-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.app-workspace{min-width:0;min-height:calc(100vh - var(--header-height))}@media(max-width:1180px){.user-menu__identity{display:none}.user-menu__trigger{min-width:auto}}@media(max-width:960px){:root{--header-height: 60px;--mobile-nav-height: 66px}.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;inset:auto 0 0;width:100%;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));padding:5px max(8px,env(safe-area-inset-right,0px)) max(5px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));border-top:1px solid var(--line-strong);border-right:0;background:color-mix(in srgb,var(--bg-soft) 96%,transparent);box-shadow:0 -12px 34px color-mix(in srgb,var(--bg) 74%,transparent);z-index:50}.app-brand,.app-sidebar__status{display:none}.app-nav{height:56px;margin:0;padding:0 2px;display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.app-nav::-webkit-scrollbar{display:none}.app-nav a{width:clamp(70px,21vw,88px);min-width:clamp(70px,21vw,88px);height:54px;padding:5px 7px 4px;border-radius:11px;flex-direction:column;justify-content:center;gap:4px;scroll-snap-align:center;color:var(--text-muted);font-size:10px;line-height:1;touch-action:manipulation}.app-nav a .anticon{font-size:18px}.app-nav a:hover{transform:none}.app-nav a.active{color:var(--accent);background:var(--accent-soft)}.app-stage{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}.app-header{position:sticky;top:0;z-index:40;min-height:var(--header-height);padding:0 max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));gap:10px;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header__title{min-width:0}.app-header__brand{width:29px;height:27px;object-fit:contain;flex:0 0 29px;display:block;filter:var(--brand-logo-filter)}.app-header__title time{gap:5px;font-size:12px}.header-date-long{display:none}.header-date-short{display:inline}.notification-button{display:none}.user-menu__trigger{height:44px;padding:2px}.user-menu__chevron{display:none}.app-header__tools .theme-toggle{width:auto}.app-workspace{min-height:calc(100dvh - var(--header-height) - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px))}}@media(max-width:390px){.app-header{padding-inline:max(10px,env(safe-area-inset-left,0px)) max(10px,env(safe-area-inset-right,0px))}.app-header__title time i,.header-date-short{display:none}.app-header__tools{gap:8px}.app-header__tools .theme-toggle{width:auto}.user-avatar{width:38px;height:38px;flex-basis:38px}}@media(prefers-reduced-motion:reduce){.icon-button{transition:none}.account-popover{animation:none}.user-menu__chevron,.account-popover__items button{transition:none}}.auth-page{--mint: #69c99a;--ink: #d7dfd9;--muted: #93a099;--auth-line: rgba(190, 220, 203, .14);--paper: #0b1511;--field: rgba(16, 31, 25, .82);--danger-auth: #df7771;min-width:320px;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;color:var(--ink);background:var(--paper);font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=light] .auth-page{--mint: #2f9f68;--ink: #14231c;--muted: #6b7a72;--auth-line: rgba(34, 74, 54, .15);--paper: #fafbf6;--field: rgba(255, 255, 251, .78);--danger-auth: #bd514b}.auth-page button,.auth-page input{font:inherit}.auth-page button,.auth-page a{-webkit-tap-highlight-color:transparent}.auth-page button:focus-visible,.auth-page a:focus-visible,.auth-page input:focus-visible{outline:3px solid rgba(47,159,104,.28);outline-offset:3px}.character-panel{position:relative;min-height:720px;padding:34px clamp(40px,4vw,78px) 32px;overflow:hidden;border-right:1px solid rgba(157,204,179,.1);background:radial-gradient(circle at 84% 24%,rgba(64,173,119,.2),transparent 29%),linear-gradient(145deg,#12251c,#17271f 56%,#0e1d17)}.character-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(150,205,175,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(150,205,175,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}:root[data-theme=light] .character-panel{border-color:#244e391a;background:radial-gradient(circle at 84% 24%,rgba(110,223,169,.27),transparent 29%),linear-gradient(145deg,#e4eee4,#f1f3e8 56%,#dce9df)}:root[data-theme=light] .character-panel:before{opacity:.38;background-image:linear-gradient(rgba(40,88,64,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(40,88,64,.055) 1px,transparent 1px)}.brand-row{position:relative;z-index:8;display:flex;align-items:center;margin-top:18px}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none}.brand-mark{width:60px;height:46px;flex:0 0 auto;object-fit:contain;filter:var(--brand-logo-filter)}.brand strong{font-size:26px;letter-spacing:-.03em}:root[data-theme=light] .brand{color:#14231c}.characters{--pointer-look-x: 0px;--pointer-look-y: 0px;position:absolute;z-index:4;top:50%;left:clamp(28px,4vw,72px);right:clamp(28px,4vw,72px);height:clamp(310px,42vh,430px);perspective:1000px;transform:translateY(-50%);transform-origin:50% 50%}.stage-floor{position:absolute;z-index:0;left:2%;right:0;bottom:24px;height:78px;border-radius:50%;background:radial-gradient(ellipse,rgba(38,80,59,.22),transparent 70%);transform:rotateX(68deg);filter:blur(2px)}.character{--body-tilt: 0deg;--body-x: 0px;--body-y: 0px;--pointer-body-y: 0px;--pointer-body-tilt: 0deg;--pointer-shape-skew: 0deg;--pointer-shape-turn: 0deg;--shape-rotate: 0deg;--shape-skew-x: 0deg;--shape-skew-y: 0deg;--shape-scale-x: 1;--shape-scale-y: 1;--shape-turn: 0deg;--face-x: 0px;--face-y: 0px;--face-rotate: 0deg;position:absolute;z-index:2;bottom:58px;margin-left:calc(27.5% - 122px);transform:translate3d(var(--body-x),calc(var(--body-y) + var(--pointer-body-y)),0) rotate(calc(var(--body-tilt) + var(--pointer-body-tilt)));transform-origin:50% 100%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .35s ease}.character:after{content:"";position:absolute;z-index:-1;left:11%;right:11%;bottom:3px;height:26px;border-radius:50%;background:#1e372b3b;filter:blur(11px);transition:transform .45s ease,opacity .45s ease}.bitcoin{left:10%;bottom:40px;width:250px;height:260px;z-index:4}.ethereum{left:21%;bottom:52px;width:252px;height:340px;z-index:1;--shape-turn: -6deg}.tether{left:35%;bottom:32px;width:244px;height:286px;z-index:3}.symbol-body,.crystal{position:absolute;inset:0 auto auto 50%;width:100%;height:100%;transform:translate(-50%) rotateY(calc(var(--shape-turn) + var(--pointer-shape-turn))) rotate(var(--shape-rotate)) skew(var(--shape-skew-x)) skewY(calc(var(--shape-skew-y) + var(--pointer-shape-skew))) scale(var(--shape-scale-x),var(--shape-scale-y));transform-origin:50% 88%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.16,1,.3,1),filter .4s ease;will-change:transform}.symbol-body>span:not(.tether-crossbar){position:absolute;inset:0;display:grid;place-items:center;font-family:Arial Black,Segoe UI Symbol,sans-serif;font-weight:950;line-height:1;-webkit-user-select:none;user-select:none}.bitcoin-symbol>span{font-size:225px}.bitcoin-symbol .symbol-depth{color:#9b4d03;transform:translate3d(16px,18px,-24px);text-shadow:4px 5px 0 #713800,8px 9px 18px rgba(103,54,0,.25)}.bitcoin-symbol .symbol-edge{color:#d97807;transform:translate3d(8px,9px,-10px)}.bitcoin-symbol .symbol-front{color:#f59d19;background:linear-gradient(120deg,#ffd471 5%,#f9a31c 48%,#d66f06 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,226,148,.5);filter:drop-shadow(0 2px 0 rgba(255,239,198,.75))}.tether-symbol>span:not(.tether-crossbar){font-size:235px}.tether-symbol .symbol-depth{color:#096651;transform:translate3d(17px,19px,-24px);text-shadow:4px 5px 0 #064c3d,9px 10px 18px rgba(4,72,55,.25)}.tether-symbol .symbol-edge{color:#16866c;transform:translate3d(8px,9px,-10px)}.tether-symbol .symbol-front{color:#2cb692;background:linear-gradient(118deg,#86ead0 4%,#2db997 49%,#12846c 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(213,255,244,.42);filter:drop-shadow(0 2px 0 rgba(221,255,247,.65))}.tether-crossbar{position:absolute;z-index:2;left:29px;top:78px;width:174px;height:18px;border-radius:50%;border:7px solid #3ac4a0;border-top-color:#86e3ca;transform:rotateX(62deg) translateZ(4px);box-shadow:7px 8px #086752a6}.crystal{top:2px;width:218px;height:286px;filter:drop-shadow(18px 24px 21px rgba(48,63,124,.25))}.crystal-depth{position:absolute;inset:15px -14px -17px 17px;clip-path:polygon(50% 0,94% 60%,50% 100%,6% 60%);background:#303d83;transform:translateZ(-28px);opacity:.88}.facet{position:absolute;inset:0;transition:filter .4s ease,transform .5s ease}.facet-a{clip-path:polygon(50% 0,50% 52%,6% 60%);background:linear-gradient(136deg,#d9e4ff,#9cb3ef 44%,#6d82d0)}.facet-b{clip-path:polygon(50% 0,94% 60%,50% 52%);background:linear-gradient(214deg,#968de0,#6675c7 52%,#4658aa)}.facet-c{clip-path:polygon(6% 60%,50% 52%,50% 100%);background:linear-gradient(140deg,#9bb6f5,#5e78c8 58%,#475da9)}.facet-d{clip-path:polygon(50% 52%,94% 60%,50% 100%);background:linear-gradient(218deg,#6478ca,#3e4f9a 70%)}.facet-glint{position:absolute;z-index:2;left:26%;top:14%;width:4px;height:42%;border-radius:99px;background:linear-gradient(transparent,rgba(255,255,255,.85),transparent);transform:rotate(24deg);opacity:.72}.crystal-line{position:absolute;z-index:2;left:7%;right:7%;top:59.5%;height:1px;background:#ebf1ffa6;box-shadow:0 2px #2c3c7d59}.face{position:absolute;z-index:4;left:50%;width:76px;height:48px;transform:translate(calc(-50% + var(--pointer-look-x) + var(--face-x)),calc(var(--pointer-look-y) + var(--face-y))) rotate(var(--face-rotate));transform-origin:50% 70%;transition:transform .46s cubic-bezier(.16,1,.3,1)}.bitcoin-face{top:92px;width:100px;margin-left:-8px}.bitcoin-face .eye:first-child{left:7px}.bitcoin-face .eye:nth-child(2){right:7px}.crystal-face{top:104px}.tether-face{top:93px;margin-left:-6px}.tether-mouth{position:absolute;left:50%;bottom:1px;width:28px;height:3px;border-radius:99px;background:#075f4c;transform:translate(-50%)}.eye{position:absolute;top:0;width:21px;height:25px;overflow:hidden;border-radius:50%;background:#fffff8f0;box-shadow:0 2px 4px #0000001f;transition:height .12s ease,transform .35s ease,opacity .2s ease}.eye:first-child{left:8px}.eye:nth-child(2){right:8px}.pupil{position:absolute;left:7px;top:8px;width:8px;height:10px;border-radius:50%;background:#17201c;transform:translate(var(--pointer-look-x),var(--pointer-look-y));transition:transform .08s linear}.characters[data-state=email-meet] .bitcoin{--body-tilt: 2deg;--body-x: 9px;--body-y: -2px;--shape-rotate: 7deg;--shape-skew-y: -4deg;--shape-scale-x: .96;--shape-scale-y: 1.05;--face-x: 6px;--face-rotate: 5deg}.characters[data-state=email-meet] .ethereum{--body-tilt: -2deg;--body-x: -1px;--body-y: -5px;--shape-rotate: -5deg;--shape-skew-y: 3deg;--shape-scale-x: .98;--shape-scale-y: 1.04;--shape-turn: -13deg;--face-x: -8px;--face-rotate: -6deg}.characters[data-state=email-meet] .tether{--body-tilt: -2deg;--body-x: -6px;--body-y: -1px;--shape-rotate: -4deg;--shape-skew-x: 9deg;--shape-scale-x: .97;--shape-scale-y: 1.02;--shape-turn: -10deg;--face-x: -9px;--face-rotate: -6deg}.characters[data-state=email-meet] .eye{transform:scale(1.16)}.characters[data-state=email] .bitcoin{--body-tilt: 2deg;--body-x: 7px;--body-y: -3px;--shape-rotate: 8deg;--shape-skew-y: -5deg;--shape-scale-x: .94;--shape-scale-y: 1.09;--shape-turn: 8deg;--face-x: 7px;--face-y: -2px;--face-rotate: 6deg}.characters[data-state=email] .ethereum{--body-tilt: 1deg;--body-x: 5px;--body-y: -5px;--shape-rotate: 5deg;--shape-skew-x: -4deg;--shape-scale-x: .97;--shape-scale-y: 1.06;--shape-turn: 15deg;--face-x: 8px;--face-y: -2px;--face-rotate: 5deg}.characters[data-state=email] .tether{--body-tilt: 1deg;--body-x: 5px;--body-y: -3px;--shape-rotate: 5deg;--shape-skew-x: -9deg;--shape-scale-x: .96;--shape-scale-y: 1.07;--shape-turn: 8deg;--face-x: 8px;--face-y: -2px;--face-rotate: 6deg}.characters[data-state=email] .eye{transform:scale(1.2)}.characters[data-state=code] .ethereum .crystal{animation:crystalScan 1.35s ease-in-out infinite}.characters[data-state=code] .bitcoin,.characters[data-state=code] .tether{--body-y: -5px}.characters[data-state=password] .bitcoin{--body-tilt: 1deg;--body-x: 6px;--body-y: -2px;--shape-rotate: 5deg;--shape-skew-y: -3deg;--shape-scale-x: .93;--shape-scale-y: 1.13;--shape-turn: 10deg;--face-x: 6px;--face-y: -4px}.characters[data-state=password] .ethereum{--body-tilt: 1deg;--body-x: 4px;--body-y: -4px;--shape-rotate: 4deg;--shape-skew-x: -5deg;--shape-scale-x: .96;--shape-scale-y: 1.1;--shape-turn: 18deg;--face-x: 7px;--face-y: -4px}.characters[data-state=password] .tether{--body-tilt: 1deg;--body-x: 4px;--body-y: -3px;--shape-rotate: 4deg;--shape-skew-x: -12deg;--shape-scale-x: .94;--shape-scale-y: 1.14;--shape-turn: 12deg;--face-x: 7px;--face-y: -4px}.characters[data-state=peek] .bitcoin{--shape-rotate: 3deg;--shape-skew-x: -9deg;--shape-scale-x: .95;--shape-scale-y: 1.1;--shape-turn: 16deg;--face-x: 8px}.characters[data-state=peek] .ethereum{--shape-rotate: -5deg;--shape-skew-x: 7deg;--shape-scale-x: 1.03;--shape-scale-y: .96;--shape-turn: -24deg;--face-x: -7px}.characters[data-state=peek] .tether{--shape-rotate: -5deg;--shape-skew-x: 10deg;--shape-scale-x: 1.04;--shape-scale-y: .95;--shape-turn: -20deg;--face-x: -7px}.characters[data-state=peek] .bitcoin .eye{transform:scaleY(.58) scaleX(1.06)}.characters[data-state=peek] .ethereum .eye,.characters[data-state=peek] .tether .eye{transform:scaleY(.08)}.characters[data-state=peek] .ethereum .pupil,.characters[data-state=peek] .tether .pupil{opacity:0}.characters[data-state=error] .character,.characters.is-error-replaying .character{animation:characterNo .62s cubic-bezier(.36,.07,.19,.97)}.characters[data-state=error] .eye{transform:scaleY(.52)}.characters[data-state=success] .character{animation:celebrate .72s cubic-bezier(.2,.85,.24,1.3)}.characters[data-state=success] .eye{height:13px;border-radius:0 0 50% 50%;background:transparent;box-shadow:none;border-bottom:3px solid #24342c;transform:translateY(4px)}.characters[data-state=success] .pupil{opacity:0}.characters.is-blinking .eye{height:2px;transform:translateY(10px)}.characters.is-theme-entering .bitcoin{animation:themeCharacterArrival 1.12s cubic-bezier(.18,.72,.18,1) both}.characters.is-theme-entering .ethereum{animation:themeCharacterArrival 1.12s .16s cubic-bezier(.18,.72,.18,1) both}.characters.is-theme-entering .tether{animation:themeCharacterArrival 1.12s .32s cubic-bezier(.18,.72,.18,1) both}.state-note{position:absolute;z-index:7;left:clamp(40px,4vw,78px);bottom:32px;display:flex;align-items:center;gap:9px;color:#93a59b;font-size:12px}.state-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #2f9f681c}:root[data-theme=light] .state-note{color:#63746a}.form-panel{position:relative;min-height:720px;display:flex;flex-direction:column;justify-content:center;padding:92px clamp(48px,6vw,112px) 30px;background:var(--paper)}.form-panel:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(transparent,var(--auth-line) 22%,var(--auth-line) 78%,transparent)}.panel-tools{position:absolute;z-index:5;top:32px;right:clamp(36px,4vw,68px)}.auth-mobile-brand{display:none}.auth-card{width:min(100%,500px);margin:auto}.form-heading h1{margin:0;color:var(--ink);text-align:center;font-size:clamp(34px,2.5vw,46px);line-height:1.12;font-weight:590;letter-spacing:-.045em}.form-heading p{margin:12px 0 0;color:var(--muted);text-align:center;font-size:14px}.mode-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-bottom:1px solid var(--auth-line)}.mode-tabs button{position:relative;z-index:2;height:45px;border:0;background:transparent;color:var(--muted);font-weight:560;cursor:pointer}.mode-tabs button[aria-selected=true]{color:var(--ink)}.tab-indicator{position:absolute;z-index:1;left:0;bottom:-1px;width:50%;height:2px;background:var(--mint);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.mode-tabs.is-register .tab-indicator{transform:translate(100%)}.method-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:22px 0 20px;padding:4px;border-radius:999px;background:var(--surface)}.method-switch button{height:36px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}.method-switch button[aria-selected=true]{background:var(--surface-strong);color:var(--accent-strong);box-shadow:0 2px 8px color-mix(in srgb,var(--bg-soft) 44%,transparent)}:root[data-theme=light] .method-switch{background:#edf0e9}:root[data-theme=light] .method-switch button[aria-selected=true]{background:#fff;color:#237c52;box-shadow:0 2px 8px #28463614}.auth-form{display:grid;gap:17px}.field>span{display:flex;margin-bottom:8px;color:var(--ink);font-size:13px;font-weight:590}.field-control{height:54px;display:flex;align-items:center;gap:11px;overflow:hidden;padding:0 18px;border:1px solid var(--auth-line);border-radius:999px;background:var(--field);transition:border-color .2s ease,box-shadow .2s ease}.field-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring)}.field-icon{width:20px;color:var(--muted);text-align:center;font-size:17px}.field-control input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.field-control input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.password-toggle{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.code-control{padding-right:0}.send-code{align-self:stretch;min-width:112px;border:0;border-left:1px solid var(--auth-line);background:var(--accent-soft);color:var(--accent-strong);font-size:13px;font-weight:600;cursor:pointer}:root[data-theme=light] .send-code{color:#237d52}.send-code:disabled{color:var(--muted);cursor:wait}.form-options{display:flex;justify-content:flex-end;align-items:center;min-height:24px;margin-top:-1px;color:var(--muted);font-size:12px}.form-options button,.auth-switch button{padding:0;border:0;background:transparent;color:var(--accent);cursor:pointer}.feedback{padding:10px 12px;border-left:3px solid currentColor;color:var(--danger-auth);background:#bd514b17;font-size:12px;line-height:1.5}.feedback.success{color:var(--accent-strong);background:var(--accent-soft)}.submit-button{position:relative;height:56px;margin-top:4px;overflow:hidden;border:1px solid var(--action-border);border-radius:999px;background:var(--action-fill);color:var(--action-text);font-weight:650;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.submit-button:before{content:"";position:absolute;left:-30%;top:0;width:28%;height:100%;background:#ffffff2e;transform:skew(-22deg) translate(-220%);transition:transform .45s ease}.submit-button:hover{background:var(--action-fill-hover);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 13%,transparent);transform:translateY(-1px)}.submit-button:hover:before{transform:skew(-22deg) translate(570%)}.submit-button:disabled{opacity:.68;cursor:wait;transform:none}.submit-arrow{position:absolute;right:19px;top:19px;font-size:18px;transition:transform .22s ease}.submit-button:hover .submit-arrow{transform:translate(4px)}.legal{margin:18px 0 0;color:var(--muted);text-align:center;font-size:11px}.legal a{color:var(--accent)}:root[data-theme=light] .legal a{color:#527062}.auth-switch{margin-top:22px;display:flex;justify-content:center;gap:10px;color:var(--muted);font-size:13px}.form-footer{display:flex;justify-content:center;gap:24px;margin-top:auto;color:var(--muted);font-size:10px;letter-spacing:.05em}.form-footer span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 12px 2px 0;border-radius:50%;background:#68bc91}@keyframes crystalScan{50%{filter:brightness(1.13)}}@keyframes characterNo{20%{transform:translate(-10px) rotate(-3deg)}40%{transform:translate(9px) rotate(3deg)}62%{transform:translate(-6px) rotate(-2deg)}82%{transform:translate(4px) rotate(1deg)}}@keyframes celebrate{42%{transform:translateY(-26px) rotate(-4deg)}72%{transform:translateY(-5px) rotate(3deg)}}@keyframes themeCharacterArrival{0%{opacity:0;transform:translate3d(calc(var(--body-x) - 760px),calc(var(--body-y) - 44px),0) rotate(calc(var(--body-tilt) - 16deg)) scale(.92)}55%{opacity:1;transform:translate3d(calc(var(--body-x) + 38px),calc(var(--body-y) - 4px),0) rotate(calc(var(--body-tilt) + 5deg)) scale(1.015)}70%{transform:translate3d(calc(var(--body-x) - 18px),calc(var(--body-y) + 2px),0) rotate(calc(var(--body-tilt) - 3deg)) scale(.99)}82%{transform:translate3d(calc(var(--body-x) + 8px),var(--body-y),0) rotate(calc(var(--body-tilt) + 1.4deg))}to{opacity:1;transform:translate3d(var(--body-x),var(--body-y),0) rotate(var(--body-tilt))}}@media(max-width:1180px){.auth-page{grid-template-columns:repeat(2,minmax(0,1fr))}.character-panel{padding-inline:40px}.characters{left:12px;right:12px;transform:translateY(-50%) scale(.86)}.state-note{left:40px}.form-panel{padding-inline:48px}}@media(max-width:900px){.auth-page{grid-template-columns:1fr;overflow:auto}.character-panel{display:none}.form-panel{min-height:100dvh;padding:110px 24px 28px}.panel-tools{top:28px;right:24px}.auth-mobile-brand{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.auth-mobile-brand img{width:42px;height:34px;object-fit:contain;filter:var(--brand-logo-filter)}.auth-mobile-brand strong{font-size:19px}.form-footer{margin-top:42px}}@media(max-width:540px){.form-panel{padding:96px 18px 24px}.panel-tools{top:22px;right:18px}.auth-mobile-brand{top:19px;left:18px}.form-heading h1{font-size:32px}.mode-tabs{margin-top:28px}.auth-form{gap:15px}.field-control{height:52px}.form-footer{gap:14px}}@media(max-height:820px)and (min-width:901px){.character-panel,.form-panel{min-height:680px}.characters{height:310px;transform:translateY(-50%) scale(.82)}.auth-card{transform:scale(.9);transform-origin:50% 50%}}@media(prefers-reduced-motion:reduce){.auth-page *,.auth-page *:before,.auth-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
