:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Noto Sans SC,sans-serif;color:#f5f7ff;background:#050711;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}.app-shell *{font-weight:400!important}html{background:#050711}body{margin:0;min-width:320px;min-height:100vh;background:#050711}button,input,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4d91ff;outline-offset:2px}.app-shell{position:relative;width:min(100%,430px);min-height:100dvh;margin:0 auto;overflow:hidden;background:#080b18;border-inline:1px solid rgba(255,255,255,.05)}.ambient{display:none}.topbar{position:relative;z-index:2;padding:max(22px,env(safe-area-inset-top)) 20px 16px}.eyebrow{margin:0 0 5px;color:#7f8aa8;font-size:12px;font-weight:600}.topbar h1{margin:0;font-size:24px;line-height:1.2}.content{position:relative;z-index:1;padding:0 14px calc(108px + env(safe-area-inset-bottom))}.content-standalone{padding-top:max(22px,env(safe-area-inset-top))}.balance-card{position:relative;padding:22px;overflow:hidden;border:1px solid rgba(106,156,255,.2);border-radius:26px;background:#121b3d;box-shadow:0 24px 60px #00000047}.balance-head{display:flex;align-items:center;justify-content:space-between;color:#acb6d2;font-size:13px}.balance-label{display:inline-flex;align-items:center;gap:6px}.privacy-button-inline{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#aeb9d5;background:#ffffff12;cursor:pointer}.updated{color:#6e7b9d;font-size:11px}.total{position:relative;z-index:1;margin-top:9px;font-size:39px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}.metric-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:21px}.metric-row div{min-width:0}.metric-row span,.metric-row strong{display:block}.metric-row span{margin-bottom:6px;color:#8390b0;font-size:11px}.metric-row strong{overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.positive{color:#59d5ad!important}.negative{color:#ff8397!important}.panel{margin-top:12px;border:1px solid rgba(255,255,255,.065);border-radius:22px;background:#101422;box-shadow:0 14px 34px #00000024}.section-title{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 13px}.section-title p{margin:0;font-size:16px;font-weight:650}.section-title span{display:block;margin-top:4px;color:#727e9c;font-size:11px}.section-title>svg{color:#66728e}.allocation-body{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:15px;padding:4px 18px 20px}.donut{width:112px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%}.donut:after{content:"";grid-area:1/1;width:calc(100% - 12px);aspect-ratio:1;border-radius:50%;background:#101422}.legend{display:grid;gap:13px}.legend-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;font-size:12px}.legend-row i{width:7px;height:7px;border-radius:50%}.legend-row span{color:#a8b1ca}.legend-row strong{font-variant-numeric:tabular-nums}.panel-empty{padding:24px 18px 26px;color:#69748f;text-align:center;font-size:12px}.asset-empty{padding-block:20px 24px;border-top:1px solid rgba(255,255,255,.055)}.small-action{height:32px;display:inline-flex;align-items:center;gap:4px;padding:0 10px;border:0;border-radius:10px;color:#76aaff;background:#2f7df61f;font-size:12px;font-weight:650;cursor:pointer}.asset-list{padding:0 8px 9px}.asset-row{width:100%;min-height:65px;display:grid;grid-template-columns:38px minmax(0,1fr) minmax(92px,auto) 14px;align-items:center;gap:10px;padding:9px;border:0;border-top:1px solid rgba(255,255,255,.055);background:transparent;text-align:left;cursor:pointer}.asset-row:first-child{border-top:0}.asset-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px}.asset-main{min-width:0}.asset-main strong,.asset-main small,.asset-value strong,.asset-value small{display:block}.asset-main strong{overflow:hidden;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.asset-main small{margin-top:4px;color:#6f7a96;font-size:10px}.asset-value{text-align:right}.asset-value strong{font-size:13px;font-variant-numeric:tabular-nums}.asset-value small{margin-top:4px;color:#6f7a96;font-size:10px}.asset-row>svg{color:#59647d}.tabbar{position:fixed;z-index:10;right:max(calc((100vw - 430px)/2 + 14px),14px);bottom:max(10px,env(safe-area-inset-bottom));left:max(calc((100vw - 430px)/2 + 14px),14px);height:70px;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#101422f0;box-shadow:0 22px 52px #00000073;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.tabbar button{height:52px;display:grid;place-items:center;gap:2px;border:0;color:#66718c;background:transparent;cursor:pointer}.tabbar button svg{width:20px}.tabbar button span{font-size:10px}.tabbar button.active{color:#4b91ff}.page-view{padding-top:5px}.page-heading{min-height:80px;display:flex;align-items:flex-start;justify-content:space-between;padding:4px 5px 16px}.page-heading h2{margin:0;max-width:290px;font-size:24px;line-height:1.22}.record-summary,.privacy-card{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid rgba(75,145,255,.22);border-radius:20px;background:#111a36}.record-summary>svg,.privacy-card>svg{flex:0 0 auto;color:#4b91ff}.record-summary span{display:block;margin-bottom:4px;color:#7c89a8;font-size:11px}.record-summary strong{font-size:13px;line-height:1.55}.month-group{margin-top:22px}.month-group h3,.settings-section h3{margin:0 5px 8px;color:#8c97b3;font-size:12px;font-weight:600}.record-list{margin-top:0;padding:4px 10px}.record-row{min-height:67px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;border-top:1px solid rgba(255,255,255,.055)}.record-row:first-child{border-top:0}.record-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px}.record-icon.deposit{color:#5bd6ae;background:#5bd6ae1f}.record-icon.withdrawal{color:#ff8ea1;background:#ff8ea11f}.record-icon.valuation{color:#74a5ff;background:#74a5ff1f}.record-row strong,.record-row small{display:block}.record-row strong{font-size:13px}.record-row small{margin-top:4px;color:#707b97;font-size:10px}.record-amount{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.empty{margin-top:30px;color:#69748f;text-align:center;font-size:13px}.privacy-card{border-color:#5bd6ae2e;background:#101c28}.privacy-card>svg{color:#5bd6ae}.privacy-card strong{display:block;font-size:14px}.privacy-card p{margin:6px 0 0;color:#7f8ba6;font-size:11px;line-height:1.5}.settings-section{margin-top:24px}.settings-list{margin-top:0;padding:3px 12px}.settings-list button{width:100%;min-height:70px;display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;padding:0 2px;border:0;border-top:1px solid rgba(255,255,255,.055);background:transparent;text-align:left;cursor:pointer}.settings-list button:first-child{border-top:0}.settings-list button>svg:first-child{color:#6c9df4}.settings-list button>svg:last-child{width:15px;color:#4f5a72}.settings-list strong,.settings-list small{display:block}.settings-list strong{font-size:13px}.settings-list small{margin-top:4px;color:#6e7995;font-size:10px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.principle-grid div{min-height:112px;display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;border:1px solid rgba(255,255,255,.06);border-radius:17px;background:#101422}.principle-grid svg{width:19px;color:#5b91f1}.principle-grid strong{margin-top:auto;font-size:12px}.principle-grid span{margin-top:4px;color:#68738e;font-size:9px;line-height:1.35}.version{margin:28px 0 0;color:#4f5971;text-align:center;font-size:10px}.sheet-backdrop{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-top:60px;background:#00000094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sheet{position:relative;width:min(100%,430px);max-height:calc(100dvh - 45px);overflow-y:auto;padding:26px 20px calc(24px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.09);border-radius:28px 28px 0 0;background:#111522;box-shadow:0 -22px 60px #0000006b;animation:rise .24s ease-out}@keyframes rise{0%{transform:translateY(35px);opacity:.6}}.sheet-handle{position:absolute;top:9px;left:50%;width:38px;height:4px;border-radius:4px;background:#343a4d;transform:translate(-50%)}.sheet-close{position:absolute;top:19px;right:18px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;color:#8b96ae;background:#1d2231;cursor:pointer}.sheet-form h2,.asset-detail h2{margin:0;font-size:24px}.sheet-form>p{margin:7px 0 22px;color:#7c87a0;font-size:12px}.sheet-form label{display:block;margin-top:14px}.sheet-form label>span{display:block;margin:0 0 7px 3px;color:#8d97ae;font-size:11px}.sheet-form input,.sheet-form select{width:100%;height:49px;padding:0 13px;border:1px solid rgba(255,255,255,.075);border-radius:13px;color:#f3f5fb;background:#1a1f2e}.sheet-form input::placeholder{color:#4e586e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-button,.danger-button{width:100%;height:52px;margin-top:22px;border:0;border-radius:15px;font-weight:700;cursor:pointer}.primary-button{color:#fff;background:#2f7df6}.danger-button{margin-top:10px;color:#ff8698;background:#ff5d7614}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:15px;padding:4px;border-radius:13px;background:#090c15}.segmented label{margin:0}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label span{height:38px;display:grid;place-items:center;margin:0;border-radius:10px;color:#77829c;font-size:11px;cursor:pointer}.segmented input:checked+span{color:#fff;background:#252b3d}.segmented.two{grid-template-columns:repeat(2,1fr)}.detail-type{display:block;margin-bottom:7px;font-size:12px;font-weight:650}.detail-amount{margin-top:17px;font-size:34px;font-weight:700}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.detail-metrics div{padding:14px;border-radius:14px;background:#1a1f2e}.detail-metrics span,.detail-metrics strong{display:block}.detail-metrics span{color:#7d88a2;font-size:10px}.detail-metrics strong{margin-top:7px;font-size:14px}.target{margin-top:17px;padding:15px;border-radius:16px;background:#171c2a}.target div{display:flex;justify-content:space-between;font-size:11px}.target i{height:5px;display:block;margin-top:12px;overflow:hidden;border-radius:6px;background:#2b3141}.target i span{height:100%;display:block;border-radius:6px}.target small{display:block;margin-top:8px;color:#737e98;font-size:10px}.detail-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:18px}.detail-actions button{height:48px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:14px;color:#dbe5ff;background:#202a43;font-size:12px;font-weight:650;cursor:pointer}.detail-actions svg{width:17px}.detail-records{margin-top:23px}.detail-records h3{font-size:13px}.detail-records>div{min-height:43px;display:grid;grid-template-columns:76px 1fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.055);font-size:10px}.detail-records span{color:#6f7a95}.detail-records strong{font-weight:550}.detail-records em{font-style:normal;font-weight:650}.detail-records p{color:#68738c;font-size:11px}.toast{position:fixed;z-index:50;left:50%;bottom:100px;max-width:310px;padding:11px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#252b3c;box-shadow:0 14px 34px #0000004d;font-size:12px;transform:translate(-50%)}.loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;color:#77819a;background:#080b18;font-size:12px}.loading span{width:24px;height:24px;border:2px solid #283047;border-top-color:#4b91ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){body{padding:28px 0;background:#03050c}.app-shell{min-height:calc(100dvh - 56px);border-radius:38px;box-shadow:0 34px 100px #0000008c,0 0 0 8px #10131c}.tabbar{bottom:40px}.sheet{margin-bottom:28px;border-radius:28px}}@media(max-width:350px){.total{font-size:34px}.metric-row{gap:5px}.metric-row strong{font-size:12px}.allocation-body{grid-template-columns:112px 1fr}.donut{width:100px}.form-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
