@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#172344;background:#eef2ff;font-synthesis:none;--blue:#286af5;--violet:#7652ec;--muted:#7e8aa7;--line:#e6eaf5;--shadow:0 18px 55px rgba(56,72,145,.12)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,#d9ddff 0,transparent 34rem),#f4f6fc}button,input,select{font:inherit}.shell{width:min(100%,820px);min-height:100vh;margin:auto;padding:0 18px 64px}.hero{height:258px;position:relative;overflow:hidden;padding:58px 28px 20px;border-radius:0 0 38px 38px;background:linear-gradient(135deg,#f8f8ff 5%,#dfe6ff 60%,#eee8ff);box-shadow:0 14px 50px #3f489b24}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(255,255,255,.85),transparent 32%),linear-gradient(120deg,transparent 50%,rgba(126,92,255,.08))}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{display:block;color:#6574a3;font-size:11px;font-weight:800;letter-spacing:.13em}.hero h1{margin:9px 0 7px;font-size:30px;line-height:1.2;letter-spacing:-1.2px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#276ff2,#784fee);-webkit-background-clip:text;color:transparent}.hero p{margin:0;color:#657397;font-size:13px}.hero-art{position:absolute;z-index:1;width:58%;height:220px;object-fit:contain;right:-3%;bottom:-18px}.settings-btn{position:absolute;z-index:4;right:18px;top:18px;border:0;background:#ffffffa6;box-shadow:0 6px 18px #3d47841a;width:40px;height:40px;border-radius:14px;padding:0;display:grid;place-items:center}.sprite{display:inline-block;background-image:url(/assets/icon-sprite.png);background-size:300% 200%;background-repeat:no-repeat}.icon-settings{width:30px;height:30px;background-position:100% 0}.icon-add{width:48px;height:48px;background-position:0 100%;border-radius:14px;flex:none}.summary-card{position:relative;margin:-18px 12px 18px;border-radius:24px;padding:23px;color:#fff;background:linear-gradient(125deg,#1876f1,#3e65f4 48%,#7150e8);box-shadow:0 18px 42px #414fe047}.summary-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-85px;top:-100px}.primary-stat{padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.18)}.primary-stat span,.stat-grid span{display:block;font-size:12px;color:#ffffffc2}.primary-stat strong{font-size:34px;letter-spacing:-1.5px;display:block;margin:3px 0}.primary-stat small{font-size:11px;color:#dce4ff}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px;padding-top:18px}.stat-grid b{display:block;margin-top:4px;font-size:15px}.stat-grid .saving b{color:#75f0bd}.card,.mode-card{background:#ffffffeb;border:1px solid rgba(255,255,255,.9);border-radius:24px;margin:16px 0;padding:22px;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h2,.modal h2{font-size:20px;margin:4px 0 0;letter-spacing:-.5px}.help{border:0;background:#eef2ff;color:#5666b4;border-radius:50%;width:28px;height:28px;font-weight:800}.mode-switch{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#f1f3fa;border-radius:18px}.mode-switch button{border:0;background:transparent;padding:13px 8px;border-radius:14px;color:#77819b}.mode-switch button.active{color:#fff;background:linear-gradient(110deg,#3179ef,#7154eb);box-shadow:0 8px 20px #5b52e542}.mode-switch b,.mode-switch small{display:block}.mode-switch small{font-size:10px;margin-top:2px;opacity:.8}.mode-tip,.disclaimer{font-size:11px;line-height:1.7;color:#8c95ad;margin:13px 3px 0}.legend{font-size:11px;color:#7e88a1;display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:50%;background:#2878f0;margin-left:5px}.legend i:nth-child(2){background:#7955ed}.chart{width:100%;overflow:hidden}.chart svg{display:block;width:100%;height:auto}.chart-note{margin-top:8px;padding:13px 15px;border-radius:14px;background:#f4f6fc;display:flex;justify-content:space-between;font-size:11px;color:#7d88a2}.chart-note b{color:#4562ca}.node-count{font-size:12px;color:#7884a0}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:20px;top:27px;bottom:27px;width:2px;background:#e1e6f7}.event{position:relative;display:flex;align-items:center;gap:12px;margin-bottom:12px;transition:.2s}.event.disabled{opacity:.45}.timeline-mark{position:relative;z-index:1;width:42px;flex:none;display:grid;place-items:center}.timeline-mark span{width:30px;height:30px;border:4px solid #fff;background:linear-gradient(135deg,#2b78f5,#7251ec);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:0 3px 10px #3d4dcb3d}.event-main{flex:1;min-width:0;text-align:left;border:1px solid #edf0f7;background:#fff;border-radius:16px;padding:14px 15px;box-shadow:0 7px 22px #34458512}.event-main>div{display:flex;align-items:center;gap:8px}.event-main time{font-size:12px;color:#69738e}.event-main strong{font-size:19px;display:block;margin:4px 0;color:#182546}.event-main small{display:block;color:#8a94aa;font-size:10px}.pill{font-size:9px;padding:3px 7px;border-radius:99px;background:#eef2ff;color:#4767d4}.pill.done{background:#e6f8f0;color:#2a9a6e}.toggle input{display:none}.toggle span{display:block;width:40px;height:23px;background:#d8ddea;border-radius:20px;position:relative;transition:.2s}.toggle span:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #75809a;transition:.2s}.toggle input:checked+span{background:linear-gradient(90deg,#2e75ef,#7152eb)}.toggle input:checked+span:after{transform:translate(17px)}.done-check{font-size:10px;color:#4e9e7f}.add-btn{width:100%;border:0;color:#1a2850;background:linear-gradient(125deg,#f1f4ff,#ebe8ff);padding:11px 17px;border-radius:18px;display:flex;align-items:center;gap:13px;text-align:left}.add-btn b,.add-btn small{display:block}.add-btn b{font-size:14px}.add-btn small{font-size:10px;color:#7f8ba8;margin-top:3px}.text-btn{border:0;background:none;color:#416eee;font-size:12px;font-weight:700}.table-wrap{overflow:auto;margin:0 -5px}table{border-collapse:collapse;width:100%;min-width:650px;font-size:11px}th{text-align:right;color:#8791a9;background:#f4f6fb;font-weight:600}td{text-align:right;color:#505d7b;border-bottom:1px solid #eef0f6}th,td{padding:11px 10px;white-space:nowrap}th:first-child,td:first-child{text-align:left}footer{text-align:center;color:#9aa3ba;font-size:11px;padding:24px 0}.overlay{position:fixed;z-index:20;inset:0;background:#0d142f73;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:flex-end;justify-content:center;padding-top:30px}.modal{width:min(100%,620px);max-height:92vh;overflow:auto;border-radius:30px 30px 0 0;background:#fff;padding:25px 22px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -20px 80px #181e4938}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close{border:0;background:#f0f2f8;color:#65708a;width:35px;height:35px;border-radius:50%;font-size:24px}.modal>label,.modal fieldset{display:block;margin:15px 0;color:#59647f;font-size:12px}.modal input,.modal select{width:100%;border:1px solid #dfe4f0;border-radius:13px;padding:13px 14px;margin-top:7px;outline:none;color:#1c2947;background:#fff}.modal input:focus,.modal select:focus{border-color:#5e6feb;box-shadow:0 0 0 3px #5e6feb1a}.amount-input{position:relative}.amount-input span{position:absolute;left:14px;top:19px;color:#74809b}.amount-input input{padding-left:35px}.modal fieldset{border:0;padding:0}.modal legend{margin-bottom:8px}.choice{display:flex!important;align-items:center;gap:10px;padding:13px;border:1px solid #e1e5f0;border-radius:14px;margin:8px 0!important}.choice input{width:auto;margin:0}.choice b,.choice small{display:block}.choice small{color:#8e97ac;margin-top:3px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:10px;margin-top:22px}.save-btn,.delete-btn{border:0;border-radius:14px;padding:14px 18px;font-weight:700}.save-btn{flex:1;color:#fff;background:linear-gradient(100deg,#2876f0,#7150e8);box-shadow:0 10px 24px #4d4fdb3d}.save-btn.full{width:100%;margin-top:10px}.delete-btn{color:#e25366;background:#fff0f2}@media(min-width:700px){.shell{padding-top:24px}.hero{border-radius:38px}.hero h1{font-size:38px}.hero-art{right:2%;width:52%}.summary-card{margin:-25px 34px 22px;padding:26px 30px}.primary-stat strong{font-size:40px}.stat-grid{grid-template-columns:repeat(4,1fr)}.modal{border-radius:30px;margin:auto}.overlay{align-items:center;padding:30px}}@media(max-width:480px){.shell{padding-left:10px;padding-right:10px}.hero{margin:0 -10px;height:246px;padding-left:23px;border-radius:0 0 34px 34px}.hero h1{font-size:27px}.hero p{max-width:230px}.hero-art{width:68%;right:-14%;opacity:.92}.summary-card{margin-top:-16px}.card,.mode-card{padding:18px}.primary-stat strong{font-size:30px}.chart-note{align-items:flex-start;flex-direction:column;gap:5px}.event{gap:5px}.timeline-mark{width:34px}.timeline:before{left:16px}.event-main{padding:12px}.event-main strong{font-size:17px}.done-check{display:none}}.settings-btn{width:38px;height:38px;padding:9px;border-radius:50%;background:#ffffff80;box-shadow:none;color:#52658d}.settings-btn svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.add-btn{justify-content:center;padding:14px 17px;border:1px dashed #cfd7f2;background:#f8f9ff;gap:11px}.add-btn .plus{font-size:28px;line-height:1;font-weight:300;color:#4e67dc}.overlay{align-items:flex-end;padding:30px 0 0}.modal{margin:0;border-radius:30px 30px 0 0}.calculate-btn{width:100%;margin-top:12px;border:0;border-radius:16px;padding:15px;color:#fff;font-weight:700;background:linear-gradient(100deg,#2876f0,#7150e8);box-shadow:0 10px 24px #4d4fdb33}.calculate-btn:disabled{color:#8993aa;background:#edf0f7;box-shadow:none}.posting-option{display:flex!important;align-items:center;gap:12px;padding:14px;border:1px solid #dfe4f2;border-radius:15px;background:#f8f9ff}.posting-option.hidden{display:none!important}.posting-option input{width:20px;height:20px;margin:0;accent-color:#536af0}.posting-option span,.posting-option b,.posting-option small{display:block}.posting-option small{margin-top:3px;color:#8791a9;line-height:1.5}.plans-card .node-count{padding:5px 9px;border-radius:99px;background:#f1f3ff;color:#6370b2}.hero.image-hero{height:auto;padding:0;background:none;aspect-ratio:2161/728}.hero.image-hero:before{display:none}.hero-banner{display:block;width:100%;height:100%;object-fit:cover}.image-hero .settings-btn{display:grid!important;position:absolute!important;z-index:10;top:12px;right:12px;background:#ffffffe6;border:1px solid rgba(91,106,160,.14);box-shadow:0 5px 16px #2733692e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.summary-card{margin:-14px 12px 18px;padding:17px 20px 15px;border:1px solid rgba(255,255,255,.34);border-radius:21px;background:linear-gradient(115deg,#1e69e9f7,#5452e1f5 58%,#7148d3f5);box-shadow:0 14px 34px #3e49b83d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.summary-card:after{width:130px;height:130px;right:-62px;top:-78px}.summary-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-top>span{font-size:11px;color:#ffffffc7}.summary-top small{padding:4px 8px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:#ffffff1a;color:#ffffffd6;font-size:9px}.balance-value{position:relative;z-index:1;display:block;margin:2px 0 13px;font-size:29px;line-height:1.25;letter-spacing:-1px}.compact-stats{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}.compact-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-right:15px}.compact-stats>div+div{padding:0 0 0 15px;border-left:1px solid rgba(255,255,255,.18)}.compact-stats span{font-size:10px;color:#ffffffb3;white-space:nowrap}.compact-stats b{font-size:14px;color:#fff;white-space:nowrap}.compact-stats .saving b{color:#91f0c8}@media(max-width:380px){.summary-card{margin-left:7px;margin-right:7px;padding-left:16px;padding-right:16px}.balance-value{font-size:26px}.compact-stats>div{display:block}.compact-stats>div+div{padding-left:12px}.compact-stats b{display:block;margin-top:2px}}