@import url('data:text/css,');
:root{color-scheme:dark;--ink:#edf2ff;--muted:#b9c5e4;--mint:#82f2d0;--line:#879bd173;--panel:linear-gradient(140deg,#45527cec,#222c4de8);font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;gap:90px;background:radial-gradient(ellipse at 20% 15%,#33414d,#101724 70%);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b6ffe6;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}button{border:1px solid var(--line);background:#7984b020;border-radius:13px;padding:12px 16px;transition:background .2s,transform .15s}button:hover:not(:disabled){background:#a5bee83b}button:active:not(:disabled){transform:scale(.98)}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:.02em}h2{font-size:21px}h3{font-size:17px;line-height:1.5}small,.muted{color:var(--muted)}p{line-height:1.75}small{font-size:11px;line-height:1.7}.desktop-note{width:270px}.wordmark{font-family:Georgia,serif;font-style:italic;font-size:55px;color:#e7fff4}.wordmark span{display:block;font:14px sans-serif;letter-spacing:4px;margin-top:13px;color:#a4bfba}.desktop-note>p{margin:40px 0;font-size:17px;color:#a6b9c0;line-height:2}.prototype-label{display:inline-block;border:1px solid #50636b;border-radius:24px;padding:8px 15px;font-size:12px;color:#a4d9c8;margin-bottom:14px}.desktop-note small{display:block;color:#748c96}#phone{position:relative;width:430px;height:min(900px,96vh);min-height:600px;isolation:isolate;overflow:hidden;border-radius:32px;box-shadow:0 30px 100px #0009,0 0 0 7px #364056,0 0 0 8px #8a95ac66;background:#202940}.scene,.shade{position:absolute;inset:0;z-index:-2}.scene{background:url('assets/room.webp') center center/cover no-repeat}.shade{background:linear-gradient(#10182a38,#131c3420 55%,#0f172943);z-index:-1}#top{padding:20px 18px 12px;height:108px;display:flex;gap:9px;align-items:flex-start}.profile{display:flex;gap:9px;align-items:center;padding:9px 12px;background:var(--panel);border:1.5px solid #a0b9f1aa;border-radius:18px;flex:1;min-width:0;box-shadow:0 6px 20px #0002}.profile b{font-size:17px;letter-spacing:1px}.profile small{display:block}.avatar{width:40px;height:44px;border:1px solid #bccaff;border-radius:11px;background:url('assets/room.webp') 51% 74%/230px auto;flex-shrink:0}.asset-stack{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;width:150px}.asset{background:#303c61e8;border:1.5px solid #91a6d8b3;padding:5px 9px;border-radius:14px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;min-height:33px}.asset .plus{background:#a8b4de55;border-radius:5px;padding:0 4px;font-size:16px}.coin{color:#ffd475;text-shadow:0 1px 4px #b56c08;font-size:20px}.ticket{color:#dfd1ff;font-size:20px}#content{height:calc(100% - 195px);overflow-y:auto;scrollbar-width:none;padding:0 18px 30px}#content::-webkit-scrollbar{display:none}#nav{position:absolute;bottom:14px;left:14px;right:14px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;gap:5px;background:#222b48eb;border:1px solid #8191bfa6;border-radius:24px;box-shadow:0 10px 25px #0005}#nav button{padding:9px 3px 7px;border-radius:19px;border:1px solid #8492bf6b;display:grid;justify-items:center;gap:4px;font-weight:600;background:#4853734d;font-size:13px}#nav svg{width:25px;height:25px;filter:drop-shadow(0 2px 0 #151f46)}#nav button.active{background:linear-gradient(130deg,#54b6bf,#b0f5ca);color:#123c48;border:1.5px solid #ddfff5;box-shadow:0 0 14px #a3ffe87a}#nav button.active svg{filter:none}.panel{background:var(--panel);border:1.5px solid #9bb3eaba;border-radius:23px;padding:18px;box-shadow:0 6px 20px #12204430;margin-bottom:14px;backdrop-filter:blur(12px)}.hero-task{margin-top:4px}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:7px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:grid;gap:12px}.spaced{margin-top:15px}.primary{background:linear-gradient(120deg,#a2f9df,#65e4cc);color:#093f43;border:1.5px solid #dcfff7;box-shadow:0 0 12px #6fffd330;font-weight:700}.primary:hover:not(:disabled){background:#b7ffe5}.wide{width:100%}.danger{color:#ffaca9;border-color:#c7788270}.subtle{background:transparent;border:0;padding:5px;color:#c5d4f4}.pill{border:1px solid #96b3d870;border-radius:20px;padding:4px 9px;white-space:nowrap;font-size:11px;color:#c4d9f4}.mint{color:var(--mint)}.pill.mint{background:#7df6cb12;border-color:#75ebc952}.taskline{padding:12px 0;border-bottom:1px solid #a8b2e025}.taskline:last-child{border-bottom:0}.check{border:2px solid #abb5d4;width:24px;height:24px;border-radius:7px;padding:0;flex-shrink:0;background:transparent;display:grid;place-items:center}.check.done{color:var(--mint);border-color:var(--mint);font-size:19px}.reward{font-size:12px;color:#91f1d0;white-space:nowrap}.progress{height:7px;background:#15203d88;border:1px solid #8d9ac264;border-radius:10px;overflow:hidden;margin:8px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#4fd8b4,#9bffe4);border-radius:10px}.progress-label{display:flex;justify-content:space-between;color:#c4d1ed;font-size:11px}.home-space{height:165px;position:relative}.companion-line{max-width:260px;position:absolute;right:0;bottom:5px;padding:9px 13px;background:#303b5fd9;border:1px solid #9cb2dfab;border-radius:16px 16px 16px 3px;font-size:12px;backdrop-filter:blur(8px)}.shortcut-row{display:flex;gap:8px}.shortcut-row button{background:#333e63eb;font-size:12px;border-color:#91a5d585;backdrop-filter:blur(10px)}.home-bottom{margin-top:10px;background:#243354c9;padding:13px;border-radius:16px;border:1px solid #879dca75;display:flex;gap:10px;align-items:center}.home-bottom p{font-size:12px}.page-heading{margin:5px 0 18px;display:flex;align-items:center;justify-content:space-between}.filter{display:flex;gap:5px;margin-bottom:14px}.filter button{padding:7px 10px;border-radius:10px;font-size:12px;flex:1;background:#293858bd}.filter .selected{background:#9aecd5;color:#1a4350;font-weight:700}.goal-head{cursor:pointer;display:flex;gap:11px;align-items:center}.goal-icon{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#718ac8,#9ac9cf);display:grid;place-items:center;font-size:24px;border:1px solid #bbc9eb}.goal-body{margin-top:16px;border-top:1px solid #9daed642;padding-top:14px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions>button{flex:1;white-space:nowrap;font-size:12px;padding:10px}.empty{text-align:center;padding:30px 12px}.empty .symbol{font-size:38px;margin-bottom:12px;opacity:.8}.empty p{font-size:13px;color:var(--muted);margin:10px 0 18px}.caption{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}.chat-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.bot-icon{width:39px;height:39px;background:#e7eeff;border:3px solid #91a5de;border-radius:13px;display:grid;place-items:center;color:#254672;font-size:19px;box-shadow:0 4px 0 #182744}.chat-title h2{font-size:21px}.chat{display:flex;flex-direction:column;gap:12px;margin:15px 0}.bubble{max-width:91%;align-self:flex-start;background:#354267ed;border:1px solid #9fb3db9e;border-radius:17px 17px 17px 3px;padding:13px 15px;line-height:1.8;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{align-self:flex-end;background:linear-gradient(130deg,#b0f3df,#87e7cf);color:#14404b;border-color:#d4fff5;border-radius:17px 17px 3px 17px}.composer{display:flex;gap:7px;margin-top:12px;position:sticky;bottom:0;background:#263453ed;border-radius:18px;padding:8px;border:1px solid #9fb2dd8f;box-shadow:0 8px 20px #0c18386b}.composer textarea{resize:none;min-height:42px;max-height:120px;padding:9px;border:0;background:transparent}.composer button{width:44px;padding:0;flex-shrink:0}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{padding:7px 11px;font-size:11px;border-radius:20px;background:#263556de}.field{display:grid;gap:7px;margin-bottom:13px;font-size:12px;color:#d8e4ff}.field input,.field textarea,.field select,input,textarea,select{width:100%;border-radius:11px;background:#17254278;border:1px solid #95a8d094;padding:11px 12px;color:#f0f6ff;outline:none;min-width:0}.field input:focus,textarea:focus{border-color:var(--mint)}input::placeholder,textarea::placeholder{color:#abb9d2}.field select option{background:#273451}.summary-list{display:grid;gap:0;font-size:12px}.summary-list div{padding:10px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #a6b5d72b}.summary-list span{color:var(--muted)}.summary-list b{text-align:right;overflow-wrap:anywhere;max-width:70%;font-weight:500}.big-value{font-size:34px;color:var(--mint);font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stat{background:#1c2c4970;border:1px solid #b6c5e535;padding:12px 7px;border-radius:12px;text-align:center}.stat b{display:block;font-size:21px;margin-top:5px}.stat small{font-size:10px}.memory{padding:12px 0;border-bottom:1px solid #a6b5d72b}.memory p{font-size:13px}.memory button{padding:5px 10px;font-size:11px}.ledger-item{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #7b8bac40;font-size:12px}.ledger-item small{display:block}.success-emblem{width:68px;height:68px;border-radius:50%;background:#75e8c92b;border:2px solid #84f3d8;display:grid;place-items:center;font-size:35px;color:var(--mint);margin:0 auto 17px}.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.item{padding:18px 8px;text-align:center;border:1px solid #b3cbf0a6;background:#7180b43b;border-radius:15px}.item span{display:block;font-size:33px;margin-bottom:6px}.item.selected{border-color:var(--mint);box-shadow:0 0 14px #8affd12f}.item.muted{border-style:dashed;opacity:.55}.note-box{background:#14224070;border:1px solid #8ca3c542;padding:12px;border-radius:13px;font-size:12px;line-height:1.8}.dialog-backdrop{position:absolute;inset:0;background:#0b1524b0;backdrop-filter:blur(7px);z-index:20;display:flex;align-items:center;padding:20px}.dialog{width:100%;max-height:90%;overflow:auto;background:linear-gradient(145deg,#45577e,#222f4e);border:1.5px solid #aabef0;border-radius:24px;padding:23px;box-shadow:0 20px 60px #0007}.dialog h2{margin:4px 0 15px}.dialog .close{float:right;padding:3px 7px;background:none;border:0;font-size:23px}.dialog p{font-size:13px;white-space:pre-line}.dialog footer{display:flex;gap:9px;margin-top:20px}.dialog footer button{flex:1}.dialog input{margin-top:12px}.error{color:#ffbcb4;margin-top:10px;font-size:12px;line-height:1.6}#toast{position:absolute;bottom:108px;left:30px;right:30px;z-index:40;opacity:0;transform:translateY(10px);pointer-events:none;padding:13px 18px;background:#e7fff4;color:#203d46;text-align:center;border-radius:13px;box-shadow:0 8px 30px #0004;transition:.2s;font-size:13px}#toast.show{opacity:1;transform:translateY(0)}#offline{position:absolute;top:0;left:0;right:0;z-index:50;background:#9c524a;text-align:center;padding:7px;font-size:12px}.subheading{font-size:12px;letter-spacing:1px;margin:16px 0 10px;color:#c3d0e8}.tag-row{display:flex;gap:5px;align-items:center}.step{font-size:10px;letter-spacing:1px;color:#a5eddb;margin-bottom:10px}.auth-icon{font-size:40px;margin:10px 0}.metric{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:9px 0}.warning{color:#ffd99f}.celebrate{animation:rise .5s ease both}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){body{display:block;background:#202b43}.desktop-note{display:none}#phone{width:100%;max-width:500px;margin:auto;height:100dvh;min-height:0;border-radius:0;box-shadow:none}#top{padding-top:max(18px,env(safe-area-inset-top))}#nav{bottom:max(10px,env(safe-area-inset-bottom))}}@media(max-height:700px){#top{height:96px;padding-top:12px}#content{height:calc(100% - 177px)}.home-space{height:100px}#nav{bottom:8px}.panel{padding:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}