:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace, ui-monospace;--bg-app:#080c14;--bg-card:#0f1726;--bg-card-subtle:#152033;--bg-card-hover:#1b2940;--border-subtle:#1e2d44;--border-active:#38bdf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#080c14;--color-bullish:#10b981;--color-bullish-light:#10b9811f;--color-bullish-border:#10b98159;--color-bearish:#ef4444;--color-bearish-light:#ef44441f;--color-bearish-border:#ef444459;--color-bandar:#f59e0b;--color-bandar-light:#f59e0b1f;--color-bandar-border:#f59e0b59;--color-foreign:#38bdf8;--color-foreign-light:#38bdf81f;--color-foreign-border:#38bdf859;--color-purple:#a855f7;--color-purple-light:#a855f71f;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 6px 20px #0006;--shadow-glow-green:0 0 20px #10b98140;--shadow-glow-cyan:0 0 20px #38bdf840;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#04070d;font-size:15px;line-height:1.5;overflow-x:hidden}#root{justify-content:center;align-items:stretch;min-height:100vh;display:flex}.app-container{background-color:var(--bg-app);width:100%;max-width:500px;min-height:100vh;padding-bottom:calc(90px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 50px #0009}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.font-mono{font-family:var(--font-mono)}button,input,select,textarea{font-family:inherit;font-size:14px}button{cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:7px;display:inline-flex}button:active{transform:scale(.97)}.btn-primary{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#10b981 0%,#059669 100%);min-height:48px;padding:0 20px;font-weight:700;box-shadow:0 6px 18px #10b98159}.btn-primary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-cyan{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);min-height:48px;padding:0 20px;font-weight:700;box-shadow:0 6px 18px #38bdf859}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-subtle);min-height:44px;color:var(--text-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:0 16px;font-weight:600}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#38bdf866}.btn-subtle{min-height:44px;color:var(--text-secondary);border-radius:var(--radius-md);padding:0 14px;font-weight:500}.btn-subtle:hover{background:var(--bg-card-subtle);color:var(--text-primary)}.app-header{z-index:40;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#080c14f2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:10px;display:flex}.brand-icon{color:#fff;width:38px;height:38px;box-shadow:var(--shadow-glow-green);background:linear-gradient(135deg,#10b981 0%,#0284c7 100%);border-radius:12px;justify-content:center;align-items:center;font-weight:800;display:flex}.brand-title{color:var(--text-primary);font-size:16px;font-weight:800;line-height:1.2}.brand-subtitle{color:var(--text-muted);letter-spacing:.04em;font-size:11.5px;font-weight:600}.header-icon-btn{background:var(--bg-card);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover{color:var(--text-primary);border-color:var(--border-active)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:18px;position:relative}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);width:100%;max-width:500px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#0f1726f5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 28px #00000073}.nav-item{min-height:52px;color:var(--text-muted);border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 1px;font-size:11px;font-weight:600;display:flex;position:relative}.nav-item.active{color:#10b981}.nav-indicator{border-radius:var(--radius-full);background:#10b981;width:18px;height:3px;position:absolute;top:2px;box-shadow:0 0 8px #10b981}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-strong-acc{color:#34d399;background:#10b98126;border:1px solid #10b98166}.badge-acc{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf866}.badge-neutral{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b66}.badge-dist{color:#f87171;background:#ef444426;border:1px solid #ef444466}.badge-purple{color:#c084fc;background:#a855f726;border:1px solid #a855f766}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#04070dcc;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-sheet{width:100%;max-width:500px;max-height:90vh;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:#0f1726;border-radius:28px 28px 0 0;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 -10px 40px #000000b3}.modal-handle{border-radius:var(--radius-full);background:#253347;width:40px;height:5px;margin:0 auto 16px}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card-subtle);width:100%;min-height:48px;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.form-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.chip-grid{flex-wrap:wrap;gap:6px;display:flex}.chip-item{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-card);min-height:42px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.chip-item.selected{color:#34d399;background:#10b98126;border-color:#10b981;font-weight:700}.range-slider{-webkit-appearance:none;background:#1e293b;border-radius:4px;outline:none;width:100%;height:8px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#10b981;border:2px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0d1420}.custom-scrollbar::-webkit-scrollbar-thumb{background:#1e2d44;border-radius:3px}