.pixel-avatar[data-v-af5d5ba9]{filter:drop-shadow(0 7px 0 rgba(0,0,0,.2));image-rendering:pixelated;animation:bob-af5d5ba9 3s ease-in-out infinite}.pixel-avatar[data-v-af5d5ba9]:hover{animation:jump-af5d5ba9 .48s ease-in-out}@keyframes bob-af5d5ba9{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes jump-af5d5ba9{50%{transform:translateY(-15px) scale(1.06)}}:root{font-family:Nunito,Microsoft Yahei,sans-serif;color:#eff1ff;background:#090d20;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 6%,#29204d,#11152c 31%,#0a0e21 68%);color:#eef0ff}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #be8bff;outline-offset:3px}.app-shell{min-height:100vh;position:relative;overflow:hidden}.sky{pointer-events:none;position:absolute;inset:0 0 auto;height:900px;overflow:hidden}.star{position:absolute;background:#c9b5ff;width:3px;height:3px;box-shadow:0 0 9px #ba93ff;animation:twinkle 2.8s infinite alternate}.star:nth-child(3n){background:#8befff;width:2px;height:2px}@keyframes twinkle{0%{opacity:.2;transform:scale(.6)}to{opacity:1;transform:scale(1.4)}}.topbar{position:relative;z-index:5;height:88px;max-width:1280px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:900;letter-spacing:1px}.brand-icon{width:44px;height:44px;display:grid;place-items:center;background:#7759d6;border:3px solid #bc96ff;box-shadow:4px 4px #342364;font-size:24px}.pink-text{color:#f2a5fa}.brand small{display:block;color:#9c9fc3;font:8px "Press Start 2P",monospace;letter-spacing:.2px;margin-top:8px}.topbar nav{display:flex;align-items:center;gap:35px;color:#9da3c7;font-weight:800;font-size:13px}.topbar nav a:hover,.topbar nav .nav-active{color:#f1d6ff}.top-actions{display:flex;align-items:center;gap:14px}.status{color:#9be8bc;font-size:10px;letter-spacing:1px;font-weight:900}.status i,.online-dot{display:inline-block;width:7px;height:7px;background:#69efaa;box-shadow:0 0 10px #69efaa;margin-right:6px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #3c416a;background:#1b2040;color:#ced3ef;border-radius:9px}.button-primary{background:linear-gradient(135deg,#a76efa,#765de6);color:#fff;border:1px solid #d4b2ff;box-shadow:0 4px #443183,0 0 25px #9364ff28;padding:13px 20px;font-size:13px;font-weight:900;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.button-primary.small{padding:11px 17px}main{position:relative;max-width:1190px;margin:auto;padding:26px 22px 10px}.hero{height:285px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:39px;background:radial-gradient(ellipse at 50% 70%,#4c317e66,transparent 66%);isolation:isolate}.hero-inner{position:relative;z-index:3}.hero-kicker{font:9px "Press Start 2P",monospace;letter-spacing:2px;color:#bfa4ff}.hero-kicker span{color:#ffd67b}.hero h1{font-weight:900;font-size:clamp(30px,4.2vw,55px);margin:22px 0 8px;letter-spacing:2px;text-shadow:0 5px 0 #392764,0 0 35px #8555d480}.hero h1>span:first-child{background:linear-gradient(120deg,#f6b5ff,#ae83ff,#89d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-bolt{font-size:31px;margin-left:6px;vertical-align:middle}.hero p{color:#c3c7e3;font-size:14px;margin:12px 0 25px}.hero-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hero-pills>span{display:flex;align-items:center;gap:7px;border:1px solid #5d4c84;background:#211b3eb9;padding:9px 14px;border-radius:30px;color:#cfbfe5;font-size:11px;font-weight:800}.hero-pills svg{color:#f29cb9}.hero-pills b{color:#fff}.hero-decoration{position:absolute;opacity:.8;filter:blur(1px);border-radius:50%;z-index:0}.orb-left{left:12%;top:20%;width:85px;height:85px;background:#7f4eff24;box-shadow:0 0 85px 50px #7f4eff14}.orb-right{right:10%;top:10%;width:100px;height:100px;background:#ff6b8c10;box-shadow:0 0 65px 35px #ff6b8c11}.terrain{position:absolute;bottom:5px;height:45px;width:240px;background:linear-gradient(#375879 0 30%,#232f60 30% 65%,#1d2143 65%);clip-path:polygon(0 90%,8% 90%,8% 65%,16% 65%,16% 42%,26% 42%,26% 20%,44% 20%,44% 42%,54% 42%,54% 65%,68% 65%,68% 45%,82% 45%,82% 72%,100% 72%,100% 100%,0 100%);opacity:.48}.terrain-left{left:3%}.terrain-right{right:3%;transform:scaleX(-1)}.section-bar{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-eyebrow{font:9px "Press Start 2P",monospace;letter-spacing:.5px;color:#9f8ede}.section-bar h2,.panel h2,.chart-head h2{font-size:22px;margin:8px 0 0;font-weight:900;letter-spacing:.5px}.mini-spark,.title-spark{color:#ffdd86}.date-chip{background:#1a1f3b;border:1px solid #333b66;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;color:#aeb5d8;font-size:12px}.characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.character-card{position:relative;min-width:0;border-radius:13px;padding:22px 24px 20px;background:linear-gradient(145deg,#272044,#161a36 58%,#171c38);border:1px solid #7955b5;box-shadow:inset 0 1px #d7b2fb33,0 10px 25px #0003,0 0 35px #a05afd12}.character-card.tang{background:linear-gradient(145deg,#3b253b,#1c1b35 58%,#171c38);border-color:#ad665e;box-shadow:inset 0 1px #ffd6bb33,0 10px 25px #0003,0 0 35px #ff985012}.char-head{display:flex;justify-content:space-between;align-items:center;font:9px "Press Start 2P",monospace;color:#ac9acb}.rarity{color:#ffd67d;font-size:8px}.char-main{display:flex;align-items:center;gap:25px;margin:13px 0 16px}.avatar-back{position:relative;width:153px;height:145px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(circle,#8e54be4d,transparent 73%)}.tang .avatar-back{background:radial-gradient(circle,#ff9b6340,transparent 73%)}.avatar-halo{position:absolute;bottom:7px;width:110px;height:15px;border-radius:50%;background:#ab6efe55;filter:blur(9px)}.tang .avatar-halo{background:#ff9c6555}.person-type{font-size:11px;letter-spacing:2px;color:#ac95df;font-weight:900}.tang .person-type{color:#ffa785}.char-identity h3{font-size:32px;white-space:nowrap;margin:7px 0 13px}.char-identity h3 span{font-size:23px}.level-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid #634c95;background:#3a2865;color:#e8ccff;font-size:10px;font-weight:900;padding:7px 9px;border-radius:5px}.tang .level-chip{border-color:#935b58;background:#57333c;color:#ffd6bb}.char-stats{display:grid;grid-template-columns:1fr 1fr;background:#11173095;border:1px solid #33355e;border-radius:9px;padding:18px;gap:15px}.char-stats>div+div{border-left:1px solid #3b3e60;padding-left:24px}.char-stats label{display:block;font-size:12px;color:#a3aacd;font-weight:700}.char-stats strong{display:block;white-space:nowrap;font-size:39px;font-weight:900;letter-spacing:-1.4px;color:#fff;line-height:1.5}.char-stats strong small{font-size:15px;margin-left:7px;color:#b7b6ce}.char-stats strong.goal-weight{color:#e7c0ff;font-size:29px;padding-top:10px}.tang .char-stats strong.goal-weight{color:#ffbba0}.char-stats p{margin:1px 0 0;color:#aab2d0;font-size:11px}.char-stats p.positive{color:#79e7b7}.char-stats p.negative{color:#ff9a9a}.progress-top{display:flex;justify-content:space-between;margin-top:19px;font:9px "Press Start 2P",monospace;color:#aeb2d2}.progress-top b{color:#d5b0ff}.tang .progress-top b{color:#ffa680}.progress-track{height:11px;margin:10px 0 19px;background:#0b1027;border:1px solid #49416d;overflow:hidden;border-radius:2px}.progress-track span{height:100%;display:block;background:repeating-linear-gradient(90deg,#a36bf0 0 14px,#c799ff 14px 17px);box-shadow:0 0 15px #bc7aff;transition:width 1s}.tang .progress-track span{background:repeating-linear-gradient(90deg,#fa8861 0 14px,#ffb084 14px 17px);box-shadow:0 0 15px #ff915f}.char-bottom{display:flex;justify-content:space-between;align-items:center;color:#acb1d4;font-size:12px}.char-bottom>span{display:flex;gap:7px;align-items:center}.char-bottom button{border:1px solid #8a62d3;background:#322151;color:#e7c9ff;border-radius:6px;padding:9px 11px;font-weight:900;font-size:11px}.tang .char-bottom button{border-color:#a56760;background:#4a2c39;color:#ffd0bb}.char-bottom button span{margin-left:7px}.panel{border:1px solid #343b68;border-radius:12px;background:linear-gradient(145deg,#181d3a,#12172f);box-shadow:0 15px 35px #0002,inset 0 1px #ffffff0c}.analytics{margin-top:25px;padding:27px 26px 15px}.chart-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.chart-head p{color:#8c96b7;font-size:12px;margin:8px 0}.chart-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.switcher{display:flex;background:#0d142b;border:1px solid #32385e;border-radius:7px;padding:3px;gap:2px}.switcher button{background:transparent;color:#9ca6cd;border:0;padding:8px 12px;font-size:11px;font-weight:900;border-radius:4px}.switcher button.active{background:#57408f;color:#fff}.person-switch button.active{background:#3d568d}.chart-canvas{height:290px;margin-top:15px}.chart-no-data{height:60px;visibility:hidden}.chart-empty{text-align:center;padding:45px 0 10px;color:#aeb4cf;font-size:13px}.chart-foot{border-top:1px solid #2b3257;padding:14px 0 0;display:flex;align-items:center;gap:16px;font-size:11px;color:#c0c4df}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend-dot.purple{background:#bc81ff}.legend-dot.orange{background:#ff9b6a}.chart-foot-tip{margin-left:auto;color:#7982ab}.bottom-grid{display:grid;grid-template-columns:1.02fr 1.1fr .98fr;gap:20px;margin-top:22px}.bottom-grid .panel{padding:23px 18px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.panel-heading h2{font-size:18px}.subtle-button{display:flex;align-items:center;gap:4px;color:#bca3ec;border:0;background:transparent;font-size:11px;font-weight:900}.rotated{transform:rotate(180deg)}.counter{font-size:9px;color:#aeadce;white-space:nowrap;letter-spacing:.3px}.log-header,.log-row{display:grid;grid-template-columns:1fr 1fr 1fr 27px;gap:5px;align-items:center}.log-header{font:8px "Press Start 2P",monospace;color:#7985ae;background:#242c50;border-radius:5px;padding:12px 8px}.log-row{padding:10px 8px;border-bottom:1px solid #303653;color:#bcc4df;font-size:12px}.log-row strong{font-size:13px;color:#f1eaff}.log-row small{font-size:10px;color:#8893b6}.name-cell{display:flex;align-items:center;gap:7px}.name-cell i{width:7px;height:7px;background:#bc81ff;border-radius:2px}.name-cell i.tang{background:#ff9b6a}.edit-record{border:0;background:#333a5d;color:#d5c7ed;border-radius:5px;padding:5px}.empty-text{padding:35px 4px;text-align:center;color:#858eb7;font-size:12px}.muted-caption{font-size:11px;color:#9c9fb8}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.achievement{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #526b72;border-radius:7px;padding:14px 5px;background:#1a3040;color:#d9fff3}.achievement-icon{display:grid;place-items:center;width:42px;height:42px;border:2px solid #68e4bb;color:#80f6cb;font-size:27px;font-weight:900;box-shadow:0 0 16px #59fbb427;margin-bottom:10px;transform:rotate(0)}.achievement b{font-size:12px}.achievement small{font-size:10px;color:#a7b3cd;margin:4px 0}.unlocked{color:#83ecc2;font-size:10px;font-weight:900;margin-top:6px}.achievement.pink{background:#322339;border-color:#80536e}.achievement.pink .achievement-icon{border-color:#ff89bc;color:#ff89bc}.achievement.gold{background:#352d29;border-color:#857047}.achievement.gold .achievement-icon{border-color:#ffd273;color:#ffd273}.achievement.violet{background:#27253e;border-color:#705b9d}.achievement.violet .achievement-icon{border-color:#bc9bff;color:#bc9bff}.achievement.locked{filter:saturate(.35);opacity:.55}.task-list{display:flex;flex-direction:column;gap:10px}.task{display:flex;align-items:center;gap:10px;background:#1a2341;border:1px solid #394267;border-radius:7px;padding:12px 9px;color:#bcc4e3;text-align:left;font-size:12px;font-weight:800}.task-symbol{font-size:18px;width:21px;text-align:center}.task-check{margin-left:auto;width:19px;height:19px;border:2px solid #606a9c;border-radius:5px;color:transparent;display:grid;place-items:center}.task.done{background:#1e3140;color:#baf7d8;border-color:#406b6a}.task.done .task-check{color:#122a2a;background:#75ebbd;border-color:#75ebbd}.task-foot{text-align:center;margin-top:22px;color:#b19cd6;font-size:11px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #303654;margin:46px 0 15px;padding:22px 0;color:#8f96b5;font-size:10px;gap:12px}footer>span:first-child{color:#d1a9ff;font-weight:900}footer button{background:none;border:1px solid #343d64;color:#b2b7d4;padding:8px;border-radius:5px;font-size:10px}.demo-banner{background:#3b3051;border:1px solid #9273d5;color:#e8d4ff;display:flex;justify-content:space-between;gap:12px;align-items:center;border-radius:7px;margin-bottom:22px;padding:12px 18px;font-weight:900;font-size:12px}.demo-banner div{display:flex;gap:8px}.demo-banner button{border:1px solid #b895f3;background:#382754;color:#f7edff;border-radius:5px;font-size:11px;padding:7px 10px}.toast-message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;background:#292450;border:1px solid #b390ff;box-shadow:0 10px 50px #0008,0 0 25px #9361dc55;padding:14px 25px;border-radius:9px;color:#fff;font-size:13px;font-weight:900;display:flex;gap:8px;align-items:center;white-space:nowrap}.toast-enter-active,.toast-leave-active{transition:opacity .25s,transform .25s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,15px)}.modal-backdrop{position:fixed;z-index:50;inset:0;background:#050916bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:linear-gradient(155deg,#23264b,#131830);color:#f4f1ff;border:1px solid #a584ee;border-radius:12px;box-shadow:0 20px 80px #000b,0 0 45px #a27bff25;width:min(100%,440px);max-height:90vh;overflow:auto;padding:26px}.modal-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.modal-title h2{margin:9px 0 0;font-size:23px}.modal>label{display:block;color:#b8c0df;font-size:12px;font-weight:900;margin:18px 0 8px}.modal input:not([type=file]){width:100%;background:#10162b;border:1px solid #464d76;padding:12px 14px;border-radius:7px;color:#fff;color-scheme:dark}.person-picker{display:flex;gap:12px}.person-picker button{display:flex;align-items:center;gap:8px;flex:1;border:1px solid #4c4f75;border-radius:7px;background:#1b2344;color:#cbd0e5;padding:8px;font-weight:900}.person-picker button.selected{border-color:#c395ff;background:#392857;color:#fff}.person-picker button.tang.selected{border-color:#ffa67e;background:#49303d}.modal-note{font-size:11px;color:#8d98ba}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:23px}.modal-actions .button-primary{margin-left:auto}.danger-button{background:#4d2439;color:#ffbdc7;border:1px solid #9c4d68;padding:10px 13px;border-radius:7px;display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:900}.settings-person{border:1px solid #373d66;padding:13px;border-radius:8px;margin:10px 0}.settings-person>strong{font-size:13px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:9px}.settings-fields label{font-size:11px;color:#aab5d5}.settings-fields input{margin-top:7px}.full-width{width:100%;margin:15px 0}.settings-modal hr{border:0;border-top:1px solid #373d63;margin:15px 0}.settings-data h3{font-size:15px}.settings-data p{font-size:12px;color:#a3accb}.settings-buttons{display:flex;gap:10px}.settings-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:#263357;color:#d4dcff;border:1px solid #4c5b89;border-radius:6px;padding:10px 6px;font-size:11px}.danger-text{background:transparent;border:0;color:#ff9db3;font-size:11px;margin-top:20px}.confirm-bar{background:#492b3d;padding:10px;font-size:11px;margin-top:13px;border-radius:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.confirm-bar button{border-radius:5px;padding:6px}.confirm-bar button:not(.danger-button){background:#25304e;color:#fff;border:1px solid #4f5b81}@media(max-width:1020px){.topbar nav{gap:15px}.status{display:none}.bottom-grid{grid-template-columns:1fr 1fr}.tasks-panel{grid-column:1/-1}.character-card{padding:17px}.char-main{gap:6px}.avatar-back{width:125px}.char-identity h3{font-size:26px}.chart-head{flex-direction:column}.chart-controls{width:100%}}@media(max-width:700px){.topbar{height:72px;padding:0 15px}.topbar nav,.status{display:none}.brand{font-size:16px}.brand small{font-size:6px}.brand-icon{width:36px;height:36px;font-size:19px}.top-actions{gap:7px}.top-actions .small{font-size:0;padding:11px}.top-actions .small svg{width:18px;height:18px}main{padding:16px 12px}.hero{height:265px;margin-bottom:25px}.hero h1{letter-spacing:0;font-size:clamp(28px,7vw,39px)}.hero p{max-width:300px;margin:14px auto 20px;line-height:1.7}.hero-kicker{font-size:7px}.hero-pills>span{font-size:10px;padding:7px 10px}.section-bar h2{font-size:20px}.date-chip{font-size:10px;max-width:156px;line-height:1.5}.characters,.bottom-grid{grid-template-columns:1fr;gap:15px}.tasks-panel{grid-column:auto}.character-card{padding:18px}.char-main{gap:20px}.avatar-back{width:140px}.char-identity h3{font-size:30px}.analytics{padding:20px 10px 12px;margin-top:16px}.chart-head{padding:0 8px}.chart-controls{gap:8px}.switcher{flex:1;justify-content:space-around}.switcher button{padding:8px 7px}.chart-canvas{height:260px}.chart-foot{padding:12px 6px}.chart-foot-tip{display:none}.bottom-grid .panel{padding:20px 16px}footer{flex-direction:column;text-align:center;margin-top:27px}.demo-banner{flex-direction:column;align-items:start}}@media(max-width:370px){.avatar-back{width:110px}.char-main{gap:4px}.char-identity h3{font-size:24px}.char-stats strong{font-size:30px}.char-stats strong.goal-weight{font-size:24px}.hero h1{font-size:27px}.hero-pills>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}