:root{--v-1: #3B6FF0;--v-2: #2547B8;--v-glow: rgba(59,111,240,.42);--j-1: #E85D9B;--j-2: #C23C7A;--j-glow: rgba(232,93,155,.42);--gold: #D9B87C;--gold-soft: rgba(217,184,124,.18);--burgundy: #6D1E3A;--ok: #46C08B;--warn: #E8B04B;--bad: #E4635F;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--sp: 16px;--nav-h: 68px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, system-ui, sans-serif;--ease: cubic-bezier(.22,.9,.28,1);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}[data-theme=dark]{--bg: #070A18;--bg-2: #0D1330;--surface: rgba(255,255,255,.055);--surface-2: rgba(255,255,255,.085);--border: rgba(255,255,255,.11);--border-strong: rgba(255,255,255,.2);--text: #F3F1EE;--text-dim: #A3A9C4;--text-faint: #6E7699;--shadow: 0 18px 50px rgba(0,0,0,.55);--card-grad: linear-gradient(140deg, #16205A 0%, #2A1440 52%, #4A1330 100%);--halo-1: rgba(59,111,240,.3);--halo-2: rgba(232,93,155,.26)}[data-theme=light]{--bg: #FBF6F2;--bg-2: #FFFFFF;--surface: rgba(20,16,40,.045);--surface-2: rgba(20,16,40,.075);--border: rgba(20,16,40,.1);--border-strong: rgba(20,16,40,.2);--text: #171430;--text-dim: #5E5A78;--text-faint: #8A87A3;--shadow: 0 14px 40px rgba(60,35,70,.14);--card-grad: linear-gradient(140deg, #2A3C8E 0%, #6B2B62 55%, #8E2547 100%);--halo-1: rgba(59,111,240,.16);--halo-2: rgba(232,93,155,.16)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:16px;line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(80vw 55vh at 12% -8%,var(--halo-1),transparent 62%),radial-gradient(70vw 50vh at 92% 8%,var(--halo-2),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}h1,h2,h3,h4{margin:0;letter-spacing:-.022em;font-weight:650}h1{font-size:1.6rem}h2{font-size:1.22rem}h3{font-size:1.02rem}p{margin:0 0 .6em}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{-webkit-appearance:none}a{color:inherit}.app-shell{min-height:100%;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 14px)}.page{padding:14px var(--sp) 26px;max-width:620px;margin:0 auto;animation:pageIn .3s var(--ease)}@keyframes pageIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.topbar{position:sticky;top:0;z-index:40;padding:calc(var(--safe-t) + 10px) var(--sp) 10px;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--border)}.topbar .title{flex:1;min-width:0}.topbar .title b{display:block;font-size:1.04rem;letter-spacing:-.02em}.topbar .title span{display:block;font-size:.74rem;color:var(--text-dim)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card+.card{margin-top:12px}.card-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem;font-weight:650}.card-title .sub{margin-left:auto;font-size:.74rem;color:var(--text-dim);font-weight:500}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-dim);font-size:.84rem}.tiny{font-size:.72rem;color:var(--text-faint)}.center{text-align:center}.bankcard{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:20px 20px 18px;background:var(--card-grad);box-shadow:var(--shadow);color:#fff7f0;border:1px solid rgba(255,255,255,.14)}.bankcard:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 8% -25%,rgba(255,255,255,.24),transparent 55%);pointer-events:none}.bankcard:before{content:"";position:absolute;width:210px;height:210px;right:-70px;bottom:-95px;border-radius:50%;background:radial-gradient(circle,var(--gold-soft),transparent 68%)}.bankcard .brand{display:flex;align-items:center;gap:9px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.bankcard .amount{font-size:2.05rem;font-weight:700;letter-spacing:-.03em;margin:12px 0 2px}.bankcard .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin-top:18px;position:relative;z-index:1}.bankcard .grid div span{display:block;font-size:.66rem;opacity:.72;text-transform:uppercase;letter-spacing:.08em}.bankcard .grid div b{font-size:.9rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:999px;padding:11px 18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .14s var(--ease),opacity .14s,background .18s;min-height:44px}.btn:active{transform:scale(.965)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--v-1),var(--j-1));border-color:transparent;color:#fff;box-shadow:0 8px 26px #7850c852}.btn.v{background:linear-gradient(135deg,var(--v-1),var(--v-2));border-color:transparent;color:#fff}.btn.j{background:linear-gradient(135deg,var(--j-1),var(--j-2));border-color:transparent;color:#fff}.btn.ghost{background:transparent}.btn.danger{border-color:#e4635f80;color:var(--bad);background:#e4635f14}.btn.sm{padding:8px 13px;min-height:36px;font-size:.8rem}.btn.block{width:100%}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:9px}.quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:15px 8px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);font-size:.74rem;font-weight:600;text-align:center;cursor:pointer;min-height:86px;transition:transform .14s var(--ease),background .18s}.quick:active{transform:scale(.955);background:var(--surface-2)}.quick .e{font-size:1.45rem;line-height:1}.field{display:block;margin-bottom:12px}.field>span{display:block;font-size:.76rem;color:var(--text-dim);margin-bottom:6px;font-weight:600}.input,.textarea,.select{width:100%;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s;font-size:16px}.input:focus,.textarea:focus,.select:focus{border-color:var(--v-1);box-shadow:0 0 0 3px var(--v-glow)}.textarea{min-height:92px;resize:vertical}.select{background-image:none}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:8px 13px;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .16s var(--ease);min-height:38px;display:inline-flex;align-items:center;gap:5px}.chip:active{transform:scale(.95)}.chip.on{background:linear-gradient(135deg,var(--v-1),var(--j-1));border-color:transparent;color:#fff}.chip.on-v{background:linear-gradient(135deg,var(--v-1),var(--v-2));border-color:transparent;color:#fff}.chip.on-j{background:linear-gradient(135deg,var(--j-1),var(--j-2));border-color:transparent;color:#fff}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;border:1px solid var(--border);background:var(--surface)}.pill.good{color:var(--ok);border-color:#46c08b57;background:#46c08b1a}.pill.warn{color:var(--warn);border-color:#e8b04b57;background:#e8b04b1a}.pill.bad{color:var(--bad);border-color:#e4635f57;background:#e4635f1a}.pill.gold{color:var(--gold);border-color:#d9b87c66;background:var(--gold-soft)}.badge{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#e4353a;color:#fff;font-size:.66rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg)}.avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:750;font-size:.9rem;color:#fff;flex:none;position:relative}.avatar.v{background:linear-gradient(135deg,var(--v-1),var(--v-2));box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--v-glow)}.avatar.j{background:linear-gradient(135deg,var(--j-1),var(--j-2));box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--j-glow)}.avatar.lg{width:60px;height:60px;font-size:1.35rem}.avatar.sm{width:28px;height:28px;font-size:.72rem}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar .dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid var(--bg)}.chat-wrap{display:flex;flex-direction:column;height:100dvh}.chat-scroll{flex:1;overflow-y:auto;padding:12px var(--sp) 8px;-webkit-overflow-scrolling:touch}.chat-compose{position:sticky;bottom:0;padding:10px var(--sp) calc(10px + var(--safe-b));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end}.bubble-row{display:flex;margin-bottom:8px;gap:7px;align-items:flex-end}.bubble-row.mine{flex-direction:row-reverse}.bubble{max-width:76%;padding:10px 13px;border-radius:19px;font-size:.93rem;line-height:1.42;position:relative;word-break:break-word;animation:bubbleIn .24s var(--ease)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.bubble.v{background:linear-gradient(135deg,var(--v-1),var(--v-2));color:#fff;border-bottom-right-radius:6px}.bubble.j{background:linear-gradient(135deg,var(--j-1),var(--j-2));color:#fff;border-bottom-left-radius:6px}.bubble.other{border-bottom-left-radius:6px}.bubble.mine{border-bottom-right-radius:6px}.bubble .meta{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-top:4px;font-size:.63rem;opacity:.82}.bubble .reply-ref{font-size:.72rem;opacity:.82;border-left:2px solid currentColor;padding-left:7px;margin-bottom:5px}.bubble .rx{position:absolute;bottom:-10px;right:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:1px 6px;font-size:.68rem}.bubble.deleted{background:var(--surface);color:var(--text-faint);font-style:italic;border:1px dashed var(--border)}.day-sep{text-align:center;margin:16px 0 10px}.day-sep span{font-size:.68rem;color:var(--text-faint);background:var(--surface);padding:3px 12px;border-radius:999px;border:1px solid var(--border)}.typing{display:inline-flex;gap:3px;align-items:center;padding:9px 13px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:bounce 1.2s infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--bg-2) 84%,transparent);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border-top:1px solid var(--border)}.navitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.63rem;font-weight:650;color:var(--text-faint);text-decoration:none;position:relative;transition:color .18s}.navitem .ic{font-size:1.28rem;line-height:1;transition:transform .2s var(--ease)}.navitem.active{color:var(--text)}.navitem.active .ic{transform:translateY(-2px) scale(1.1)}.navitem.active:before{content:"";position:absolute;top:6px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,var(--halo-2),transparent 70%)}.navitem .badge{position:absolute;top:6px;left:50%;margin-left:5px}.list-item{display:flex;gap:12px;align-items:flex-start;padding:13px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:transform .14s var(--ease)}.list-item:active{transform:scale(.99)}.list-item.unread{border-color:#e4353a66;background:#e4353a0d}.empty{text-align:center;padding:42px 20px;color:var(--text-dim)}.empty .e{font-size:2.6rem;margin-bottom:10px;display:block}.skel{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sheet-back{position:fixed;inset:0;z-index:100;background:#0406129e;backdrop-filter:blur(5px);animation:fadeIn .2s;display:flex;align-items:flex-end;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:620px;max-height:88dvh;overflow-y:auto;background:var(--bg-2);border-radius:var(--r-xl) var(--r-xl) 0 0;border:1px solid var(--border);border-bottom:none;padding:8px var(--sp) calc(20px + var(--safe-b));animation:sheetUp .3s var(--ease)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.sheet .grab{width:38px;height:4px;border-radius:2px;background:var(--border-strong);margin:8px auto 14px}.toasts{position:fixed;left:0;right:0;top:calc(var(--safe-t) + 8px);z-index:200;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;padding:0 14px}.toast{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:999px;padding:10px 17px;font-size:.84rem;font-weight:600;box-shadow:var(--shadow);animation:toastIn .26s var(--ease);max-width:100%}.toast.err{border-color:#e4635f8c;color:var(--bad)}.toast.ok{border-color:#46c08b80;color:var(--ok)}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.conn{display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--border)}.conn .d{width:6px;height:6px;border-radius:50%}.conn.connected .d{background:var(--ok)}.conn.connected{color:var(--ok)}.conn.connecting .d{background:var(--warn);animation:pulse 1.1s infinite}.conn.connecting{color:var(--warn)}.conn.offline .d{background:var(--bad)}.conn.offline{color:var(--bad)}@keyframes pulse{50%{opacity:.3}}.confetti{position:fixed;inset:0;pointer-events:none;z-index:300;overflow:hidden}.confetti i{position:absolute;width:8px;height:13px;top:-20px;animation:fall linear forwards;border-radius:2px}@keyframes fall{to{transform:translateY(104vh) rotate(680deg);opacity:0}}.splash{position:fixed;inset:0;z-index:500;background:#05071a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.splash .orbs{position:relative;width:190px;height:108px}.splash .orb{position:absolute;top:50%;width:74px;height:74px;border-radius:50%;filter:blur(13px);transform:translateY(-50%)}.splash .orb.b{left:0;background:var(--v-1);animation:meetL 1.5s var(--ease) forwards}.splash .orb.p{right:0;background:var(--j-1);animation:meetR 1.5s var(--ease) forwards}@keyframes meetL{60%{left:52px}to{left:58px;opacity:.82}}@keyframes meetR{60%{right:52px}to{right:58px;opacity:.82}}.splash .heart{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.7rem;opacity:0;animation:heartIn .7s var(--ease) 1.15s forwards}@keyframes heartIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.splash h1{color:#fff6ee;letter-spacing:.34em;font-size:1.28rem;opacity:0;animation:fadeUp .55s var(--ease) 1.5s forwards}.splash p{color:#b9bedc;font-size:.84rem;opacity:0;animation:fadeUp .55s var(--ease) 1.85s forwards}.splash .tag{color:var(--gold);font-size:.68rem;letter-spacing:.1em;opacity:0;animation:fadeUp .55s var(--ease) 2.1s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.splash .skip{position:absolute;bottom:calc(30px + var(--safe-b));background:none;border:none;color:#6e7699;font-size:.78rem}.identity-card{position:relative;overflow:hidden;padding:22px 18px;border-radius:var(--r-xl);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:14px;transition:transform .16s var(--ease)}.identity-card:active{transform:scale(.975)}.identity-card.v{background:linear-gradient(135deg,#3b6ff033,#2547b81a);border-color:#3b6ff066}.identity-card.j{background:linear-gradient(135deg,#e85d9b33,#c23c7a1a);border-color:#e85d9b66}.identity-card.taken{opacity:.42;pointer-events:none}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;max-width:262px;margin:0 auto}.pinpad button{height:62px;border-radius:var(--r-md);font-size:1.28rem;font-weight:650;background:var(--surface);border:1px solid var(--border);cursor:pointer}.pinpad button:active{background:var(--surface-2);transform:scale(.95)}.pindots{display:flex;gap:13px;justify-content:center;margin:22px 0}.pindots i{width:13px;height:13px;border-radius:50%;border:2px solid var(--border-strong);transition:all .2s}.pindots i.on{background:linear-gradient(135deg,var(--v-1),var(--j-1));border-color:transparent;transform:scale(1.14)}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--v-1),var(--j-1));border-radius:2px;opacity:.5}.timeline .node{position:relative;margin-bottom:14px}.timeline .node:before{content:"";position:absolute;left:-22px;top:16px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--v-1),var(--j-1));box-shadow:0 0 0 3px var(--bg)}.matched-banner{text-align:center;padding:20px;border-radius:var(--r-lg);background:linear-gradient(135deg,#3b6ff038,#e85d9b38);border:1px solid rgba(217,184,124,.44)}.matched-banner b{display:block;font-size:1.08rem;letter-spacing:.04em;margin-bottom:5px}hr.sep{border:none;border-top:1px solid var(--border);margin:16px 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}