:root{--ink:#293e32;--muted:#8a9284;--paper:#f7f7f2;--line:#e8eae0;--lime:#dfebaf}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#edeee6;color:var(--ink)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d3634f;outline-offset:3px}a{color:inherit;text-decoration:none}.workspace{max-width:1320px;min-height:100vh;margin:auto;padding:44px 72px;display:grid;grid-template-columns:1fr 410px;gap:55px;align-items:center;position:relative}.intro{position:relative;align-self:stretch;display:flex;flex-direction:column;overflow:hidden}.desktop-brand{display:flex;align-items:center;gap:13px;font-size:25px;font-weight:650;z-index:1}.desktop-brand span{font-size:11px;letter-spacing:3px;margin-left:6px}.ball{display:inline-block;width:29px;height:29px;border:2px solid currentColor;border-radius:50%;position:relative;overflow:hidden;color:#d36550;flex-shrink:0;background:linear-gradient(#d36550 0 46%,transparent 46%)}.ball:before{content:'';position:absolute;top:46%;left:0;width:100%;height:2px;background:currentColor}.ball:after{content:'';position:absolute;top:50%;left:50%;width:28%;height:28%;border:2px solid currentColor;background:var(--paper);border-radius:50%;transform:translate(-50%,-50%)}.intro-copy{margin:auto 0;position:relative;z-index:1;padding-bottom:45px}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:600;color:#8e9988}.intro h1{font-size:52px;line-height:1.6;letter-spacing:-2px;font-weight:500;margin:30px 0 22px}.intro h1 span{color:#c65c49}.intro p{font-size:14px;line-height:2.2;color:#89907f}.intro-features{display:flex;gap:24px;font-size:10px;color:#8b9482;margin-top:44px;letter-spacing:1px}.desktop-footer{font-size:10px;color:#8b9382;display:flex;align-items:center;gap:9px;z-index:1}.desktop-footer>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1px}.status-dot{width:5px;height:5px;background:#8e9a71;border-radius:50%}.giant-ball{position:absolute;width:410px;height:410px;bottom:38px;left:170px;transform:rotate(-22deg);opacity:.035;border-width:22px;background:none;color:#2d4836}.giant-ball:before{height:22px}.giant-ball:after{border-width:22px;background:transparent}.phone{height:850px;max-height:calc(100vh - 88px);min-height:640px;width:410px;border:7px solid #fff;border-radius:42px;box-shadow:0 25px 70px #34443215,0 3px 12px #34443208;background:var(--paper);overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:1}.statusbar{height:39px;flex-shrink:0;padding:11px 25px 0;display:flex;justify-content:space-between;font-weight:650;font-size:12px}.status-icons{font-size:11px;letter-spacing:-1px}.mini-header{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;position:relative}.capsule{position:absolute;right:12px;top:7px;border:1px solid #dee0d6;border-radius:20px;padding:2px 9px;display:flex;gap:9px;align-items:center;font-size:16px;height:28px}.capsule b{height:14px;width:1px;background:#dedfd5}.screen{flex:1;overflow:auto;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.page{padding:19px 22px 28px}.brand-row,.row{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:7px;font-weight:650;font-size:21px}.brand .ball{width:24px;height:24px}.brand .wordmark{font-size:8px;letter-spacing:1.6px;margin-left:2px}.demo{font-size:8px;letter-spacing:1.5px;color:#919b88}.greeting{margin-top:31px}.title{font-size:26px;letter-spacing:-1.1px;line-height:1.5;font-weight:600;margin:8px 0 5px}.subtitle{font-size:11px;color:#929889;line-height:1.9;margin:0}.hero{position:relative;overflow:hidden;background:#2c4436;border-radius:19px;color:#fff;padding:24px;margin-top:23px}.hero .eyebrow{color:#b7c8a4;font-size:8px;letter-spacing:1.5px}.hero-value{font-size:41px;letter-spacing:-1.7px;font-weight:500;position:relative;margin:13px 0 2px;font-variant-numeric:tabular-nums}.hero-value small{font-size:24px;margin-right:7px}.hero-note{font-size:9px;color:#b6c4ab;position:relative}.hero-footer{display:flex;gap:42px;padding-top:18px;border-top:1px solid #ffffff19;margin-top:21px;position:relative}.hero-label{font-size:9px;color:#b7c5ac;margin-bottom:7px}.hero-number{font-size:17px;letter-spacing:.3px}.hero-number small{font-size:10px;color:#c4d1ba}.watermark{position:absolute;width:180px;height:180px;right:-40px;top:26px;color:#ccdd9230;background:none;transform:rotate(-25deg);border-width:10px}.watermark:before{height:10px}.watermark:after{border-width:10px;background:#2c4436}.actions{display:flex;gap:10px;margin-top:12px}.primary,.secondary{padding:14px 10px;border-radius:12px;text-align:center;font-size:12px;font-weight:600;display:block}.primary{background:var(--lime);color:#30452f}.secondary{background:#fff;color:#58644e}.actions>*{flex:1}.section{margin-top:27px}.section-title{font-size:16px;font-weight:600;letter-spacing:-.3px}.link{background:none;padding:0;font-size:10px;color:#859276}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.card{padding:10px;background:#fff;border-radius:14px;text-align:left;transition:transform .2s,box-shadow .2s;min-width:0}.card:hover{transform:translateY(-3px);box-shadow:0 9px 20px #3045320a}.card-art{height:155px;border-radius:8px;display:flex;justify-content:center;align-items:center;background:#f1efe6;overflow:hidden}.card-art img{height:136px;width:100px;object-fit:contain;filter:drop-shadow(1px 6px 5px #0002);transform:rotate(-5deg);transition:transform .3s}.card:nth-child(even) img{transform:rotate(5deg)}.card:hover img{transform:rotate(0) scale(1.04)}.card-name{font-size:13px;font-weight:600;margin-top:11px}.badge{font-size:8px;padding:3px 5px;background:#f2f4ed;border-radius:4px;color:#8a947c}.card-meta{font-size:9px;color:#969b8f;margin-top:5px;line-height:1.6}.price{font-size:13px;font-weight:600;margin-top:11px;letter-spacing:.3px}.micro{font-size:8px;color:#a1a695}.type-dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:4px}.notice{background:#ebeee1;padding:15px;border-radius:12px;font-size:10px;color:#7b876c;line-height:1.9}.adventure{position:relative;overflow:hidden}.adventure>div:first-child{font-size:11px;font-weight:500}.adventure .ball{float:right;opacity:.3;width:45px;height:45px;background:none;color:#81946b}.hint{font-size:9px;color:#9ba18f;line-height:1.9;margin:17px 0 0}#tabbar{height:65px;flex-shrink:0;display:flex;align-items:center;background:#fff;border-top:1px solid #edf0e6;padding:5px 10px 0}#tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#9ca394;position:relative}#tabbar a.active{color:#344e37}#tabbar a.active:before{content:'';height:3px;width:15px;background:#d9e79f;border-radius:3px;position:absolute;top:-8px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.home-indicator{height:15px;flex-shrink:0;background:#fff;position:relative}.home-indicator:after{content:'';width:105px;height:4px;background:#263c30;border-radius:4px;position:absolute;left:50%;bottom:5px;transform:translateX(-50%)}.preview-note{position:absolute;bottom:18px;right:125px;font-size:9px;color:#9aa18f;letter-spacing:1px}.search{display:flex;align-items:center;gap:10px;padding:13px;background:#fff;border:1px solid #e8ebe1;border-radius:12px;margin:20px 0 17px}.search svg{width:16px;height:16px;color:#8a9580}.search input{width:100%;border:0;background:none;outline:none;font-size:11px;color:var(--ink)}.chips{display:flex;gap:7px;margin:10px 0;flex-wrap:wrap}.chip{padding:8px 11px;border-radius:8px;background:#eceee5;font-size:10px;color:#8b9580}.chip.active{color:#fff;background:#314b3b}.empty{padding:55px 10px;text-align:center;color:#939c87;font-size:12px;line-height:2.2}.empty .ball{width:50px;height:50px;background:none;color:#c4cdb7;margin-bottom:15px}.metric-grid{display:flex;gap:12px;margin:23px 0 17px}.metric{flex:1;background:#fff;border-radius:13px;padding:17px}.muted{font-size:10px;color:#919b85}.metric-value{font-size:23px;letter-spacing:-.7px;margin-top:11px}.list-item{display:flex;align-items:center;gap:12px;background:#fff;border-radius:13px;padding:13px;margin-top:10px;text-align:left;width:100%}.thumb{width:41px;height:57px;object-fit:contain}.grow{flex:1}.list-item .card-name{margin-top:0}.amount{text-align:right;font-size:13px;font-weight:600}.wide{width:100%;margin-top:23px}.ledger-dot{width:36px;height:36px;border-radius:50%;background:#eef1e4;color:#93a17b;display:flex;align-items:center;justify-content:center;font-size:21px}.back{display:flex;align-items:center;background:none;font-size:11px;color:#78866d;padding:0;margin-bottom:16px;gap:5px}.back svg{width:16px;height:16px}.detail-art{height:328px;background:#e7ebdc;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:16px 0 22px}.detail-art img{height:280px;width:205px;object-fit:contain;z-index:1;filter:drop-shadow(0 14px 13px #0003);transform:rotate(-5deg)}.detail-art .ball{position:absolute;background:none;width:300px;height:300px;border-width:13px;color:#ffffff70;transform:rotate(20deg)}.detail-art .ball:before{height:13px}.detail-art .ball:after{border-width:13px;background:none}.detail-name{font-size:25px;font-weight:600}.info{background:#fff;border-radius:14px;padding:17px;margin-top:15px}.info .row{font-size:11px;padding:8px 0}.info .hint{margin-top:4px}.form-label{display:block;font-size:11px;color:#7e8b71;margin:22px 0 10px}.field{display:block;width:100%;padding:15px;border:1px solid transparent;border-radius:11px;background:#fff;color:var(--ink);font-size:15px;min-height:49px}.form-error{font-size:11px;color:#b94e3e;line-height:1.7;margin-top:10px}.selected-card{margin-top:12px}.success-mark{width:70px;height:70px;border-radius:50%;background:var(--lime);font-size:30px;display:grid;place-items:center;margin:30px auto 20px}#toast{display:none;position:absolute;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;background:#273f33ee;color:#fff;font-size:12px;z-index:20;white-space:nowrap}#toast.show{display:block}.export{background:none;font-size:10px;color:#7e8f6d;padding:0}.ledger-summary{margin-bottom:24px}
@media(min-width:1500px){.workspace{padding-top:60px;padding-bottom:60px}.phone{max-height:900px;height:880px}.intro h1{font-size:58px}}@media(max-width:1000px){.workspace{padding:30px;gap:30px;grid-template-columns:1fr 390px}.phone{width:390px}.intro h1{font-size:37px}.intro-features{gap:12px;font-size:8px}.desktop-footer>span:last-child{display:none}.preview-note{right:85px;bottom:10px}}@media(max-width:760px){body{background:var(--paper)}.workspace{display:block;padding:0;min-height:100dvh}.intro,.preview-note{display:none}.phone{border:0;border-radius:0;box-shadow:none;width:100%;height:100dvh;max-height:none;min-height:0}.statusbar{display:none}.mini-header{height:48px;border-bottom:1px solid #e8eade}.page{padding:22px 24px 30px}.card-art{height:180px}.card-art img{height:158px;width:116px}.hero-value{font-size:45px}.hero{padding:26px}#tabbar{height:65px}.home-indicator{height:20px;padding-bottom:env(safe-area-inset-bottom)}.detail-art{height:350px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}