:root{--bg:#0b0c18;--bg-soft:#111321;--panel:#141626e0;--panel-strong:#171929;--panel-light:#1d2033;--border:#ffffff13;--border-bright:#b8a4ff3d;--text:#f4f2fa;--text-soft:#a3a3b8;--text-muted:#6f7086;--purple:#a996ff;--purple-bright:#c1b3ff;--gold:#f4ce78;--cyan:#76d8df;--danger:#ef8b9a;--sidebar-width:244px}:root[data-theme=light]{--bg:#f4f2ed;--bg-soft:#ebe8e1;--panel:#ffffffd6;--panel-strong:#fff;--panel-light:#f7f4ef;--border:#433a571f;--border-bright:#7053bf47;--text:#282533;--text-soft:#625d6f;--text-muted:#898391;--purple:#7359c7;--purple-bright:#654ab8;--gold:#b67b23;--cyan:#287f8a;--danger:#c95767}*,:before,:after{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:320px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 76% -10%, #6d4fb724, transparent 35%), radial-gradient(circle at 17% 55%, #3f509414, transparent 28%), var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;transition:color .25s,background-color .25s}:root[data-theme=light] body{background:radial-gradient(circle at 76% -10%, #7959c41c, transparent 35%), radial-gradient(circle at 17% 55%, #5f7fb114, transparent 28%), var(--bg)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}svg{display:block}#app,.app-shell{min-height:100vh}.auth-screen{background:radial-gradient(circle at 22% 20%,#8264df29,#0000 27%),radial-gradient(circle at 80% 76%,#466ea41f,#0000 28%),linear-gradient(145deg,#0d0e1b,#090a14);place-items:center;min-height:100vh;padding:48px 20px 70px;display:grid;position:relative;overflow:hidden}.auth-screen:before{opacity:.16;content:"";background-image:radial-gradient(circle,#fff 0 1px,#0000 1.2px);background-size:67px 67px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.auth-decoration{pointer-events:none;position:absolute;inset:0}.auth-theme-toggle{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff09;position:absolute;top:24px;right:26px}.auth-orbit{border:1px solid #baa9ff17;border-radius:50%;position:absolute;transform:rotate(-18deg)}.orbit-a{width:42vw;height:15vw;top:12%;left:-7%}.orbit-b{width:45vw;height:18vw;bottom:7%;right:-11%;transform:rotate(22deg)}.auth-star{color:#d8cdff61;position:absolute}.star-one{font-size:20px;top:18%;right:20%}.star-two{font-size:15px;bottom:22%;left:18%}.star-three{font-size:28px;top:27%;left:24%}.auth-card{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#191b2ef0,#0f111ff0);border:1px solid #beacff2e;border-radius:20px;width:min(100%,460px);padding:36px 38px 29px;position:relative;box-shadow:0 30px 90px #0006,inset 0 1px #ffffff08}.auth-card:after{content:"";border-top:1px solid #c5b4ff26;border-right:1px solid #c5b4ff26;border-radius:0 7px 0 0;width:34px;height:34px;position:absolute;top:14px;right:14px}.auth-brand{align-items:center;gap:13px;display:flex}.auth-brand .brand-mark{border-radius:13px;width:39px;height:39px}.auth-brand strong{letter-spacing:.1em;font-size:16px;font-weight:650;display:block}.auth-brand small{color:var(--text-muted);letter-spacing:.24em;font-size:11px;display:block}.auth-heading{margin-top:36px}.auth-heading p{color:var(--purple);letter-spacing:.22em;margin:0 0 7px;font-size:12px;font-weight:700}.auth-heading h1{letter-spacing:.07em;margin:0;font-family:Georgia,Songti SC,serif;font-size:29px;font-weight:500}.auth-heading>span{color:var(--text-muted);margin-top:10px;font-size:15px;display:block}.auth-form{margin-top:28px}.auth-form>label{color:var(--text-soft);letter-spacing:.04em;margin-bottom:8px;font-size:14px;font-weight:550;display:block}.auth-input-wrap{background:#07081161;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:18px 1fr 25px;align-items:center;gap:10px;height:48px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:grid}.auth-input-wrap:focus-within{border-color:#b29cff85;box-shadow:0 0 0 3px #9b81f414}.auth-input-wrap.invalid{border-color:#ef8b9a80}.auth-input-wrap>svg,.auth-input-wrap button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:17px;height:17px}.auth-input-wrap>svg{color:#77748c}.auth-input-wrap input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:15px}.auth-input-wrap input::placeholder{color:#55566a}.auth-input-wrap button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.auth-error{color:#ee9ba7;align-items:center;gap:6px;margin:8px 0 0;font-size:13px;display:flex}.auth-error span{border:1px solid;border-radius:50%;place-items:center;width:14px;height:14px;font-size:12px;display:grid}.auth-help{color:#595a6d;margin:9px 1px 0;font-size:12px;line-height:1.5}.auth-submit{color:#171424;cursor:pointer;background:linear-gradient(135deg,#ddd6ff,#a995f5);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:20px;font-size:15px;font-weight:700;transition:filter .2s,transform .2s;display:flex;box-shadow:0 9px 28px #876ae233}.auth-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.75}.auth-submit svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:15px;height:15px}.auth-spinner{border:2px solid #17142440;border-top-color:#171424;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-security{color:#5c5e72;border-top:1px solid var(--border);justify-content:center;align-items:center;gap:6px;margin-top:23px;padding-top:18px;font-size:12px;display:flex}.auth-security span{color:#7f70ba}.auth-footer{z-index:2;color:#505164;letter-spacing:.08em;margin:0;font-size:12px;position:absolute;bottom:25px}.sidebar{z-index:30;width:var(--sidebar-width);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0c0d18eb;flex-direction:column;padding:30px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 32px;display:flex}.brand-mark{color:#171523;background:linear-gradient(145deg,#e2dbff,#9882e8);border:1px solid #ffffff73;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:relative;transform:rotate(45deg);box-shadow:0 8px 28px #7a5cd640}.brand-mark span,.brand-mark.small{transform:rotate(-45deg)}.brand-mark:after{content:"";border:1px solid #241c4638;border-radius:10px;position:absolute;inset:5px}.brand strong{letter-spacing:.08em;font-size:17px;font-weight:650;display:block}.brand small{color:var(--text-muted);letter-spacing:.22em;margin-top:1px;font-size:12px;display:block}.main-nav{gap:7px;display:grid}.nav-item{width:100%;color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;padding:12px 14px;transition:color .2s,background .2s,transform .2s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#ffffff09;transform:translate(2px)}.nav-item.active{color:#e5dfff;background:linear-gradient(90deg,#9780f42e,#9780f40f)}.nav-item.active:before{background:var(--purple);width:3px;height:25px;box-shadow:0 0 13px var(--purple);content:"";border-radius:0 3px 3px 0;position:absolute;left:-18px}.nav-item svg,.mobile-nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px;height:19px}.nav-item svg rect{fill:none}.nav-item span{font-weight:500}.sidebar-spacer{flex:1}.account-card{background:linear-gradient(145deg,#232439b8,#141626b8);border:1px solid #aa96f221;border-radius:13px;padding:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.account-profile{grid-template-columns:43px minmax(0,1fr);align-items:center;gap:11px;display:grid}.avatar-wrap{width:43px;height:43px;position:relative}.avatar{color:#29233f;background:linear-gradient(145deg,#d5c9ff,#8871d5);border:2px solid #ffffff7a;border-radius:13px;place-items:center;width:43px;height:43px;font-size:16px;font-weight:800;display:grid;box-shadow:0 7px 20px #7055c433}.account-online-dot{background:#64d6aa;border:2px solid #171826;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 8px #64d6aa80}.account-info{min-width:0}.account-name-row{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.account-name-row>strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.account-status{color:#81d4b8;white-space:nowrap;background:#51be9a14;border-radius:20px;flex:none;align-items:center;gap:4px;padding:2px 5px;font-size:10px;display:inline-flex}.account-status i{background:currentColor;border-radius:50%;width:4px;height:4px}.account-uid{align-items:baseline;gap:6px;min-width:0;margin-top:5px;display:flex}.account-uid>span{color:#66677b;letter-spacing:.08em;font-size:10px;font-weight:700}.account-uid code{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.account-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:6px;margin-top:13px;padding-top:10px;display:flex}.account-server{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.account-server svg,.account-logout svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;width:13px;height:13px}.account-logout{color:#8b8b9e;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-size:11px;transition:color .2s,background .2s;display:inline-flex}.account-logout:hover{color:#ed9da8;background:#dd5b6e14}.sidebar-version{color:#4f5062;text-align:center;margin:8px 0 0;font-size:13px}.main-content{min-height:100vh;margin-left:var(--sidebar-width);padding:0 34px 30px}.topbar{justify-content:space-between;align-items:center;min-height:112px;display:flex}.page-heading p,.panel-heading p{color:var(--purple);letter-spacing:.2em;margin:0 0 4px;font-size:13px;font-weight:700}.page-heading h1{letter-spacing:.06em;margin:0;font-family:Georgia,Songti SC,serif;font-size:35px;font-weight:500}.top-actions{align-items:center;gap:10px;display:flex}.server-pill{color:var(--text-soft);border:1px solid var(--border);background:#ffffff06;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:16px;display:flex}.server-pill span{background:#6bd8ad;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #6bd8ad}.icon-button,.sync-button{border:1px solid var(--border);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;height:44px;display:flex}.icon-button{width:44px;color:var(--text-soft);background:#ffffff06}.icon-button svg,.sync-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}.sync-button{color:#151322;background:linear-gradient(135deg,#d6ceff,#aa98f8);border-color:#0000;gap:7px;min-width:104px;padding:0 13px;font-size:16px;font-weight:650;box-shadow:0 7px 24px #876ae22e}.sync-button:hover{filter:brightness(1.05)}.sync-button:disabled{opacity:.7;cursor:wait}.sync-button.is-refreshing svg{animation:.75s linear infinite auth-spin}.mobile-brand{display:none}.banner-tabs{border:1px solid var(--border);background:#ffffff05;border-radius:12px;gap:7px;margin-bottom:16px;padding:5px;display:flex}.banner-tabs button{min-height:52px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;transition:all .2s;display:flex}.banner-tabs button:hover{color:var(--text-soft);background:#ffffff06}.banner-tabs button.active{color:#e7e1ff;background:linear-gradient(135deg,#a28df52e,#745ccc14);border-color:#b6a5ff26;box-shadow:inset 0 1px #ffffff0a}.banner-icon{color:var(--gold);font-size:15px}.banner-label{font-size:16px;font-weight:500}.banner-short{display:none}.data-notice{border:1px solid var(--border);background:#ffffff06;border-radius:11px;align-items:center;gap:11px;min-height:56px;margin-bottom:12px;padding:10px 14px;display:flex}.data-notice>span:not(.auth-spinner){border:1px solid;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.data-notice p{color:var(--text-muted);flex:1;margin:0;font-size:13px}.data-notice p strong{color:var(--text-soft);font-size:14px;font-weight:550;display:block}.data-notice button{color:var(--text-soft);border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:7px;padding:6px 10px;font-size:13px}.data-notice.error{color:#e8929f;background:#e8929f0b;border-color:#e8929f2b}.data-notice.loading{color:var(--purple)}.data-notice .auth-spinner{border-color:#a996ff33;border-top-color:var(--purple-bright);flex:none}.data-loading{opacity:.72}.sync-status-card{min-height:68px;color:var(--purple-bright);background:linear-gradient(90deg,#977ee816,#977ee806);border:1px solid #a68ff02b;border-radius:11px;align-items:center;gap:12px;margin-bottom:13px;padding:13px 15px;display:flex}.sync-status-card .auth-spinner{border-color:#a996ff33;border-top-color:var(--purple-bright);flex:none;width:18px;height:18px}.sync-status-card>div{flex:1;min-width:0}.sync-status-card strong{color:var(--text-soft);font-size:14px;font-weight:600;display:block}.sync-status-card p{color:var(--text-muted);margin:3px 0 0;font-size:13px;line-height:1.5}.sync-status-card small{color:#606176;margin-top:3px;font-size:11px;display:block}.sync-status-card.is-login{align-items:flex-start;margin:27px 0 7px;padding:17px 15px}.sync-status-card.is-login strong{font-size:15px}.sync-status-card.is-login p{font-size:14px}.sync-status-card.is-failed{color:#e8929f;background:#e8929f0d;border-color:#e8929f2e}.sync-error-icon{border:1px solid;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.sync-status-card>button{color:var(--text-soft);border:1px solid var(--border);white-space:nowrap;cursor:pointer;background:#ffffff09;border-radius:7px;align-self:center;padding:6px 10px;font-size:12px}.sync-status-card>button:disabled{opacity:.6;cursor:wait}.auth-sync-heading{margin-top:31px}.hero-panel{background:radial-gradient(circle at 66% 20%,#7a5bd13d,#0000 27%),linear-gradient(115deg,#18192e 0%,#17182e 48%,#111526 100%);border:1px solid #b39fff2b;border-radius:18px;grid-template-columns:1.15fr 1.55fr 1.1fr;align-items:center;gap:24px;min-height:300px;padding:34px 35px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000029}.hero-panel:before{opacity:.14;content:"";background-image:radial-gradient(circle,#fff 0 1px,#0000 1.2px);background-size:53px 53px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 8%,#000,#0000);mask-image:linear-gradient(90deg,#0000 8%,#000,#0000)}.hero-panel:after{content:"";border:1px solid #bca9ff1a;border-radius:50%;width:330px;height:330px;position:absolute;top:-130px;right:18%}.hero-copy,.hero-stats,.pity-card{z-index:2;position:relative}.eyebrow{color:#b6aacd;letter-spacing:.16em;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.eyebrow span{background:var(--gold);width:19px;height:1px}.hero-copy h2{letter-spacing:.07em;margin:0;font-family:Georgia,Songti SC,serif;font-size:clamp(25px,2.3vw,37px);font-weight:400;line-height:1.45}.hero-copy h2 em{color:#d3c7ff;font-style:normal}.hero-copy p{color:var(--text-muted);margin:17px 0 0;font-size:15px}.hero-stats{grid-template-columns:repeat(3,1fr);display:grid}.hero-stats article{border-left:1px solid #ffffff14;min-width:0;padding:4px 18px}.hero-stats article:first-child{border-left:0}.hero-stats span{color:var(--text-soft);font-size:15px;display:block}.hero-stats strong{letter-spacing:-.03em;margin:5px 0 4px;font-family:Georgia,serif;font-size:clamp(27px,2.7vw,42px);font-weight:400;display:block}.hero-stats small{color:var(--text-muted);white-space:nowrap;font-size:13px;display:block}.hero-stats i{color:#79d4af;font-style:normal}.pity-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0809146b;border:1px solid #ffffff17;border-radius:14px;padding:20px 20px 17px}.pity-head{justify-content:space-between;align-items:flex-end;display:flex}.pity-head span{color:var(--text-muted);font-size:13px}.pity-head strong{margin-top:2px;font-size:16px;font-weight:500;display:block}.pity-head b{color:var(--gold);font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1}.pity-head b small{color:var(--text-muted);font-size:15px}.progress-track{background:#ffffff14;border-radius:5px;height:5px;margin-top:16px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#927ff0,#d1b9ff);height:100%;display:block;box-shadow:0 0 10px #a991ff}.progress-labels{color:#5f6175;justify-content:space-between;margin-top:5px;font-size:12px;display:flex}.guarantee-note{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:14px;padding-top:13px;display:flex}.guarantee-note>span{width:27px;height:27px;color:var(--gold);background:#f0c76c1a;border-radius:50%;flex:none;place-items:center;display:grid}.guarantee-note p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.guarantee-note strong{color:#e7ddbd;font-size:14px;font-weight:500}.hero-stars{z-index:1;color:#dcd2ff4d;letter-spacing:.4em;font-size:16px;position:absolute;top:35px;right:20%}.hero-orbit{z-index:0;border:1px solid #b7a3fa17;border-radius:50%;position:absolute;transform:rotate(-18deg)}.orbit-one{width:330px;height:85px;top:40px;right:30%}.orbit-two{width:270px;height:160px;bottom:-75px;right:4%}.pool-summary-section{margin-top:18px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:14px;padding:0 3px;display:flex}.section-heading p{color:var(--purple);letter-spacing:.2em;margin:0 0 4px;font-size:13px;font-weight:700}.section-heading h3{margin:0;font-size:21px;font-weight:550}.section-heading>span{color:var(--text-muted);font-size:13px}.pool-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.pool-summary-card{border:1px solid var(--border);background:linear-gradient(145deg,#191b2df0,#111321e6);border-radius:15px;padding:20px;position:relative;overflow:hidden}.pool-summary-card:after{content:"";border:1px solid #aa93f414;border-radius:50%;width:120px;height:120px;position:absolute;top:-45px;right:-45px}.pool-card-head{z-index:1;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;display:grid;position:relative}.pool-card-head>span{width:38px;height:38px;color:var(--gold);border:1px solid var(--border-bright);background:#9d87eb14;border-radius:11px;place-items:center;display:grid}.pool-card-head strong{font-size:15px;font-weight:600;display:block}.pool-card-head small{color:var(--text-muted);margin-top:1px;font-size:13px;display:block}.pool-card-head button{z-index:2;color:var(--purple-bright);cursor:pointer;background:0 0;border:0;padding:5px;font-size:13px;position:relative}.pool-total{align-items:baseline;gap:8px;margin-top:21px;display:flex}.pool-total strong{font-family:Georgia,serif;font-size:34px;font-weight:400}.pool-total span{color:var(--text-muted);font-size:13px}.pool-metrics{border-block:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;padding:12px 0;display:grid}.pool-metrics span{color:var(--text-muted);font-size:13px;display:block}.pool-metrics strong{margin-top:2px;font-size:18px;font-weight:550;display:block}.pool-metrics small{color:var(--text-muted);font-size:12px;font-weight:400}.pool-pity{margin-top:13px}.pool-pity>div:first-child{justify-content:space-between;align-items:center;display:flex}.pool-pity span{color:var(--text-muted);font-size:13px}.pool-pity strong{font-size:14px;font-weight:550}.pool-pity .progress-track{height:4px;margin-top:8px}.pool-guarantee-badge{z-index:1;color:#f0d185;background:linear-gradient(90deg,#e1af421f,#e1af420b);border:1px solid #ecc56533;border-radius:8px;align-items:center;gap:8px;margin-top:13px;padding:9px 11px;display:flex;position:relative}.pool-guarantee-badge>span{background:#f0cb741c;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.pool-guarantee-badge strong{font-size:13px;font-weight:600}.pool-character{border-color:#a98ff12b}.pool-weapon{border-color:#e0b15e26}.pool-standard{border-color:#6bafd326}.pool-chronicled{border-color:#72caa526}.pool-astral{border-color:#d07ebb26}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#181a2be6,#111321e0);border-radius:15px;box-shadow:0 10px 40px #0000001f}.trend-panel{min-height:322px;padding:24px 25px 20px}.luck-panel{padding:24px 23px}.five-star-panel{grid-column:1/-1;padding:23px 25px}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h3{letter-spacing:.02em;margin:0;font-size:21px;font-weight:550}.panel-heading>button:not(.text-button){color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:7px;padding:7px 10px;font-size:14px}.rank-tag{color:#8bd2bd;background:#6bd3b10f;border:1px solid #6bd3b126;border-radius:20px;padding:5px 8px;font-size:12px}.chart-wrap{grid-template-columns:28px 1fr;gap:8px;height:220px;margin-top:24px;display:grid}.chart-y{color:#56576c;text-align:right;flex-direction:column;justify-content:space-between;padding-bottom:22px;font-size:12px;display:flex}.chart-area{min-width:0;padding-bottom:22px;position:relative}.chart-area svg{width:100%;height:calc(100% - 22px);position:absolute;inset:0 0 22px;overflow:visible}.chart-fill{fill:url(#chart-fill)}.chart-line{fill:none;stroke:#a997ff;stroke-linecap:round;stroke-width:2px;vector-effect:non-scaling-stroke}.chart-dots circle{fill:#171929;stroke:#c5b8ff;stroke-width:2px;vector-effect:non-scaling-stroke}.grid-line{background:#ffffff0b;height:1px;position:absolute;left:0;right:0}.line-1{top:0}.line-2{top:25%}.line-3{top:50%}.line-4{top:75%}.chart-x{color:#606176;justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.luck-content{grid-template-columns:1fr 1fr;align-items:center;gap:18px;margin-top:32px;display:grid}.score-ring{aspect-ratio:1;background:conic-gradient(#b5a3ff 0 86%,#ffffff0e 86% 100%);border-radius:50%;place-items:center;width:130px;max-width:100%;display:grid;position:relative}.score-ring:before{content:"";background:#171929;border-radius:50%;position:absolute;inset:7px}.score-ring:after{content:"";border:1px solid #a991ff1f;border-radius:50%;position:absolute;inset:-4px}.score-ring div{z-index:1;text-align:center;position:relative}.score-ring strong{color:#d8ceff;font-family:Georgia,serif;font-size:41px;font-weight:400;line-height:1;display:block}.score-ring span{color:var(--text-muted);font-size:13px}.luck-metrics{gap:10px;display:grid}.luck-metrics div{border-bottom:1px solid var(--border);padding-bottom:9px}.luck-metrics div:last-child{border:0;padding-bottom:0}.luck-metrics span{color:var(--text-muted);font-size:12px;display:block}.luck-metrics strong{margin-top:2px;font-family:Georgia,serif;font-size:23px;font-weight:400;display:block}.luck-metrics small{color:var(--text-muted);font-family:inherit;font-size:13px}.text-button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;padding:5px;font-size:14px}.text-button span{color:var(--purple);margin-left:5px}.five-star-list{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.panel-empty{min-height:78px;color:var(--text-muted);grid-column:1/-1;place-items:center;font-size:14px;display:grid}.five-star-item{border:1px solid var(--border);background:#ffffff05;border-radius:11px;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;min-width:0;padding:14px;display:grid}.portrait{color:#ffffffd1;background:radial-gradient(circle at 70% 22%,#ffffff59,transparent 20%),linear-gradient(145deg,var(--rarity-color),var(--rarity-shadow));border:1px solid #ffffff1c;border-radius:9px;place-items:center;width:64px;height:70px;display:grid;position:relative;overflow:hidden}.portrait:before{z-index:0;content:"";border:1px solid #fff3;width:37px;height:37px;position:absolute;transform:rotate(45deg)}.portrait>span{z-index:1;text-shadow:0 2px 8px #00000040;font-family:Songti SC,serif;font-size:24px;font-weight:700;position:relative}.portrait>img{z-index:2;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.portrait i{z-index:3;color:#ffdb78;letter-spacing:-1px;text-align:center;text-shadow:0 1px 3px #231605d9;font-size:6px;font-style:normal;position:absolute;bottom:1px;left:0;right:0}.five-star-info{min-width:0}.five-star-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:550;display:block;overflow:hidden}.five-star-info span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;display:block;overflow:hidden}.pull-count{color:var(--text-soft);text-align:right}.pull-count strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.pull-count span{color:var(--text-muted);margin-left:2px;font-size:12px}.pull-count.lucky strong{color:#72d9b3}.pull-count.late strong{color:#e9a0a9}.records-panel{margin-top:16px;padding:24px 25px 17px}.records-heading{margin-bottom:18px}.record-tools{align-items:center;gap:19px;display:flex}.filter-pills{background:#ffffff09;border-radius:8px;gap:3px;padding:3px;display:flex}.filter-pills button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 12px;font-size:13px}.filter-pills button.active{color:#e4dcff;background:#a08af726}.record-source-state{min-height:38px;color:var(--text-muted);background:#a996ff06;border:1px dashed #a996ff24;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:-4px 0 12px;padding:7px 10px;font-size:13px;display:flex}.record-source-state.error{color:#db8d99;background:#e8929f09;border-color:#e8929f2e;justify-content:space-between}.record-source-state button{color:var(--text-soft);border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:6px;padding:4px 9px;font-size:12px}.record-source-state .auth-spinner{border-color:#a996ff33;border-top-color:var(--purple-bright);width:12px;height:12px}.record-table{border-top:1px solid var(--border);overflow:hidden}.record-row{border-bottom:1px solid #ffffff0b;grid-template-columns:minmax(260px,1.5fr) .72fr 1fr;align-items:center;gap:24px;min-height:82px;padding:10px 13px;display:grid}.record-header{min-height:44px;color:var(--text-muted);letter-spacing:.06em;font-size:12px}.item-cell{align-items:center;gap:11px;min-width:0;display:flex}.item-icon{color:#fff;background:radial-gradient(circle at 75% 20%,#ffffff4d,transparent 18%),linear-gradient(145deg,var(--rarity-color),var(--rarity-shadow));border:1px solid #ffffff1a;border-radius:9px;flex:none;place-items:center;width:54px;height:54px;font-family:Songti SC,serif;font-size:21px;font-weight:700;display:grid;position:relative;overflow:hidden}.item-icon:after{z-index:0;content:"";border:1px solid #ffffff21;position:absolute;inset:5px;transform:rotate(45deg)}.item-icon>img{z-index:2;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.item-icon-fallback{z-index:1;position:relative}.rarity-bg-5{--rarity-color:#d5a35f;--rarity-shadow:#704b2b}.rarity-bg-4{--rarity-color:#9c76ce;--rarity-shadow:#493862}.rarity-bg-3{--rarity-color:#5879ae;--rarity-shadow:#2d4268}.item-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;display:block;overflow:hidden}.item-cell small{color:#d7c78f;background:#e8c67017;border-radius:3px;margin-top:3px;padding:1px 4px;font-size:11px;display:inline-block}.item-cell small.lost-badge{color:#f2a5ae;background:#de5b701a;border:1px solid #ef889724}.item-cell small.up-badge{color:#8ed9c0;background:#46b29117;border:1px solid #5fcdaa21}.item-cell small.guaranteed-up-badge{color:#f0d183;background:#deab391a;border:1px solid #ebc35f26}.record-row time,.pity-number{color:var(--text-muted);font-size:13px}.record-row time{white-space:nowrap}.rarity{letter-spacing:1px;font-size:13px}.rarity-5{color:var(--gold)}.rarity-4{color:#b28ae6}.rarity-3{color:#7fa4db}.pity-number{color:#cfc4f4;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(135deg,#9e84e81f,#7c65c40e);border:1px solid #a991ec2b;border-radius:999px;justify-content:center;align-items:center;gap:5px;width:max-content;min-width:58px;padding:5px 9px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.pity-number:before{color:#9f89df;content:"✦";font-size:8px}.pity-number.is-five{color:#ead18f;background:linear-gradient(135deg,#dca93821,#be83240e);border-color:#e8c36430}.pity-number.is-five:before{color:var(--gold)}.pity-number.high{color:#f0a9b2;background:#d34b6317;border-color:#e8809133}.pity-number.high:before{color:#e98798}.empty-state{color:var(--text-muted);text-align:center;padding:45px}.load-more{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:8px;margin:15px auto 0;padding:7px 14px;font-size:13px;display:block}.load-more span{color:var(--purple);margin-left:4px}.record-end{color:#4f5062;text-align:center;margin:14px 0 0;font-size:12px}.history-hero{background:radial-gradient(circle at 13% 20%,#8f75e22b,#0000 30%),linear-gradient(135deg,#1a1b30f5,#101322f0);grid-template-columns:minmax(250px,.8fr) 1.5fr;align-items:center;gap:38px;min-height:210px;padding:32px 35px;display:grid;position:relative;overflow:hidden}.history-hero:after{content:"";border:1px solid #b4a0fa14;border-radius:50%;width:320px;height:110px;position:absolute;right:-40px;transform:rotate(-15deg)}.history-hero-copy,.history-stats{z-index:1;position:relative}.history-hero-copy p,.history-title p{color:var(--purple);letter-spacing:.2em;margin:0 0 5px;font-size:12px;font-weight:700}.history-hero-copy h2{letter-spacing:.05em;margin:0;font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:500}.history-hero-copy>span{color:var(--text-muted);margin-top:8px;font-size:13px;display:block}.history-hero-copy small{color:#606176;margin-top:18px;font-size:12px;display:block}.history-stats{grid-template-columns:repeat(4,1fr);display:grid}.history-stats article{border-left:1px solid var(--border);padding:6px 18px}.history-stats article:first-child{border-left:0}.history-stats span{color:var(--text-muted);font-size:13px;display:block}.history-stats strong{margin-top:4px;font-family:Georgia,serif;font-size:30px;font-weight:400;display:inline-block}.history-stats strong.gold{color:var(--gold)}.history-stats strong.purple{color:#b999ee}.history-stats small{color:var(--text-muted);margin-left:4px;font-size:12px}.history-read-progress{gap:7px;margin:0 2px 13px;display:grid}.history-read-progress>div:first-child{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.history-read-progress small{color:#737487;font-size:11px}.history-read-track{background:#fff1;border-radius:4px;height:4px;overflow:hidden}.history-read-track>span{border-radius:inherit;background:linear-gradient(90deg,#8872e6,#bca9ff);height:100%;transition:width .25s;display:block;box-shadow:0 0 9px #a38bf680}.history-read-track.indeterminate>span{width:32%;animation:1.15s ease-in-out infinite history-read-slide}@keyframes history-read-slide{0%{transform:translate(-110%)}to{transform:translate(420%)}}.guarantee-alert{z-index:1;color:#f0d17e;background:linear-gradient(90deg,#dba63021,#dba6300b);border:1px solid #ecc35b38;border-radius:10px;grid-column:1/-1;align-items:center;gap:11px;margin-top:-18px;padding:11px 14px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff06}.guarantee-alert>span{background:#ecc35b1f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.guarantee-alert strong,.guarantee-alert small{display:block}.guarantee-alert strong{font-size:14px;font-weight:650}.guarantee-alert small{color:var(--text-muted);margin-top:2px;font-size:12px}.history-panel{margin-top:16px;padding:24px 25px 18px}.history-toolbar{grid-template-columns:1fr minmax(190px,260px) auto;align-items:center;gap:15px;margin-bottom:19px;display:grid}.history-page-scope{color:var(--text-muted);text-align:right;grid-column:2/-1;margin-top:-9px;font-size:11px}.history-title h3{margin:0;font-size:21px;font-weight:550}.record-search{border:1px solid var(--border);background:#ffffff05;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.record-search:focus-within{border-color:#b29cff59}.record-search svg{fill:none;width:14px;height:14px;stroke:var(--text-muted);stroke-linecap:round;stroke-width:1.6px;flex:none}.record-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.record-search input::placeholder{color:#56576b}.history-table .history-record-row{transition:background .18s}.history-table{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#a38bf659 transparent;max-height:864px;overflow-y:auto}.history-table::-webkit-scrollbar{width:7px}.history-table::-webkit-scrollbar-thumb{background:#a38bf64d;border-radius:8px}.history-table .record-header{z-index:4;background:var(--panel-strong);box-shadow:0 1px var(--border);position:sticky;top:0}.history-table .history-record-row:hover{background:#ffffff05}.history-table .history-record-row.is-five-star{background:linear-gradient(90deg,#eec1650b,#0000 55%)}.history-table .history-record-row.has-open-interval{background:#a38bf60b;border-bottom-color:#0000}.interval-tag{color:#b9a9e7;cursor:pointer;background:#a086ed0f;border:1px solid #b199f42e;border-radius:20px;align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-size:11px;display:inline-flex}.item-cell small+.interval-tag{margin-left:8px}.interval-tag svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:9px;height:9px;transition:transform .2s}.interval-tag[aria-expanded=true]{color:#d3c7f5;background:#a086ed1f}.interval-tag[aria-expanded=true] svg{transform:rotate(180deg)}.interval-option{background:linear-gradient(135deg,#1f1d34cc,#121423cc);border:1px solid #a78fef24;border-width:1px 0;padding:18px 20px 20px;position:relative;overflow:hidden;container-type:inline-size}.interval-option:before{content:"";background:#ac92f1;width:2px;position:absolute;top:0;bottom:0;left:0}.interval-option.interval-rarity-5:before{background:var(--gold)}.interval-option-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.interval-route{align-items:center;gap:9px;min-width:0;display:flex}.interval-route>span{color:#c9b9f4;background:#a68cee1a;border-radius:5px;flex:none;padding:3px 7px;font-size:12px}.interval-rarity-5 .interval-route>span{color:#e8cf91;background:#e8ca7c17}.interval-route strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;overflow:hidden}.interval-route i{color:var(--text-muted);font-size:14px;font-style:normal}.interval-option-actions{flex:none;align-items:center;gap:6px;display:flex}.interval-option-actions button{height:27px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:7px}.interval-option-actions button:hover{color:var(--text-soft);border-color:#a48bf040}.interval-detail-button{padding:0 9px;font-size:11px}.interval-close-button{width:27px;padding:0;font-size:14px}.interval-warning{color:#d49a72;margin:10px 0 0;font-size:12px}.interval-metrics{border:1px solid var(--border);background:#05071033;border-radius:9px;grid-template-columns:repeat(5,1fr);margin-top:15px;display:grid}.interval-metrics article{border-left:1px solid var(--border);padding:10px 13px}.interval-metrics article:first-child{border-left:0}.interval-metrics span{color:var(--text-muted);font-size:12px;display:block}.interval-metrics strong{margin-top:2px;font-family:Georgia,serif;font-size:21px;font-weight:400;display:inline-block}.interval-metrics small{color:#5f6074;margin-left:3px;font-size:11px}.interval-items{--summary-icon-size:clamp(38px,5cqw,50px);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.interval-item{grid-template-columns:var(--summary-icon-size) minmax(0,1fr) auto;min-width:0;min-height:62px;color:var(--text-soft);border:1px solid var(--border);background:#ffffff06;border-radius:9px;align-items:center;gap:clamp(5px,.8cqw,9px);padding:7px clamp(6px,.8cqw,9px) 7px 7px;font-size:12px;display:grid}.interval-item .item-icon{width:var(--summary-icon-size);height:var(--summary-icon-size);border-radius:8px;font-size:clamp(13px,1.8cqw,18px)}.interval-item>span{min-width:0}.interval-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;display:block;overflow:hidden}.interval-items i{letter-spacing:-1px;margin-bottom:2px;font-size:6px;font-style:normal;display:block}.interval-items b{color:#d8cff0;align-self:end;padding-bottom:2px;font-weight:600}.interval-items .item-rarity-5 i{color:var(--gold)}.interval-items .item-rarity-4 i{color:#b28ae6}.interval-items .item-rarity-3 i{color:#7fa4db}.interval-items em{color:var(--text-muted);font-size:12px;font-style:normal}.interval-pull-icons{scrollbar-width:thin;scrollbar-color:#a38bf659 transparent;grid-template-columns:repeat(15,minmax(0,1fr));gap:6px;max-height:calc(33.333cqw - 4px);margin-top:13px;padding-right:3px;display:grid;overflow:hidden auto}.interval-pull-icons::-webkit-scrollbar{width:6px}.interval-pull-icons::-webkit-scrollbar-thumb{background:#a38bf64d;border-radius:8px}.interval-pull-icons .item-icon{aspect-ratio:1;border-radius:8px;width:100%;height:auto;font-size:clamp(12px,2cqw,21px)}.pity-number.lucky{color:#79d9b7;background:#43b18f16;border-color:#60cdaa30}.pity-number.lucky:before{color:#64cda9}.history-pagination{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:17px;padding-top:15px;display:grid}.page-size-select{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;display:flex}.page-size-select select{height:31px;color:var(--text-soft);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:7px;outline:0;padding:0 26px 0 9px;font-size:12px}.page-size-select select:disabled{opacity:.5;cursor:not-allowed}.page-buttons{justify-content:center;gap:5px;display:flex}.page-buttons button{min-width:31px;height:31px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:7px;place-items:center;padding:0 7px;font-size:12px;display:grid}.page-buttons button:hover:not(:disabled){color:var(--text-soft);border-color:#a48bf040}.page-buttons button.active{color:#e5ddff;background:#9a82eb24;border-color:#a48bf040}.page-buttons button:disabled{opacity:.35;cursor:not-allowed}.page-total{color:var(--text-muted);white-space:nowrap;font-size:12px}.visual-manager-hero{background:radial-gradient(circle at 82% 10%,#9177e22e,#0000 31%),linear-gradient(135deg,#1a1b30f5,#101322f0);justify-content:space-between;align-items:center;gap:32px;min-height:150px;padding:28px 31px;display:flex;overflow:hidden}.visual-manager-hero p,.record-editor-dialog header p{color:var(--purple);letter-spacing:.2em;margin:0 0 4px;font-size:12px;font-weight:700}.visual-manager-hero h2{letter-spacing:.04em;margin:0;font-family:Georgia,Songti SC,serif;font-size:27px;font-weight:500}.visual-manager-hero>div:first-child>span{color:var(--text-muted);margin-top:7px;font-size:13px;display:block}.visual-manager-total{grid-template-columns:repeat(3,1fr);min-width:390px;display:grid}.visual-manager-total article{border-left:1px solid var(--border);text-align:center;padding:4px 22px}.visual-manager-total strong,.visual-manager-total span{display:block}.visual-manager-total strong{color:var(--gold);font-family:Georgia,serif;font-size:34px;font-weight:500;line-height:1.2}.visual-manager-total span{color:var(--text-muted);margin-top:3px;font-size:12px}.visual-import-result{border:1px solid var(--border);border-radius:9px;margin-top:14px;padding:10px 13px;font-size:12px}.visual-import-result.is-success{color:#7dd6b8;background:#3ea5840e;border-color:#5dc8a429}.visual-import-result.is-error{color:#e899a6;background:#cb485e0d;border-color:#e0778929}.visual-log-state{min-height:43px;color:var(--text-muted);border:1px solid var(--border);background:#ffffff05;border-radius:9px;align-items:center;gap:8px;margin-top:14px;padding:9px 12px;font-size:12px;display:flex}.visual-log-state .auth-spinner{border-color:#a996ff33;border-top-color:var(--purple-bright);width:13px;height:13px}.visual-log-state.is-error{color:#e899a6;background:#cb485e0d;border-color:#e0778929}.visual-log-state>button{color:var(--text-soft);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:11px}.visual-pool-section{margin-top:16px;padding:21px 22px 23px}.visual-pool-section.is-loading{opacity:.56;pointer-events:none}.visual-pool-header{grid-template-columns:minmax(190px,1fr) repeat(3,minmax(90px,.36fr));align-items:center;gap:16px;display:grid}.visual-pool-name{background:linear-gradient(135deg,#8d6fcdcc,#664fa0b8);border-radius:10px;flex-direction:column;width:max-content;min-width:150px;padding:10px 16px;display:inline-flex}.visual-pool-name strong{font-family:Georgia,Songti SC,serif;font-size:21px;font-weight:600}.visual-pool-name span{color:#ffffffad;margin-top:1px;font-size:11px}.accent-orange .visual-pool-name{background:linear-gradient(135deg,#b76f4ddb,#8b4d3cc7)}.accent-blue .visual-pool-name{background:linear-gradient(135deg,#5c77a9e0,#405382cc)}.accent-green .visual-pool-name{background:linear-gradient(135deg,#498f76db,#316858cc)}.accent-pink .visual-pool-name{background:linear-gradient(135deg,#a75b8bd6,#75426fc7)}.visual-pool-stat{text-align:center}.visual-pool-stat strong,.visual-pool-stat span{display:block}.visual-pool-stat strong{color:#f2cf73;font-family:Georgia,serif;font-size:27px;font-weight:600;line-height:1.2}.visual-pool-stat span{color:var(--text-muted);font-size:11px}.visual-record-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:11px;margin-top:20px;display:grid}.visual-record-card,.visual-add-card{cursor:pointer;border-radius:10px;min-width:0;position:relative;overflow:hidden}.visual-record-card{background:#f0ebe1;border:1px solid #ffffff17;padding:0;transition:transform .18s,border-color .18s;box-shadow:0 6px 18px #00000021}.visual-record-card:disabled{cursor:default}.visual-record-card.is-editable:hover{border-color:#c4b1ff59;transform:translateY(-2px)}.visual-record-card.is-dirty{border-color:#71d3b16b;box-shadow:0 0 0 2px #53bc971a}.visual-record-card .item-icon{aspect-ratio:1;border:0;border-radius:0;width:100%;height:auto}.visual-record-card>strong{color:#444957;text-align:center;padding:5px 3px 6px;font-size:17px;font-weight:800;line-height:1;display:block}.visual-record-card>strong small{margin-left:1px;font-size:11px}.visual-record-edit{z-index:3;color:#fff;background:#0c0c14a6;border:1px solid #ffffff59;border-radius:6px;place-items:center;width:21px;height:21px;font-size:12px;display:grid;position:absolute;top:4px;right:4px}.visual-add-card{min-height:126px;color:var(--text-soft);background:#ffffff06;border:1px dashed #b4a6ca61;align-content:center;place-items:center;gap:7px;display:grid}.visual-add-card>span{color:#f1c95f;background:#d6a94226;border-radius:50%;place-items:center;width:42px;height:42px;font-size:27px;line-height:1;display:grid}.visual-add-card>strong{font-size:13px}.visual-add-card:hover{color:var(--text);background:#977de10e;border-color:#beabfb6b}.visual-import-bar{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141626f0;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-top:16px;padding:14px 17px;display:grid;position:sticky;bottom:12px}.visual-import-bar strong,.visual-import-bar span{display:block}.visual-import-bar strong{font-size:14px;font-weight:600}.visual-import-bar>div>span{color:var(--text-muted);margin-top:2px;font-size:11px}.visual-import-bar>button{cursor:pointer;border-radius:8px;height:37px;padding:0 13px;font-size:12px}.visual-import-bar>button:disabled{opacity:.4;cursor:not-allowed}.visual-clear-button{color:var(--text-muted);border:1px solid var(--border);background:#ffffff06}.visual-submit-button{color:#171424;background:linear-gradient(135deg,#d6ceff,#a995f5);border:0;justify-content:center;align-items:center;gap:6px;min-width:108px;font-weight:700;display:inline-flex;box-shadow:0 7px 22px #876ae22b}.visual-submit-button .auth-spinner{width:12px;height:12px}.record-editor-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04050cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.record-editor-dialog{background:#171929;border:1px solid #b8a4ff33;border-radius:16px;width:min(900px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 26px 80px #00000073}.record-editor-dialog>header{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171929f5;justify-content:space-between;align-items:center;padding:19px 22px;display:flex;position:sticky;top:0}.record-editor-dialog header h3{margin:0;font-size:21px;font-weight:600}.record-editor-dialog>header>button{width:30px;height:30px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:8px;font-size:18px}.record-editor-layout{grid-template-columns:300px minmax(0,1fr);gap:22px;padding:22px;display:grid}.record-editor-fields{align-content:start;gap:15px;display:grid}.record-editor-fields label,.record-item-picker>label,.record-editor-field{color:var(--text-soft);gap:6px;font-size:12px;font-weight:600;display:grid}.record-editor-fields input,.record-editor-fields select,.record-item-picker input{width:100%;height:39px;color:var(--text);border:1px solid var(--border);background:#ffffff06;border-radius:8px;outline:0;padding:0 10px;font-size:13px}.record-editor-fields input:focus,.record-editor-fields select:focus,.record-item-picker input:focus{border-color:#a991ec5c}.record-choice-row{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.record-choice-row button{height:36px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:8px;font-size:12px}.record-choice-row button.active{color:#e2dbfa;background:#977de11c;border-color:#a991ec47}.rarity-choices{grid-template-columns:repeat(3,1fr)}.rarity-choices .choice-rarity-5.active{color:var(--gold);background:#dca9381a;border-color:#e8c36440}.rarity-choices .choice-rarity-4.active{color:#c2a0ed}.rarity-choices .choice-rarity-3.active{color:#8cb1e5}.record-selected-item{border:1px solid var(--border);background:#ffffff05;border-radius:9px;align-items:center;gap:10px;padding:9px;display:flex}.record-selected-item .item-icon{width:48px;height:48px}.record-selected-item span,.record-selected-item strong{display:block}.record-selected-item span{color:var(--text-muted);font-size:10px}.record-selected-item strong{margin-top:1px;font-size:14px}.record-item-picker{min-width:0}.record-item-options{scrollbar-width:thin;scrollbar-color:#a38bf659 transparent;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-height:410px;margin-top:10px;padding-right:3px;display:grid;overflow-y:auto}.record-item-options>button{min-width:0;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff05;border-radius:8px;padding:0 0 5px;overflow:hidden}.record-item-options>button.active{color:#e8e1ff;border-color:#beabfb6b;box-shadow:inset 0 0 0 1px #beabfb26}.record-item-options .item-icon{aspect-ratio:1;border:0;border-radius:0;width:100%;height:auto}.record-item-options button>span{text-overflow:ellipsis;white-space:nowrap;padding:4px 3px 0;font-size:9px;display:block;overflow:hidden}.record-item-options>p{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:35px 0;font-size:12px}.record-item-picker>small{color:var(--text-muted);margin-top:7px;font-size:10px;display:block}.record-editor-dialog>footer{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto auto;gap:8px;padding:15px 22px;display:grid}.record-editor-dialog>footer button{height:37px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:8px;padding:0 13px;font-size:12px}.record-editor-dialog>footer .record-delete-button{color:#e899a6;background:#cb485e0d;border-color:#e0778929}.record-editor-dialog>footer .record-save-button{color:#171424;background:linear-gradient(135deg,#d6ceff,#a995f5);border:0;min-width:96px;font-weight:700}.record-editor-dialog>footer .record-save-button:disabled{opacity:.4;cursor:not-allowed}.sync-manager-hero{background:radial-gradient(circle at 82% 10%,#9177e22e,#0000 31%),linear-gradient(135deg,#1a1b30f5,#101322f0);justify-content:space-between;align-items:center;gap:32px;min-height:150px;padding:29px 31px;display:flex;overflow:hidden}.sync-manager-hero p,.sync-session-heading p,.sync-detail-dialog header p{color:var(--purple);letter-spacing:.2em;margin:0 0 4px;font-size:12px;font-weight:700}.sync-manager-hero h2{letter-spacing:.04em;margin:0;font-family:Georgia,Songti SC,serif;font-size:27px;font-weight:500}.sync-manager-hero>div:first-child>span{color:var(--text-muted);margin-top:7px;font-size:13px;display:block}.sync-manager-summary{grid-template-columns:repeat(3,1fr);min-width:390px;display:grid}.sync-manager-summary article{border-left:1px solid var(--border);text-align:center;padding:4px 22px}.sync-manager-summary strong,.sync-manager-summary span{display:block}.sync-manager-summary strong{color:var(--gold);font-family:Georgia,serif;font-size:34px;font-weight:500;line-height:1.2}.sync-manager-summary span{color:var(--text-muted);margin-top:3px;font-size:12px}.data-source-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.data-source-card{min-height:138px;color:var(--text);border:1px solid var(--border);cursor:pointer;text-align:left;background:linear-gradient(145deg,#181a2be6,#111321e0);border-radius:14px;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:20px;transition:border-color .2s,transform .2s,background .2s;display:grid;position:relative;box-shadow:0 10px 40px #0000001f}.data-source-card:hover{border-color:#ae97f43d;transform:translateY(-2px)}.data-source-card.active{background:linear-gradient(145deg,#272241f0,#151627e6);border-color:#ae97f44d;box-shadow:0 12px 42px #00000026,inset 0 0 0 1px #ae97f40d}.data-source-card.manual{opacity:.76}.data-source-icon{color:#d8ceff;background:#a086ed1a;border:1px solid #b199f433;border-radius:15px;place-items:center;width:54px;height:54px;font-size:25px;display:grid}.data-source-card.manual .data-source-icon{color:#e7c46d;background:#d7a63314;border-color:#e2b9542e}.data-source-card small,.data-source-card strong,.data-source-card p{display:block}.data-source-card small{color:var(--purple);letter-spacing:.17em;font-size:10px;font-weight:700}.data-source-card strong{margin-top:3px;font-size:17px;font-weight:600}.data-source-card p{color:var(--text-muted);margin:5px 0 0;font-size:12px;line-height:1.5}.data-source-card>i{color:#b8a8e4;white-space:nowrap;align-self:end;font-size:11px;font-style:normal}.data-source-card.manual>i{color:#8b8291}.sync-session-panel{margin-top:16px;padding:23px 24px 25px}.sync-session-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.sync-session-heading h3{margin:0;font-size:21px;font-weight:550}.sync-session-heading>div>span{color:var(--text-muted);margin-top:3px;font-size:12px;display:block}.sync-session-heading>button{height:35px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.sync-session-heading>button:disabled{opacity:.5;cursor:wait}.sync-session-heading .spinning{animation:.7s linear infinite auth-spin}.sync-session-loading,.sync-session-empty{min-height:220px;color:var(--text-muted);align-content:center;place-items:center;gap:8px;font-size:13px;display:grid}.sync-session-loading .auth-spinner{border-color:#a996ff33;border-top-color:var(--purple-bright);width:18px;height:18px}.sync-session-empty>span{color:#bba9ed;background:#a086ed12;border:1px solid #b199f42e;border-radius:50%;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.sync-session-empty strong{color:var(--text-soft);font-size:15px}.sync-session-empty p{margin:0;font-size:12px}.sync-session-list{gap:8px;margin-top:20px;display:grid}.sync-session-card{border:1px solid var(--border);background:#ffffff05;border-radius:11px;grid-template-columns:44px minmax(190px,1fr) 90px minmax(145px,.65fr) auto;align-items:center;gap:14px;min-height:78px;padding:11px 13px;display:grid;position:relative}.sync-session-card:before{content:"";background:#8c79c9;border-radius:2px;width:2px;position:absolute;top:13px;bottom:13px;left:0}.sync-session-card.is-completed:before{background:#61c5a2}.sync-session-card.is-failed:before{background:#dc7788}.sync-session-card.is-running:before{background:#d0a84d}.sync-platform-mark{color:#ded5f7;background:linear-gradient(145deg,#846bc740,#483c7033);border:1px solid #b199f42e;border-radius:12px;place-items:center;width:44px;height:44px;font-family:Georgia,Songti SC,serif;font-size:18px;font-weight:700;display:grid}.sync-platform-mark.large{border-radius:14px;width:52px;height:52px;font-size:21px}.sync-session-main{min-width:0}.sync-session-main>div{align-items:center;gap:8px;display:flex}.sync-session-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.sync-session-main p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.sync-session-main code,.sync-detail-grid code{color:#aa99d8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.sync-status-pill{color:#c8b7f2;background:#a086ed12;border:1px solid #b199f429;border-radius:20px;flex:none;align-items:center;padding:2px 7px;font-size:10px;display:inline-flex}.sync-status-pill.is-ready,.sync-status-pill.is-completed{color:#7bd3b4;background:#3ea5840f;border-color:#5dc8a429}.sync-status-pill.is-running{color:#e3c16d;background:#cc961c0f;border-color:#e1b4482b}.sync-status-pill.is-failed{color:#e899a6;background:#cb485e0d;border-color:#e077892b}.sync-status-pill.is-expired{color:#95909d;border-color:var(--border);background:#ffffff05}.sync-session-count{text-align:center}.sync-session-count strong,.sync-session-count span{display:block}.sync-session-count strong{color:#d7ccec;font-family:Georgia,serif;font-size:21px;font-weight:500;line-height:1.1}.sync-session-count span{color:var(--text-muted);font-size:10px}.sync-session-card time{color:var(--text-muted);white-space:nowrap;font-size:11px}.sync-session-card>button{color:#c7b8ef;cursor:pointer;background:#a086ed0f;border:1px solid #b199f42b;border-radius:7px;padding:6px 9px;font-size:11px}.sync-session-notice{border:1px solid var(--border);border-radius:8px;align-items:center;gap:9px;margin-top:14px;padding:9px 11px;font-size:12px;display:flex}.sync-session-notice>span{border:1px solid;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.sync-session-notice p{flex:1;margin:0}.sync-session-notice>button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:4px 8px;font-size:11px}.sync-session-notice.is-error{color:#e899a6;background:#cb485e0d;border-color:#e0778929}.sync-session-notice.is-success{color:#7bd3b4;background:#3ea5840e;border-color:#5dc8a429}.manual-import-placeholder{text-align:center;align-content:center;place-items:center;min-height:330px;margin-top:16px;padding:30px;display:grid}.manual-import-placeholder>span{color:#e7c46d;background:#d7a63314;border:1px solid #e2b9542e;border-radius:15px;place-items:center;width:51px;height:51px;font-size:27px;display:grid}.manual-import-placeholder p{color:var(--purple);letter-spacing:.18em;margin:14px 0 3px;font-size:11px;font-weight:700}.manual-import-placeholder h3{margin:0;font-size:21px;font-weight:550}.manual-import-placeholder small{color:var(--text-muted);margin-top:6px;font-size:12px}.manual-import-placeholder button{color:var(--text-muted);border:1px solid var(--border);background:#ffffff06;border-radius:7px;margin-top:18px;padding:7px 13px;font-size:12px}.sync-detail-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04050cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.sync-detail-dialog{background:#171929;border:1px solid #b8a4ff33;border-radius:16px;width:min(860px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 26px 80px #00000073}.sync-detail-dialog>header{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#171929f5;justify-content:space-between;align-items:center;padding:18px 21px;display:flex;position:sticky;top:0}.sync-detail-dialog header h3{margin:0;font-size:20px;font-weight:600}.sync-detail-dialog>header>button{width:30px;height:30px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:8px;font-size:18px}.sync-detail-loading{min-height:270px;color:var(--text-muted);justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.sync-detail-loading .auth-spinner{border-color:#a996ff33;border-top-color:var(--purple-bright);width:17px;height:17px}.sync-detail-title{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;margin:21px 21px 0;display:grid}.sync-detail-title>div:nth-child(2) strong,.sync-detail-title>div:nth-child(2) span{display:block}.sync-detail-title>div:nth-child(2) strong{font-size:16px;font-weight:600}.sync-detail-title>div:nth-child(2) span{color:var(--text-muted);margin-top:2px;font-size:11px}.sync-detail-grid{border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 21px 0;display:grid;overflow:hidden}.sync-detail-grid>div{border-bottom:1px solid var(--border);min-width:0;padding:11px 13px}.sync-detail-grid>div:nth-child(odd){border-right:1px solid var(--border)}.sync-detail-grid>div:nth-last-child(-n+2){border-bottom:0}.sync-detail-grid dt{color:var(--text-muted);font-size:10px}.sync-detail-grid dd{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;overflow:hidden}.sync-detail-grid dd strong{color:#e3cd91;font-family:Georgia,serif;font-size:18px;font-weight:500}.sync-preview-section{border:1px solid var(--border);background:#ffffff03;border-radius:10px;margin:18px 21px 0;overflow:hidden}.sync-preview-section>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:49px;padding:9px 12px;display:flex}.sync-preview-section>header strong,.sync-preview-section>header span{display:block}.sync-preview-section>header strong{font-size:13px;font-weight:600}.sync-preview-section>header span{color:var(--text-muted);margin-top:2px;font-size:10px}.sync-preview-section>header label{color:var(--text-muted);flex:none;align-items:center;gap:6px;font-size:10px;display:flex}.sync-preview-section select{height:28px;color:var(--text-soft);border:1px solid var(--border);background:#1b1d30;border-radius:6px;padding:0 24px 0 8px;font-size:10px}.sync-preview-state{min-height:94px;color:var(--text-muted);justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.sync-preview-state .auth-spinner{width:13px;height:13px}.sync-preview-list{transition:opacity .2s}.sync-preview-list.is-loading{opacity:.45;pointer-events:none}.sync-preview-record{border-bottom:1px solid var(--border);grid-template-columns:38px minmax(140px,1fr) minmax(130px,.7fr) minmax(90px,.55fr);align-items:center;gap:10px;min-height:54px;padding:7px 11px;display:grid}.sync-preview-record:last-child{border-bottom:0}.sync-preview-record .item-icon{border-radius:7px;width:38px;height:38px}.sync-preview-record>div{min-width:0}.sync-preview-record>div strong,.sync-preview-record>div span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sync-preview-record>div strong{font-size:12px;font-weight:600}.sync-preview-record>div span{color:var(--text-muted);margin-top:2px;font-size:9px}.sync-preview-record time,.sync-preview-record code{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sync-preview-record code{color:#9d8bc8;text-align:right}.sync-preview-section>footer{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:12px;padding:8px 11px;display:flex}.sync-preview-section>footer span{color:var(--text-muted);font-size:10px}.sync-preview-section>footer button{color:#bba9e8;cursor:pointer;background:#a086ed0d;border:1px solid #b199f429;border-radius:6px;padding:4px 9px;font-size:10px}.sync-preview-section>footer button:disabled{opacity:.35;cursor:not-allowed}.sync-detail-message{color:var(--text-muted);border:1px solid var(--border);background:#ffffff05;border-radius:8px;margin:14px 21px 0;padding:9px 11px;font-size:11px}.sync-detail-message.is-error{color:#e899a6;background:#cb485e0d;border-color:#e0778929}.sync-detail-dialog .sync-session-notice{margin-inline:21px}.sync-detail-dialog>footer{border-top:1px solid var(--border);grid-template-columns:auto auto 1fr auto auto;gap:8px;margin-top:20px;padding:14px 21px;display:grid}.sync-detail-dialog>footer button{height:37px;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff06;border-radius:8px;padding:0 12px;font-size:12px}.sync-detail-dialog>footer .sync-confirm-button{color:#171424;background:linear-gradient(135deg,#d6ceff,#a995f5);border:0;justify-content:center;align-items:center;gap:6px;min-width:130px;font-weight:700;display:inline-flex}.sync-detail-dialog>footer .sync-delete-button{color:#e899a6;background:#cb485e0d;border-color:#e0778929}.sync-detail-dialog>footer .sync-confirm-button:disabled{opacity:.42;cursor:not-allowed}.sync-confirm-button .auth-spinner{width:12px;height:12px}.coming-soon{text-align:center;align-content:center;place-items:center;min-height:430px;margin-top:4px;display:grid}.coming-soon>span{color:var(--purple);font-size:22px}.coming-soon p{color:var(--purple);letter-spacing:.2em;margin:13px 0 2px;font-size:12px;font-weight:700}.coming-soon h2{margin:0;font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:500}.coming-soon small{color:var(--text-muted);margin-top:8px;font-size:13px}.coming-soon button{color:#ded6ff;cursor:pointer;background:#9a82f114;border:1px solid #ae97ff33;border-radius:8px;margin-top:22px;padding:8px 14px;font-size:13px}footer{color:#4e4f62;justify-content:space-between;padding:23px 3px 0;font-size:12px;display:flex}.mobile-nav,.sidebar-backdrop{display:none}@media (width<=1180px){:root{--sidebar-width:218px}.main-content{padding-inline:24px}.hero-panel{grid-template-columns:1fr 1.3fr}.pity-card{grid-column:1/-1;grid-template-columns:1fr 1.4fr;column-gap:24px;display:grid}.pity-card .pity-head{grid-row:span 2}.guarantee-note{margin-top:6px;padding-top:8px}.five-star-list{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){:root{--sidebar-width:244px}.sidebar{transition:transform .25s;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03040aad;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:0 20px 90px}.topbar{min-height:78px}.page-heading{display:none}.mobile-brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.mobile-brand .brand-mark{border-radius:10px;width:31px;height:31px;font-size:15px}.mobile-brand .brand-mark:after{border-radius:7px;inset:4px}.mobile-brand strong{letter-spacing:.08em;font-family:Georgia,Songti SC,serif;font-size:17px}.content-grid{grid-template-columns:1fr}.five-star-panel{grid-column:auto}.history-hero{grid-template-columns:1fr;gap:24px}.history-stats article:first-child{border-left:1px solid var(--border)}.history-toolbar{grid-template-columns:1fr auto}.record-search{grid-area:2/1/auto/-1}.visual-manager-hero{flex-direction:column;align-items:flex-start}.visual-manager-total{width:100%}.sync-manager-hero{flex-direction:column;align-items:flex-start}.sync-manager-summary{width:100%}.sync-session-card{grid-template-columns:44px minmax(190px,1fr) 80px auto}.sync-session-card time{display:none}.mobile-nav{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161727eb;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 10px 40px #00000073}.mobile-nav button{width:22%;color:var(--text-muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:7px 2px;font-size:13px;display:flex;position:relative}.mobile-nav button.active{color:#c7b8ff}.mobile-nav button.active:before{background:var(--purple);width:19px;height:2px;box-shadow:0 0 8px var(--purple);content:"";border-radius:2px;position:absolute;top:-8px}.mobile-nav svg{width:18px;height:18px}}@media (width<=620px){body{background:radial-gradient(circle at 90% 0,#664bb821,transparent 31%),var(--bg)}.main-content{padding-inline:14px}.top-actions{gap:7px}.server-pill{display:none}.sync-button{width:36px;min-width:36px;padding:0}.sync-button span{display:none}.banner-tabs{gap:2px;margin-bottom:12px}.banner-tabs button{gap:5px;padding-inline:5px}.banner-label{display:none}.banner-short{font-size:14px;display:inline}.hero-panel{border-radius:15px;min-height:0;padding:25px 20px 20px;display:block}.hero-copy h2{font-size:27px}.hero-copy p{margin-top:10px}.hero-stats{margin:25px -7px 22px}.hero-stats article{padding:3px 10px}.hero-stats strong{margin-block:3px;font-size:27px}.hero-stats small{text-overflow:ellipsis;max-width:82px;overflow:hidden}.pity-card{padding:17px;display:block}.guarantee-note{margin-top:12px;padding-top:12px}.content-grid{gap:12px;margin-top:12px}.pool-summary-section{margin-top:12px}.section-heading>span{display:none}.pool-summary-grid{grid-template-columns:1fr;gap:10px}.pool-summary-card{padding:17px}.pool-guarantee-badge{padding:9px 10px}.trend-panel,.luck-panel,.five-star-panel,.records-panel{padding:19px 17px}.chart-wrap{height:190px;margin-top:20px}.luck-content{grid-template-columns:135px 1fr;margin-top:24px}.score-ring{width:120px}.five-star-list{grid-template-columns:1fr;gap:8px;margin-top:16px}.five-star-item:nth-child(n+4){display:none}.records-panel{margin-top:12px}.records-heading{align-items:flex-end}.records-heading .panel-heading>div{min-width:0}.record-tools{gap:0}.desktop-only{display:none}.record-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 13px;min-height:82px;padding:11px 2px}.record-header{display:none}.history-table{max-height:820px}.item-cell{grid-row:span 2}.record-row time{justify-self:end;font-size:13px}.pity-number{justify-self:end}.history-hero{gap:21px;padding:23px 18px}.guarantee-alert{margin-top:0}.history-hero-copy h2{font-size:22px}.history-stats{grid-template-columns:repeat(2,1fr);row-gap:15px}.history-stats article{padding:2px 12px}.history-stats strong{font-size:25px}.history-panel{margin-top:12px;padding:19px 16px}.history-toolbar{grid-template-columns:1fr;gap:12px}.history-page-scope{text-align:left;grid-column:auto;margin-top:-5px}.history-filters{justify-self:start}.record-search{grid-area:auto}.interval-option{margin-inline:-2px;padding:15px 12px 16px}.interval-route{flex-wrap:wrap;gap:5px 7px}.interval-route strong{max-width:105px}.interval-metrics{grid-template-columns:repeat(3,1fr)}.interval-metrics article{padding:8px}.interval-metrics article:nth-child(4){border-left:0;border-top:1px solid var(--border)}.interval-metrics article:nth-child(5){border-top:1px solid var(--border)}.interval-metrics strong{font-size:16px}.visual-manager-hero{gap:20px;min-height:0;padding:23px 19px}.visual-manager-hero h2{font-size:23px}.visual-manager-total{min-width:0}.visual-manager-total article{padding:3px 8px}.visual-manager-total strong{font-size:27px}.visual-pool-section{margin-top:12px;padding:16px}.visual-pool-header{grid-template-columns:1fr repeat(3,auto);gap:9px}.visual-pool-name{min-width:0;padding:8px 11px}.visual-pool-name strong{font-size:17px}.visual-pool-name span{display:none}.visual-pool-stat strong{font-size:21px}.visual-record-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.visual-add-card{min-height:96px}.visual-import-bar{grid-template-columns:1fr auto;bottom:76px}.visual-import-bar>div{grid-column:1/-1}.visual-import-bar>button{width:100%}.record-editor-backdrop{align-items:end;padding:0}.record-editor-dialog{border-radius:17px 17px 0 0;width:100%;max-height:92vh}.record-editor-layout{grid-template-columns:1fr;padding:17px}.record-item-options{grid-template-columns:repeat(4,minmax(0,1fr))}.record-editor-dialog>footer{padding:13px 17px}.sync-manager-hero{gap:20px;min-height:0;padding:23px 19px}.sync-manager-hero h2{font-size:23px}.sync-manager-summary{min-width:0}.sync-manager-summary article{padding:3px 8px}.sync-manager-summary strong{font-size:27px}.data-source-options{grid-template-columns:1fr;gap:9px;margin-top:12px}.data-source-card{grid-template-columns:45px 1fr;gap:12px;min-height:116px;padding:16px}.data-source-icon{border-radius:12px;width:45px;height:45px;font-size:21px}.data-source-card>i{display:none}.sync-session-panel{margin-top:12px;padding:18px 15px}.sync-session-heading{align-items:flex-start}.sync-session-heading>div>span{display:none}.sync-session-heading>button{flex:none}.sync-session-card{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:10px}.sync-platform-mark{border-radius:10px;width:40px;height:40px}.sync-session-count{grid-area:1/3}.sync-session-card>button{grid-column:2/4;justify-self:end}.sync-detail-backdrop{align-items:end;padding:0}.sync-detail-dialog{border-radius:17px 17px 0 0;width:100%;max-height:92vh}.sync-detail-grid{grid-template-columns:1fr}.sync-detail-grid>div:nth-child(odd){border-right:0}.sync-detail-grid>div:nth-last-child(2){border-bottom:1px solid var(--border)}.sync-preview-section{margin-inline:17px}.sync-preview-record{grid-template-columns:38px minmax(0,1fr) auto}.sync-preview-record time{display:none}.sync-preview-record code{max-width:82px}.sync-detail-dialog>footer{grid-template-columns:1fr 1fr;padding:13px 17px}.sync-detail-dialog>footer>span{display:none}.sync-detail-dialog>footer button{width:100%}.history-pagination{grid-template-columns:1fr auto;gap:12px 8px}.page-buttons{grid-area:1/1/auto/-1;justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.page-size-select{grid-row:2}.page-total{grid-row:2;justify-self:end}footer{display:none}.data-notice{align-items:flex-start}.data-notice button{white-space:nowrap;align-self:center}.sync-status-card{align-items:flex-start;padding:12px}.sync-status-card.is-login{margin-top:23px}.sync-status-card>button{align-self:flex-start}.auth-screen{padding:24px 14px 56px}.auth-theme-toggle{top:14px;right:14px}.auth-card{border-radius:17px;padding:29px 22px 24px}.auth-heading{margin-top:30px}.auth-heading h1{font-size:26px}.auth-heading>span{max-width:280px;line-height:1.65}.auth-form{margin-top:24px}.auth-footer{bottom:20px}}@media (width<=370px){.main-content{padding-inline:10px}.mobile-brand strong{font-size:15px}.hero-panel{padding-inline:15px}.hero-stats article{padding-inline:7px}.hero-stats strong{font-size:24px}.luck-content{grid-template-columns:112px 1fr;gap:9px}.score-ring{width:104px}.filter-pills button{padding-inline:7px}}.sidebar,.auth-card,.hero-panel,.panel,.pool-summary-card,.pity-card,.mobile-nav,.icon-button,.server-pill,.banner-tabs{transition:color .25s,background-color .25s,border-color .25s,box-shadow .25s}.theme-toggle svg{transition:transform .25s}.theme-toggle:hover svg{transform:rotate(12deg)}:root[data-theme=light] .auth-screen{background:radial-gradient(circle at 22% 20%,#7a58cc1f,#0000 27%),radial-gradient(circle at 80% 76%,#466ea417,#0000 28%),linear-gradient(145deg,#f7f5f0,#ebe8e1)}:root[data-theme=light] .auth-screen:before{opacity:.1;filter:invert()}:root[data-theme=light] .auth-card{background:linear-gradient(145deg,#fffffff5,#f5f2edf5);border-color:#6d51b52e;box-shadow:0 30px 80px #44375b24,inset 0 1px #fffc}:root[data-theme=light] .auth-input-wrap{border-color:var(--border);background:#efece7cc}:root[data-theme=light] .auth-security{color:var(--text-muted)}:root[data-theme=light] .sidebar{border-right-color:var(--border);background:#f9f7f2f0;box-shadow:8px 0 35px #3e33510a}:root[data-theme=light] .nav-item:hover{color:var(--text);background:#5b488b0e}:root[data-theme=light] .nav-item.active{color:#6047a8;background:linear-gradient(90deg,#775bc121,#775bc109)}:root[data-theme=light] .account-card{background:linear-gradient(145deg,#ffffffc7,#eeebf4b8);border-color:#644ba421;box-shadow:0 8px 24px #4134580e,inset 0 1px #ffffffb3}:root[data-theme=light] .account-online-dot{border-color:#f5f2ee}:root[data-theme=light] .account-status{color:#337e66;background:#348e7114}:root[data-theme=light] .account-uid>span{color:#98919f}:root[data-theme=light] .account-logout{color:#77717e}:root[data-theme=light] .account-logout:hover{color:#a63f50;background:#b83e5214}:root[data-theme=light] .sidebar-version{color:#9b96a2}:root[data-theme=light] .server-pill,:root[data-theme=light] .icon-button,:root[data-theme=light] .banner-tabs,:root[data-theme=light] .data-notice{background:#ffffff94}:root[data-theme=light] .sync-status-card{background:linear-gradient(90deg,#6f52be16,#ffffff7a);border-color:#684dae29}:root[data-theme=light] .sync-status-card.is-failed{background:#be43570e;border-color:#b946592b}:root[data-theme=light] .sync-status-card small{color:#96909d}:root[data-theme=light] .sync-status-card>button{background:#ffffffa6}:root[data-theme=light] .icon-button:hover{color:var(--purple);background:#fff;box-shadow:0 5px 16px #4d3b7417}:root[data-theme=light] .banner-tabs button:hover{color:var(--text);background:#674ea90d}:root[data-theme=light] .banner-tabs button.active{color:#5e449f;background:linear-gradient(135deg,#7d5fc821,#7d5fc80b);border-color:#6f53b829;box-shadow:inset 0 1px #fffc}:root[data-theme=light] .hero-panel{background:radial-gradient(circle at 66% 20%,#8968d626,#0000 27%),linear-gradient(115deg,#fff 0%,#f7f3fb 49%,#eef2f8 100%);border-color:#7054b829;box-shadow:0 18px 55px #41355817}:root[data-theme=light] .hero-panel:before{opacity:.07;filter:invert()}:root[data-theme=light] .hero-copy h2 em{color:#694daf}:root[data-theme=light] .pity-card{border-color:var(--border);background:#ffffff94;box-shadow:0 8px 24px #4638600d}:root[data-theme=light] .progress-track{background:#4a3e601a}:root[data-theme=light] .guarantee-note strong{color:#75602a}:root[data-theme=light] .pool-summary-card{background:linear-gradient(145deg,#fffffff0,#f5f3eee6);box-shadow:0 10px 30px #4135570e}:root[data-theme=light] .pool-card-head>span{background:#7054b812}:root[data-theme=light] .pool-guarantee-badge{color:#88671b;background:linear-gradient(90deg,#d3a02f21,#d3a02f0b);border-color:#ae7b1433}:root[data-theme=light] .panel{background:linear-gradient(145deg,#fffffff0,#f6f4efe6);box-shadow:0 10px 34px #41355711}:root[data-theme=light] .panel-heading>button:not(.text-button),:root[data-theme=light] .filter-pills,:root[data-theme=light] .load-more{background:#4e40690b}:root[data-theme=light] .filter-pills button.active{color:#6247aa;background:#7256bb21}:root[data-theme=light] .rank-tag{color:#397f6a;background:#45977e14}:root[data-theme=light] .grid-line{background:#42375414}:root[data-theme=light] .chart-dots circle{fill:#fff;stroke:#8065cd}:root[data-theme=light] .score-ring:before{background:#faf8f4}:root[data-theme=light] .score-ring strong{color:#664bac}:root[data-theme=light] .five-star-item{background:#ffffff85}:root[data-theme=light] .item-cell small{color:#8b681c;background:#b5802217}:root[data-theme=light] .item-cell small.lost-badge{color:#a94455;background:#be435717;border-color:#b1415426}:root[data-theme=light] .item-cell small.up-badge{color:#28765e;background:#2c937317;border-color:#298b6c26}:root[data-theme=light] .item-cell small.guaranteed-up-badge{color:#876619;background:#c9921f1a;border-color:#aa791529}:root[data-theme=light] .pity-number{color:#674da7;background:linear-gradient(135deg,#7054b81a,#7054b809);border-color:#664ba929;box-shadow:inset 0 1px #ffffffbf}:root[data-theme=light] .pity-number.is-five{color:#88671b;background:linear-gradient(135deg,#d3a02f21,#d3a02f0a);border-color:#ae7b142e}:root[data-theme=light] .pity-number.high{color:#a94455;background:#be435714;border-color:#b1415429}:root[data-theme=light] .pity-number.lucky{color:#28765e;background:#2c937314;border-color:#298b6c26}:root[data-theme=light] .record-source-state{background:#7054b809}:root[data-theme=light] .record-row{border-bottom-color:#40355214}:root[data-theme=light] .record-table{border-top-color:var(--border)}:root[data-theme=light] .history-hero{background:radial-gradient(circle at 13% 20%,#8465d321,#0000 30%),linear-gradient(135deg,#fffffff5,#eff2f8f0)}:root[data-theme=light] .history-read-track{background:#47395f1a}:root[data-theme=light] .history-read-progress small{color:#918a99}:root[data-theme=light] .guarantee-alert{color:#806018;background:linear-gradient(90deg,#d39f2d24,#d39f2d0d);border-color:#aa771233}:root[data-theme=light] .history-table .history-record-row:hover{background:#5a459009}:root[data-theme=light] .history-table .history-record-row.is-five-star{background:linear-gradient(90deg,#c1861d12,#0000 55%)}:root[data-theme=light] .history-table .history-record-row.has-open-interval{background:#7257bb0f}:root[data-theme=light] .record-search{background:#ffffffa6}:root[data-theme=light] .interval-tag{color:#664ba9;background:#7054b812;border-color:#664ba933}:root[data-theme=light] .interval-tag[aria-expanded=true]{color:#50358f;background:#7054b821}:root[data-theme=light] .interval-option{background:linear-gradient(135deg,#f0ecf9eb,#f9f7f2f0);border-color:#694eae24}:root[data-theme=light] .interval-route>span{color:#60449f;background:#7054b81a}:root[data-theme=light] .interval-item{background:#ffffffa6}:root[data-theme=light] .interval-metrics{background:#ffffff8c}:root[data-theme=light] .page-size-select select,:root[data-theme=light] .page-buttons button{background:#fff9}:root[data-theme=light] .page-buttons button.active{color:#60449f;background:#7054b81f}:root[data-theme=light] .visual-manager-hero{background:radial-gradient(circle at 82% 10%,#8465d321,#0000 31%),linear-gradient(135deg,#fffffff5,#eff2f8f0)}:root[data-theme=light] .visual-pool-section{background:linear-gradient(145deg,#fffffff2,#f6f4efeb)}:root[data-theme=light] .visual-add-card{background:#4e406909}:root[data-theme=light] .visual-import-bar{background:#ffffffed}:root[data-theme=light] .visual-import-result.is-success{color:#28765e;background:#2c937312}:root[data-theme=light] .visual-import-result.is-error{color:#a94455;background:#be435712}:root[data-theme=light] .record-editor-dialog{background:#faf8f4}:root[data-theme=light] .record-editor-dialog>header{background:#faf8f4f2}:root[data-theme=light] .record-editor-fields input,:root[data-theme=light] .record-editor-fields select,:root[data-theme=light] .record-item-picker input,:root[data-theme=light] .record-choice-row button,:root[data-theme=light] .record-selected-item,:root[data-theme=light] .record-item-options>button,:root[data-theme=light] .record-editor-dialog>footer button{background:#4e40690a}:root[data-theme=light] .sync-manager-hero{background:radial-gradient(circle at 82% 10%,#8465d321,#0000 31%),linear-gradient(135deg,#fffffff5,#eff2f8f0)}:root[data-theme=light] .data-source-card,:root[data-theme=light] .sync-session-panel,:root[data-theme=light] .manual-import-placeholder{background:linear-gradient(145deg,#fffffff2,#f6f4efeb)}:root[data-theme=light] .data-source-card.active{background:linear-gradient(145deg,#f6f2fdfa,#eeebf6f0)}:root[data-theme=light] .sync-session-card{background:#ffffff8c}:root[data-theme=light] .sync-detail-dialog{background:#faf8f4}:root[data-theme=light] .sync-detail-dialog>header{background:#faf8f4f2}:root[data-theme=light] .sync-preview-section select{background:#f7f4ee}:root[data-theme=light] .sync-session-heading>button,:root[data-theme=light] .sync-session-card>button,:root[data-theme=light] .sync-detail-dialog>header>button,:root[data-theme=light] .sync-detail-dialog>footer button{background:#4e40690a}:root[data-theme=light] .coming-soon button{color:#6046a4;background:#7054b80f}:root[data-theme=light] footer{color:#918b99}@media (width<=860px){:root[data-theme=light] .mobile-nav{background:#faf8f4f0;border-color:#493c5e21;box-shadow:0 10px 35px #362b4829}:root[data-theme=light] .mobile-nav button.active{color:#674cae}:root[data-theme=light] .sidebar-backdrop{background:#2f283a4d}}@media (width<=620px){:root[data-theme=light] body{background:radial-gradient(circle at 90% 0,#7052be1a,transparent 31%),var(--bg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}