:root{--primary: #3b82f6;--primary-light: #dbeafe;--primary-deep: #2563eb;--bg: #f0f4f8;--card: rgba(255, 255, 255, .72);--card-border: rgba(255, 255, 255, .5);--text: #1e293b;--text-2: #64748b;--text-3: #94a3b8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bronze: #b87333;--cyan: #06b6d4;--wave-bg: #0f172a;--track: rgba(0, 0, 0, .08);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ease-page: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 800px at 85% -10%,rgba(59,130,246,.16),transparent 60%),radial-gradient(900px 700px at -10% 90%,rgba(6,182,212,.14),transparent 55%),radial-gradient(700px 500px at 50% 110%,rgba(184,115,51,.08),transparent 60%),var(--bg);transition:opacity .4s ease}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--text)}.glass-card{background:var(--card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008,inset 0 1px #fff9;padding:20px;transition:transform .2s ease-out,box-shadow .2s ease-out}.glass-card.hoverable:active{transform:scale(.985)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;transition:transform .1s ease-in-out,background .1s ease-in-out,box-shadow .1s ease-in-out,opacity .15s ease;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f659}.btn-primary:active{background:var(--primary-deep)}.btn-secondary{background:#3b82f61a;color:var(--primary-deep)}.btn-secondary:active{background:#3b82f62e}.btn-ghost{background:transparent;color:var(--primary-deep);border:1px solid var(--primary)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-sm{padding:8px 14px;font-size:.875rem;border-radius:10px}.btn-block{width:100%}.icon-btn{width:44px;height:44px;min-width:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffffb8;backdrop-filter:blur(20px);border:1px solid var(--card-border);color:var(--text);transition:transform .1s ease-in-out,background .15s ease;font-size:1.15rem}.icon-btn:active{transform:scale(.9)}.icon-btn.primary{color:var(--primary-deep);background:#3b82f61f}.icon-btn.danger{color:var(--danger);background:#ef44441f}.icon-btn.sm{width:34px;height:34px;min-width:34px;font-size:.95rem}.input-field{background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px 16px;font-size:1rem;width:100%;transition:all .2s ease;outline:none}.input-field::placeholder{color:var(--text-3)}.input-field:focus{border-color:var(--primary);background:#ffffffe6;box-shadow:0 0 0 3px #3b82f626}.slider-row{display:flex;align-items:center;gap:14px;width:100%}.slider-label{font-size:.875rem;color:var(--text-2);min-width:64px;font-weight:500}.slider-track{position:relative;flex:1;height:6px;border-radius:3px;background:var(--track)}.slider-fill{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,var(--primary),#60a5fa);transition:width 80ms linear}.slider-thumb{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000026;transform:translate(-50%,-50%);transition:transform .12s var(--ease-spring);touch-action:none;cursor:grab}.slider-thumb:active{transform:translate(-50%,-50%) scale(1.1)}.slider-value-bubble{position:absolute;bottom:26px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease}.slider-row.dragging .slider-value-bubble{opacity:1}.slider-value{font-size:.875rem;font-weight:700;color:var(--text);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.page{max-width:480px;margin:0 auto;min-height:100%;padding-bottom:calc(76px + var(--safe-bottom));animation:page-in .3s var(--ease-page)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px}.page-title{font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.section-title{font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:500;background:#ffffffb3;border:1px solid var(--card-border);color:var(--text-2);transition:all .15s ease;user-select:none}.chip.active{background:var(--primary-light);color:var(--primary-deep);border-color:#3b82f659;font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:999px}.badge-green{background:#10b9811f;color:#047857}.badge-orange{background:#f59e0b24;color:#b45309}.badge-red{background:#ef44441f;color:#b91c1c}.badge-blue{background:#3b82f61f;color:var(--primary-deep)}.badge-gray{background:#64748b1a;color:var(--text-2)}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;justify-content:space-around;align-items:center;background:#ffffffd1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--card-border);padding-bottom:var(--safe-bottom);height:calc(62px + var(--safe-bottom))}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:.72rem;font-weight:500;height:100%;transition:color .15s ease;position:relative}.tab-item .tab-icon{font-size:1.3rem;line-height:1;filter:grayscale(.6);opacity:.75;transition:all .2s ease}.tab-item.active{color:var(--primary-deep)}.tab-item.active .tab-icon{filter:none;opacity:1;transform:translateY(-1px)}.tab-item.active:before{content:"";position:absolute;top:6px;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--primary),#60a5fa)}.top-status{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0f4f8b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.5)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:999px;background:#ffffffbf;border:1px solid var(--card-border);color:var(--text-2);cursor:pointer;transition:all .15s ease}.status-pill:active{transform:scale(.96)}.status-pill.connected{color:#047857}.status-pill.disconnected{color:#b91c1c}.status-pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-pill.connected .dot{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 5px #10b98100}}.status-pill.scanning .dot{animation:spin .8s linear infinite;border-radius:50%;background:conic-gradient(from 0deg,var(--primary),transparent)}@keyframes spin{to{transform:rotate(360deg)}}.sheet-overlay{position:fixed;inset:0;z-index:100;background:#0f172a59;backdrop-filter:blur(4px);animation:fade-in .2s ease;display:flex;align-items:flex-end;justify-content:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:480px;max-height:88vh;overflow-y:auto;background:#ffffffeb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:24px 24px 0 0;border:1px solid var(--card-border);border-bottom:none;padding:20px 20px calc(20px + var(--safe-bottom));animation:sheet-up .3s var(--ease-sheet, cubic-bezier(.32, .72, 0, 1));box-shadow:0 -12px 40px #0f172a1f}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;border-radius:4px;background:#0000001f;margin:0 auto 14px}.sheet-title{font-size:1.125rem;font-weight:700;text-align:center;margin-bottom:16px}.dialog-overlay{position:fixed;inset:0;z-index:110;background:#0f172a73;backdrop-filter:blur(6px);animation:fade-in .2s ease;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{width:100%;max-width:360px;background:#fffffff2;backdrop-filter:blur(30px);border-radius:20px;border:1px solid var(--card-border);padding:24px;animation:dialog-in .22s var(--ease-page);box-shadow:0 20px 60px #0f172a2e}@keyframes dialog-in{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.col{display:flex;flex-direction:column;gap:8px}.gap-sm{gap:6px}.grow{flex:1;min-width:0}.divider{height:1px;background:#0000000f;margin:12px 0}.num{font-variant-numeric:tabular-nums}.toast-wrap{position:fixed;top:64px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:max-content;max-width:90vw}.toast{background:#0f172ae0;color:#fff;font-size:.875rem;font-weight:500;padding:10px 18px;border-radius:12px;box-shadow:0 8px 24px #0f172a40;animation:toast-in .25s var(--ease-spring);backdrop-filter:blur(10px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.segmented{display:flex;gap:4px;background:#fff9;border:1px solid var(--card-border);border-radius:14px;padding:4px;backdrop-filter:blur(16px)}.segmented-item{flex:1;padding:9px 0;border-radius:11px;font-size:.875rem;font-weight:600;color:var(--text-2);transition:all .2s ease;text-align:center}.segmented-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f659}.skeleton{position:relative;overflow:hidden;background:#64748b1f}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:6px}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}