:root{--bg:#0b0e14;--surface:#11151e;--card:#161b26;--card-raised:#1c2330;--border:#232c3b;--border-strong:#2e3a4d;--jade:#2fbe9a;--jade-dim:#2fbe9a24;--jade-line:#2fbe9a73;--gold:#d9b25a;--gold-dim:#d9b25a24;--gold-line:#d9b25a73;--success:#2fbe9a;--locked:#d9b25a;--fail:#e0584f;--fail-dim:#e0584f24;--info:#6e8bb5;--info-dim:#6e8bb524;--cancel:#5e6b7e;--text:#eaeff6;--text-dim:#9aa7ba;--text-muted:#5e6b7e;--accent:var(--jade);--accent-dim:var(--jade-dim);--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--sh-card:0 1px 0 #ffffff05, 0 8px 24px #00000059;--sh-pop:0 12px 40px #00000080;--sh-jade:0 6px 22px #2fbe9a52}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}#root{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.screen{width:100%;max-width:480px;padding:0 var(--sp-4) var(--sp-10);flex-direction:column;flex:1;margin:0 auto;display:flex}.screen-full{width:100%;max-width:480px;padding:var(--sp-6) var(--sp-4);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 auto;display:flex}.title{letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.2}.subtitle{color:var(--text-dim);font-size:15px;line-height:1.5}.label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.scroll{flex:1;overflow-y:auto}.divider{background:var(--border);height:1px;margin:var(--sp-5) 0}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-value{font-size:16px;font-weight:600}.nav{padding:var(--sp-4) 0;border-bottom:1px solid var(--border);margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.nav-back{color:var(--jade);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:15px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-card)}.card-jade{border-color:var(--jade-line);box-shadow:inset 0 0 0 1px var(--jade-dim), var(--sh-card)}.card-gold{border-color:var(--gold-line);background:linear-gradient(180deg, var(--gold-dim), transparent 60%), var(--card)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:filter .15s,transform 80ms,border-color .15s;display:inline-flex}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--jade);color:#06120e;box-shadow:var(--sh-jade)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--jade-line);color:var(--jade)}.btn-danger{background:var(--fail);color:#fff}.btn-success{background:var(--success);color:#06120e}.btn-gold,.btn-locked{background:var(--gold);color:#1a1505}.btn-block{width:100%}.btn-sm{border-radius:var(--r-sm);padding:9px 14px;font-size:13px}.input,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);outline:none;padding:13px 15px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}textarea.input,.textarea{resize:vertical;min-height:96px;line-height:1.5}.input:focus,.textarea:focus,textarea.input:focus{border-color:var(--jade-line);box-shadow:0 0 0 3px var(--jade-dim)}.input::placeholder,.textarea::placeholder,textarea.input::placeholder{color:var(--text-muted)}.np-slider{appearance:none;border-radius:var(--r-pill);background:linear-gradient(90deg, var(--jade) 0 var(--p,55%), var(--border-strong) var(--p,55%) 100%);outline:none;width:100%;height:6px}.np-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--jade);border:3px solid var(--bg);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #00000080}.np-slider::-moz-range-thumb{background:var(--jade);border:3px solid var(--bg);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #00000080}.state-badge{border-radius:var(--r-pill);letter-spacing:.02em;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.state-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.s-funding,.state-created{background:var(--info-dim);color:var(--info)}.s-active,.state-active,.s-success,.state-success{background:var(--jade-dim);color:var(--jade)}.s-fail{background:var(--fail-dim);color:var(--fail)}.s-locked,.state-locked{background:var(--gold-dim);color:var(--gold)}.s-claim,.state-claimable{background:var(--jade);color:#06120e}.s-claim:before,.state-claimable:before{background:#06120e}.s-settled,.state-settled{color:var(--text-dim);background:#5e6b7e29}.s-cancel{color:var(--text-muted);background:#5e6b7e1f}.s-phase{background:var(--info-dim);color:var(--info)}.progress-bar{background:var(--border);border-radius:var(--r-pill);height:6px;overflow:hidden}.progress-fill{border-radius:var(--r-pill);background:var(--jade);height:100%;transition:width .3s}.bubble-bot{background:var(--card-raised);border:1px solid var(--border);border-radius:4px var(--r-lg) var(--r-lg) var(--r-lg);max-width:85%;padding:13px 16px;font-size:15px;line-height:1.55}.bubble-user{background:var(--jade-dim);border:1px solid var(--jade-line);color:var(--text);border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg);align-self:flex-end;max-width:85%;padding:13px 16px;font-size:15px;line-height:1.55}.toast-container{top:var(--sp-4);z-index:1000;gap:var(--sp-2);flex-direction:column;width:calc(100% - 32px);max-width:360px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-md);box-shadow:var(--sh-pop);padding:13px 16px;font-size:14px;font-weight:600;animation:.22s np-slide}.toast-success{background:var(--jade);color:#06120e}.toast-error{background:var(--fail);color:#fff}.toast-info{background:var(--card-raised);color:var(--text);border:1px solid var(--border)}@keyframes np-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2px solid var(--jade-dim);border-top-color:var(--jade);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.7s linear infinite np-spin}@keyframes np-spin{to{transform:rotate(360deg)}}.fab{background:var(--jade);color:#06120e;cursor:pointer;width:56px;height:56px;box-shadow:var(--sh-jade);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;text-decoration:none;transition:transform .15s;display:flex;position:fixed;bottom:28px;right:20px}.fab:active{transform:scale(.92)}.badge-display{background:linear-gradient(135deg, var(--gold), #a06a3c);width:80px;height:80px;box-shadow:0 0 30px var(--gold-dim);border:2px solid var(--gold-line);border-radius:50%;justify-content:center;align-items:center;font-size:36px;display:flex}.camera-container{aspect-ratio:3/4;border-radius:var(--r-lg);background:#000;width:100%;position:relative;overflow:hidden}.camera-container video,.camera-container canvas{object-fit:cover;width:100%;height:100%}.camera-shutter{cursor:pointer;background:#ffffffe6;border:4px solid #fff6;border-radius:50%;width:64px;height:64px;transition:transform .1s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.camera-shutter:active{transform:translate(-50%)scale(.9)}