:root{--bg: var(--tg-theme-secondary-bg-color, #f2f3f7);--surface: var(--tg-theme-section-bg-color, var(--tg-theme-bg-color, #ffffff));--text: var(--tg-theme-text-color, #12131a);--muted: var(--tg-theme-hint-color, #8a8ea3);--link: var(--tg-theme-link-color, #3f7bff);--danger: var(--tg-theme-destructive-text-color, #e34948);--line: color-mix(in srgb, var(--muted) 18%, transparent);--soft: color-mix(in srgb, var(--muted) 12%, transparent);--brand: #4f6bff;--brand-2: #8a3ffc;--gradient: linear-gradient(135deg, #3f7bff 0%, #6a5cff 55%, #8a3ffc 100%);--good: #1baf7a;--radius: 20px;--radius-sm: 14px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .06);--safe-bottom: max(env(safe-area-inset-bottom), var(--tg-safe-area-inset-bottom, 0px));--tabbar-height: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg)}body{margin:0;color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}button:active:not(:disabled){transform:scale(.97)}button{transition:transform .12s ease,background-color .2s ease,opacity .2s ease}h1,h2,p{margin:0}.app{max-width:560px;margin:0 auto;padding:10px 16px calc(var(--tabbar-height) + var(--safe-bottom) + 24px)}.topbar{display:flex;align-items:center;gap:12px;padding:4px 0 6px}.avatar{width:42px;height:42px;flex:none;border-radius:50%;object-fit:cover}.avatar.letter{display:grid;place-items:center;background:var(--gradient);color:#fff;font-weight:700;font-size:18px}.topbar-text{flex:1;min-width:0}.topbar-name{font-weight:650;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-sub{color:var(--muted);font-size:13px}.balance-pill{flex:none;border:0;cursor:pointer;padding:8px 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow);font-weight:650;font-size:14px}.page{display:flex;flex-direction:column;gap:12px;animation:rise .28s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.page-title{display:flex;align-items:baseline;justify-content:space-between;padding:14px 2px 2px}.page-title h1{font-size:28px;font-weight:750;letter-spacing:-.02em}.page-title span{color:var(--muted);font-size:14px}.card{background:var(--surface);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.card h2{font-size:17px;font-weight:700}.card-head{display:flex;gap:12px;align-items:flex-start}.card-head>div:last-child{display:flex;flex-direction:column;gap:4px}.stack{display:flex;flex-direction:column;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);padding:13px 18px;font-weight:650;cursor:pointer}.button:disabled{opacity:.55;cursor:default}.button.wide{width:100%}.button.primary{background:var(--gradient);color:#fff;box-shadow:0 6px 18px #4f6bff4d}.button.light{background:#fffffff2;color:#3b3fd8}.button.ghost{background:var(--surface);color:var(--link);box-shadow:var(--shadow)}.icon-button{flex:none;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}.icon-button.sending{opacity:.5}.icon-button.sent{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good)}.icon-button.plain{background:var(--soft);color:var(--muted);width:34px;height:34px}.tile{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:26px;object-fit:cover;background:var(--soft)}.tile.small{width:44px;height:44px;border-radius:14px;font-size:20px}.tile.tiny{width:38px;height:38px;border-radius:12px;font-size:18px}.tone-blue{background:linear-gradient(135deg,#3f7bff2e,#3f7bff14);color:#3f7bff}.tone-violet{background:linear-gradient(135deg,#8a3ffc2e,#8a3ffc14);color:#8a3ffc}.tone-orange{background:linear-gradient(135deg,#ff8a3d33,#ff8a3d14);color:#f07a2a}.tone-green{background:linear-gradient(135deg,#1baf7a33,#1baf7a14);color:var(--good)}.tone-pink{background:linear-gradient(135deg,#ec489933,#ec489914);color:#e0458f}.tone-grey{background:var(--soft);color:var(--muted)}.row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.row.faded .tile,.row.faded .row-title{opacity:.55}.row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row-kicker{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.row-title{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.row-meta{color:var(--muted);font-size:13px}.balance-card{position:relative;overflow:hidden;border-radius:24px;padding:20px;color:#fff;background:var(--gradient);box-shadow:0 12px 30px #4f6bff59;display:flex;flex-direction:column;gap:4px}.balance-card:after{content:"";position:absolute;right:-60px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 70%)}.balance-label{opacity:.85;font-size:14px;font-weight:500}.balance-amount{font-size:34px;font-weight:750;letter-spacing:-.02em;margin-bottom:14px}.level-head{display:flex;align-items:center;gap:12px}.level-medal{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#ffc43d47,#ff8a3d1f)}.level-text{flex:1;min-width:0;display:flex;flex-direction:column}.level-text b{font-size:19px}.level-badge{flex:none;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good)}.progress{height:10px;border-radius:999px;background:var(--soft);overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:var(--gradient)}.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.level{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;padding:10px 6px;border-radius:var(--radius-sm);background:var(--soft);font-size:12px;color:var(--muted)}.level b{color:var(--text);font-size:13px}.level-percent{color:var(--text);font-weight:700;font-size:15px}.level.reached{opacity:.75}.level.current{background:color-mix(in srgb,var(--brand) 12%,var(--surface));box-shadow:inset 0 0 0 2px var(--brand)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats>div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:var(--radius-sm);background:var(--soft)}.stats b{font-size:18px}.stats span{color:var(--muted);font-size:13px}.link-field{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:1px dashed var(--line);border-radius:var(--radius-sm);padding:11px 12px;background:transparent;color:var(--link);font-size:13px;cursor:pointer;text-align:left}.link-field span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movements{list-style:none;margin:0;padding:0}.movements li{display:flex;align-items:center;gap:12px;padding:10px 0}.movements li+li{border-top:1px solid var(--line)}.movement-text{flex:1;min-width:0;display:flex;flex-direction:column}.amount{font-weight:650;white-space:nowrap}.amount.plus{color:var(--good)}.banner{padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:14px}.banner.accent{background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--text);font-weight:600}.chips{position:sticky;top:0;z-index:2;display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:8px 16px;background:var(--bg);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;border:0;cursor:pointer;white-space:nowrap;padding:8px 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow);font-size:14px;font-weight:550}.chip.active{background:var(--gradient);color:#fff}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.design{border:0;padding:0;cursor:pointer;text-align:left;background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.design img{display:block;width:100%;aspect-ratio:454 / 258;object-fit:cover;object-position:top;background:var(--soft)}.design span{display:block;padding:9px 11px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;background:#080a1480;animation:fade .2s ease both}@keyframes fade{0%{opacity:0}}.sheet-body{width:100%;max-width:560px;max-height:92vh;margin:0 auto;overflow-y:auto;background:var(--surface);border-radius:24px 24px 0 0;animation:slide .28s cubic-bezier(.2,.9,.3,1) both}@keyframes slide{0%{transform:translateY(40px);opacity:.6}}.sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 16px 12px;background:var(--surface);font-size:17px}.sheet-handle{position:absolute;left:50%;top:7px;transform:translate(-50%);width:38px;height:5px;border-radius:3px;background:var(--line)}.sheet-picture{display:block;width:calc(100% - 32px);margin:0 16px;border-radius:14px}.sheet-bar{position:sticky;bottom:0;padding:12px 16px calc(12px + var(--safe-bottom));background:var(--surface)}.sheet-body>.sheet-picture:last-child{margin-bottom:calc(16px + var(--safe-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);height:calc(var(--tabbar-height) + var(--safe-bottom));padding:6px 12px var(--safe-bottom);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)}.tabbar-item{border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600}.tabbar-icon{display:grid;place-items:center;width:56px;height:30px;border-radius:999px;transition:background-color .2s ease,color .2s ease}.tabbar-item.active{color:var(--brand)}.tabbar-item.active .tabbar-icon{background:color-mix(in srgb,var(--brand) 14%,transparent)}.tabbar-label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast{position:fixed;left:50%;z-index:30;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 14px);transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:11px 16px;border-radius:999px;background:#141620eb;color:#fff;font-size:14px;font-weight:550;box-shadow:0 8px 24px #0003;animation:pop .22s ease both}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:36px 20px}.empty-art{width:84px;height:84px;border-radius:28px;display:grid;place-items:center;background:var(--gradient);color:#fff;box-shadow:0 10px 28px #4f6bff59;margin-bottom:6px}.empty .button{margin-top:8px}.notice{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.notice-logo{width:76px;height:76px;border-radius:22px}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--soft) 25%,color-mix(in srgb,var(--muted) 22%,transparent) 50%,var(--soft) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.row-skeleton{height:80px}.line-skeleton{height:44px;margin:6px 0;border-radius:12px}.block-skeleton{height:180px;margin-top:52px}.pill-skeleton{width:96px;height:34px;border-radius:999px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}