:root{--bg: #f4f5f8;--panel: #ffffff;--panel-2: #f8f9fb;--text: #1f2933;--text-muted: #6b7280;--primary: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--font-sans: "Inter", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", "Noto Sans SC", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--border: #e5e7eb;--ring: rgba(59,130,246,.35);--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 2px 10px rgba(15, 23, 42, .08);--shadow-lg: 0 6px 20px rgba(15, 23, 42, .12)}[data-theme=dark]{--bg: #0b1220;--panel: #0f172a;--panel-2: #111827;--text: #e5e7eb;--text-muted: #9ca3af;--primary: #60a5fa;--primary-600: #3b82f6;--primary-700: #2563eb;--success: #34d399;--warning: #f59e0b;--danger: #ef4444;--border: #1f2937;--ring: rgba(96,165,250,.35);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 6px 20px rgba(0,0,0,.35);--shadow-lg: 0 14px 40px rgba(0,0,0,.45)}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:.005em;color:var(--text);background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.16),transparent 55%),radial-gradient(circle at 85% 8%,rgba(16,185,129,.16),transparent 48%),radial-gradient(circle at 25% 85%,rgba(165,180,252,.18),transparent 52%),linear-gradient(180deg,#ecf2fffa,#f4f7fff0 45%,#fafbffeb);background-attachment:fixed;--body-overlay: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cpath fill=%22%23c7d2fe22%22 d=%22M4 32a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm28 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm28 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM32 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm0 56a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z%22/%3E%3C/svg%3E");-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] body{background:radial-gradient(circle at 18% 15%,rgba(79,70,229,.35),transparent 55%),radial-gradient(circle at 82% 10%,rgba(16,185,129,.32),transparent 50%),radial-gradient(circle at 15% 88%,rgba(37,99,235,.38),transparent 55%),linear-gradient(180deg,#050a16f5,#060a18f0 48%,#040814fa);background-attachment:fixed;--body-overlay: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22%3E%3Cpath fill=%22%231c233399%22 d=%22M4 32a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm28 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm28 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0ZM32 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm0 56a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z%22/%3E%3C/svg%3E")}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:var(--body-overlay);opacity:.5;z-index:-1}[data-theme=dark] body:before{opacity:.32}code{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:24px 20px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.controls{display:flex;align-items:center;gap:10px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-padded{padding:24px}.header-card{background:linear-gradient(180deg,rgba(59,130,246,.08),transparent 60%),var(--panel)}h1,h2,h3,h4,.title{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0;color:var(--text)}h1,.title{font-size:clamp(2.25rem,2.8vw,2.75rem)}h2{font-size:clamp(1.75rem,2.2vw,2rem)}h3{font-size:clamp(1.35rem,1.7vw,1.5rem)}h4{font-size:clamp(1.15rem,1.4vw,1.25rem);letter-spacing:-.005em}p,li{font-size:1rem}small,.muted{font-size:.875rem}.muted{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:10px;padding:10px 16px;border:1px solid transparent;background:var(--panel-2);color:var(--text);box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;cursor:pointer}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:translateY(0);transition-duration:80ms}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:transparent}.btn-secondary{background:#10b981;color:#fff;border-color:transparent}.btn-ghost{background:transparent;border-color:var(--border)}.nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.nav-btn{background:transparent;border:1px solid rgba(15,23,42,.08);color:var(--text);border-radius:999px;padding:10px 18px;font-weight:600;transition:all .16s ease}.nav-btn:hover{transform:none;background:#3b82f614}.nav-btn.active{background:var(--primary);color:#fff;border-color:transparent}.nav-toggle{position:fixed;top:16px;left:16px;z-index:1000;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease,border-color .14s ease}.nav-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.nav-toggle:active{box-shadow:0 0 0 3px var(--ring)}.nav-toggle.open{background:linear-gradient(180deg,var(--primary),var(--primary-700));color:#fff;border-color:transparent}.nav-toggle-icon{pointer-events:none}.nav-drawer{position:fixed;top:68px;left:16px;z-index:999;width:220px;max-height:calc(100vh - 84px);overflow:auto;padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-lg);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.nav-drawer.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-item{width:100%;text-align:left;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 14px;font-weight:600;font-family:var(--font-sans);letter-spacing:.005em;margin:6px 0;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.nav-item:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.nav-item:active{box-shadow:0 0 0 3px var(--ring)}.nav-item.active{background:linear-gradient(180deg,var(--primary),var(--primary-700));color:#fff;border-color:transparent}.nav-group{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.nav-group:last-child{border-bottom:none;padding-bottom:0}.nav-group-title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:.015em;opacity:.8;margin-bottom:.5rem;padding:0 1rem}.nav-badge{display:inline-block;margin-left:.5rem;font-size:.625rem;font-weight:600;font-family:var(--font-sans);background:linear-gradient(135deg,var(--primary),var(--primary-600));color:#fff;padding:.125rem .5rem;border-radius:10px;text-transform:uppercase;letter-spacing:.05em}.nav-item-logout{margin-top:1rem;border-top:1px solid var(--border);padding-top:1rem;color:var(--danger)}.nav-item-logout:hover{background:#ef44441a;color:var(--danger)}.grid{display:grid;gap:16px}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm);transition:box-shadow .14s ease,border-color .14s ease,background .14s ease;box-sizing:border-box}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.input[disabled]{opacity:.6}.input-hint{margin-top:6px;font-size:12px;color:var(--text-muted)}.input-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.form-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.form-grid--two-column{grid-template-columns:minmax(0,1fr)}.form-field{display:flex;flex-direction:column;gap:8px}.form-field--full{grid-column:1 / -1}.form-label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media (min-width: 640px){.form-grid--two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field--full{grid-column:1 / -1}}.counter{font-size:12px;color:var(--text-muted)}.list{list-style:none;margin:0;padding:0}.list-item{display:block;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);box-shadow:var(--shadow-sm);margin-bottom:10px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.list-item:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg)}.list-item.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.link{background:transparent;border:0;padding:0;color:inherit;text-align:left;width:100%;cursor:pointer}.link:focus{outline:none}.thread-meta{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);font-size:12px;color:var(--text-muted)}.badge.pending{border-color:#fcd34d;color:#b45309;background:#fef3c7}.badge.published{border-color:#86efac;color:#166534;background:#dcfce7}.divider{height:1px;background:var(--border);margin:12px 0}.callout{border:1px dashed var(--border);border-radius:12px;background:var(--panel-2);padding:14px;color:var(--text-muted)}.center{display:flex;align-items:center;justify-content:center}.pill{padding:4px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border)}.dashboard-header,.eth-header{background:linear-gradient(180deg,rgba(59,130,246,.08),transparent 60%),var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.section-header,.dashboard-header,.eth-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-header h2,.dashboard-header h1,.eth-header h1{margin:0;color:var(--text)}.s-header{background:transparent;border:0;box-shadow:none;padding:8px 0}.view-controls button,.horizon-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:8px 16px;font-weight:600;transition:all .16s ease}.view-controls button:hover,.horizon-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.view-controls button.active,.horizon-btn.active{background:linear-gradient(180deg,var(--primary),var(--primary-700));color:#fff;border-color:transparent}.price-card,.metrics-card,.control-card,.predictions-section,.dashboard-controls{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.s-btn{border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);transition:all .16s ease}.s-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.s-btn.s-btn-ghost{background:transparent}.home-bubbles{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1400px 700px at 100% -10%,rgba(99,164,255,.22),transparent 40%),radial-gradient(1200px 600px at -20% 120%,rgba(120,200,255,.2),transparent 40%),linear-gradient(180deg,#f5faff,#eaf3ff);overflow:hidden}.home-bubbles:before{content:"";position:absolute;inset:-20% -10% -10% -20%;background:radial-gradient(360px 200px at 18% 26%,rgba(120,200,255,.35),transparent 60%),radial-gradient(420px 240px at 84% 18%,rgba(170,230,255,.28),transparent 60%),radial-gradient(320px 220px at 64% 82%,rgba(90,150,255,.26),transparent 60%),radial-gradient(300px 200px at 6% 84%,rgba(180,220,255,.22),transparent 60%),radial-gradient(280px 180px at 50% 50%,rgba(200,240,255,.18),transparent 60%);filter:blur(34px) saturate(1.12);animation:aurora 14s ease-in-out infinite alternate;pointer-events:none}.bubble-container{display:flex;gap:clamp(36px,6vw,96px);align-items:center;justify-content:center;padding:24px;flex-wrap:wrap}.bubble{position:relative;width:clamp(260px,42vw,640px);height:clamp(260px,42vw,640px);border-radius:50%;border:1px solid rgba(255,255,255,.12);background:conic-gradient(from 0deg,#83d1ff1a,#b478ff1a,#78ffd61a,#ffb4dc1a,#83d1ff1a 360deg),radial-gradient(120% 120% at 80% 10%,#ffffffb3,#ffffff2e 58%,#ffffff0f),radial-gradient(60% 60% at 20% 80%,#a3d2ff4d,#a3d2ff0f 75%);background-blend-mode:screen,normal,normal;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 28px 100px #588eff47,0 8px 24px #588eff2e,inset 0 1px 10px #ffffff8c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:float 7.5s ease-in-out infinite,breath 6s ease-in-out infinite;-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1) 70%,rgba(0,0,0,.6) 86%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle at 50% 50%,#000 70%,#0009 86%,#0000);overflow:visible}.bubble:before{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(closest-side,#78b4ff59,#78b4ff00 70%);filter:blur(14px) saturate(1.1);animation:pulseGlow 4.8s ease-in-out infinite;pointer-events:none;z-index:0}.bubble:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#fff0,#ffffff57 30deg,#fff0,#ffffff38,#fff0,#ffffff4d,#fff0 330deg,#ffffff57 360deg),radial-gradient(circle at 50% 50%,#ffffff1a,#fff0 60%);mix-blend-mode:screen;filter:blur(8px) saturate(1.05);animation:spinSheen 11s linear infinite;pointer-events:none;z-index:1}.bubble:hover{transform:translateY(-12px) scale(1.07);box-shadow:0 40px 120px #588eff52,0 10px 28px #588eff38,inset 0 2px 12px #ffffffb3}.bubble-label{font-size:clamp(2rem,4.2vw,4.2rem);font-weight:800;letter-spacing:.04em;background:linear-gradient(90deg,#2a5ea8,#7cb9ff,#2a5ea8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(124,185,255,.35);animation:shineText 6s ease-in-out infinite}.bubble-container .bubble:nth-child(1){animation-delay:0s,.2s}.bubble-container .bubble:nth-child(2){animation-delay:1s,.8s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes breath{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes aurora{0%{transform:translate3d(-4%,1%,0) scale(1.02);filter:blur(36px) saturate(1.06)}50%{transform:translate3d(4%,-2%,0) scale(1.07);filter:blur(42px) saturate(1.16)}to{transform:translate3d(-2%,1%,0) scale(1.03);filter:blur(36px) saturate(1.08)}}@keyframes spinSheen{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}@keyframes shineText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 480px){.bubble{width:clamp(220px,70vw,480px);height:clamp(220px,70vw,480px)}.bubble-container{gap:36px}.bubble-label{font-size:clamp(2rem,7vw,3.4rem)}}@media (max-width: 768px){body{font-size:14px}.container{padding:16px 12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.controls{width:100%;flex-wrap:wrap}.nav-toggle{top:12px;left:12px;width:40px;height:40px}.nav-drawer{top:60px;left:12px;width:calc(100vw - 24px);max-width:280px}.nav-item{padding:12px;font-size:.95rem}}@media (max-width: 480px){body{font-size:13px}.container{padding:12px 8px}h1,.title{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.btn{padding:8px 12px;font-size:.875rem}.nav{gap:6px}.nav-btn{padding:8px 12px;font-size:.875rem}}@media (max-width: 768px){button,.btn,a.btn,.nav-btn,.nav-item{min-height:44px;min-width:44px}button:active,.btn:active,a.btn:active{transform:scale(.98);opacity:.9}button,.btn,.nav-btn,.nav-item{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,select,textarea{font-size:16px;min-height:44px}.modal,.bh-modal-content,.rebate-detail-card{max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:8px}.modal-body,.bh-modal-body,.chart-container{-webkit-overflow-scrolling:touch}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}img{max-width:100%;height:auto}.horizontal-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.horizontal-scroll::-webkit-scrollbar{height:4px}.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}}@media (max-width: 480px){body{padding:0}.flex-row-mobile{flex-direction:column!important;gap:12px!important}.btn-full-mobile{width:100%!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.grid-mobile-1{grid-template-columns:1fr!important}.card-mobile-compact{padding:12px!important;margin-bottom:12px!important}.text-mobile-sm{font-size:.875rem!important}.text-mobile-xs{font-size:.75rem!important}}@media (max-width: 896px) and (orientation: landscape){.home-hero,.bh-hero,.analytics-header{padding-top:24px!important;padding-bottom:24px!important}.nav-drawer{max-height:calc(100vh - 60px)!important}.modal,.bh-modal-content{max-height:90vh!important}}@media (min-width: 768px) and (max-width: 1024px){.home-board__row{grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) 80px 110px 100px!important}.rebate-table-row{grid-template-columns:1.8fr 1fr .9fr 1fr!important}.container,.analytics-container,.bh-main{max-width:100%;padding-left:24px;padding-right:24px}.bh-grid,.home-hero__metrics{grid-template-columns:repeat(2,1fr)!important}}@media (hover: none) and (pointer: coarse){button,a,.btn{padding:12px 16px}.btn:hover{transform:none}.btn:active{transform:scale(.97)}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.nav-toggle{left:max(16px,calc(env(safe-area-inset-left) + 16px))}.bh-floating-compare{bottom:max(1rem,calc(env(safe-area-inset-bottom) + 1rem));left:max(1rem,calc(env(safe-area-inset-left) + 1rem));right:max(1rem,calc(env(safe-area-inset-right) + 1rem))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.btn,.nav-btn,.card{border-width:2px!important}.btn-primary{background:#0051d5!important}.text-muted{color:var(--text)!important;opacity:.8}}@media (display-mode: standalone){.home-hero,.bh-hero,.analytics-header{padding-top:max(3rem,calc(env(safe-area-inset-top) + 3rem))}}.app{min-height:100vh;background-color:var(--bg)}.app:has(.orderbook-container){background-color:#fff}[data-theme=dark] .app:has(.orderbook-container){background-color:#0f172a}.navbar{background:var(--panel);box-shadow:none;border-bottom:1px solid rgba(15,23,42,.08)}.nav-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--text);margin:0}.refresh-button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px}.refresh-button:hover{background:#0056b3}.tabs-container{max-width:1200px;margin:24px auto 0;padding:0 20px}.tabs{border-bottom:1px solid rgba(15,23,42,.08);display:flex;gap:32px}.tab-button{background:none;border:none;padding:12px 4px;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;font-weight:500;letter-spacing:.01em;color:var(--text-muted);border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px;transition:all .2s}.tab-button:hover{color:var(--text);border-bottom-color:var(--border)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tab-icon{font-size:16px}.main-content{max-width:1200px;margin:0 auto;padding:24px 20px}.dashboard{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a;border-left:4px solid}.stat-card-blue{border-left-color:#007bff}.stat-card-green{border-left-color:#28a745}.stat-card-yellow{border-left-color:#ffc107}.stat-card-red{border-left-color:#dc3545}.stat-card-content{display:flex;align-items:center;gap:16px}.stat-icon{font-size:2rem}.stat-title{margin:0;font-size:14px;color:#666;font-weight:500}.stat-value{margin:4px 0 0;font-size:2rem;font-weight:700;color:#333}.avg-rate-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.avg-rate-container h3{margin:0 0 12px;font-size:1.25rem;color:#333}.avg-rate-value{font-size:3rem;font-weight:700;color:#007bff}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px}.chart-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.chart-title{margin:0 0 16px;font-size:1.25rem;color:#333}.stores-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.section-header{padding:24px;border-bottom:1px solid #e0e0e0}.section-header h3{margin:0;font-size:1.25rem;color:#333}.stores-list{divide-y:1px solid #e0e0e0}.store-item{padding:24px;cursor:pointer;transition:background-color .2s}.store-item:hover{background-color:#f8f9fa}.store-content{display:flex;justify-content:space-between;align-items:flex-start}.store-name{margin:0 0 8px;font-size:1rem;font-weight:500;color:#333}.store-url{margin:0 0 8px;font-size:14px;color:#666}.store-date{margin:0;font-size:12px;color:#999}.upsized-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.upsized-list{divide-y:1px solid #e0e0e0}.upsized-item{padding:24px;background:linear-gradient(to right,#fff8f0,#fff)}.upsized-content{display:flex;justify-content:space-between;align-items:flex-start}.upsized-name{margin:0 0 12px;font-size:1rem;font-weight:500;color:#333}.cashback-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.current-rate{font-size:1.25rem;font-weight:700;color:#28a745}.previous-rate{font-size:14px;color:#666;text-decoration:line-through}.upsized-date{margin:0;font-size:12px;color:#999}.no-data{padding:48px;text-align:center;color:#666}.scrape-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a;max-width:600px}.scrape-container h3{margin:0 0 20px;font-size:1.25rem;color:#333}.scrape-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.scrape-button{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.scrape-button:hover{background:#0056b3}.scrape-button:disabled{background:#6c757d;cursor:not-allowed}.loading-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f5f5f5}.loading-spinner{width:64px;height:64px;border:4px solid #e0e0e0;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f5f5f5;text-align:center;padding:20px}.error-container h2{color:#dc3545;margin-bottom:16px}.error-container p{color:#666;margin-bottom:24px}.retry-button{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px}.retry-button:hover{background:#0056b3}@media (max-width: 768px){.nav-content{flex-direction:column;height:auto;padding:16px 20px;gap:16px}.stats-grid,.charts-grid{grid-template-columns:1fr}.chart-container{overflow-x:auto;padding:16px}.tabs{flex-wrap:wrap;gap:12px}.tab-button{padding:10px 3px;font-size:.875rem}.store-content,.upsized-content{flex-direction:column;gap:12px}.stat-card{padding:20px}.stat-value{font-size:1.75rem}.avg-rate-value{font-size:2.5rem}.main-content{padding:16px 12px}}@media (max-width: 480px){.nav-title{font-size:1.25rem}.refresh-button{padding:8px 16px;font-size:13px}.tabs-container{padding:0 12px;margin-top:16px}.tabs{gap:8px}.tab-button{padding:10px 2px;font-size:.8rem}.main-content{padding:12px 8px}.stat-card{padding:16px}.stat-card-content{gap:12px}.stat-icon{font-size:1.5rem}.stat-title{font-size:13px}.stat-value{font-size:1.5rem}.avg-rate-container,.chart-container{padding:16px}.avg-rate-value{font-size:2rem}.chart-title{font-size:1.125rem}.stores-container,.upsized-container{border-radius:6px}.section-header{padding:16px}.section-header h3{font-size:1.125rem}.store-item,.upsized-item{padding:16px}.store-name{font-size:.95rem}.current-rate{font-size:1.125rem}.scrape-container{padding:16px;max-width:100%}.form-group input{padding:10px;font-size:13px}.scrape-button{padding:10px 20px;font-size:13px}}.leverage-calculator{max-width:1200px;margin:0 auto;padding:20px}.calculator-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:12px 12px 0 0;margin-bottom:0}.calculator-header h2{margin:0 0 20px;font-size:28px;font-weight:600}.tabs{display:flex;gap:10px}.tabs button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.tabs button:hover{background:#ffffff4d}.tabs button.active{background:#fff;color:#667eea;border-color:#fff}.calculator-content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 6px #0000001a}.input-section{padding:30px;border-bottom:1px solid #e5e7eb}.input-section h3{margin:0 0 20px;color:#374151;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;color:#6b7280;margin-bottom:8px;font-weight:500}.form-group input,.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.button-group{display:flex;gap:10px}.calculate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.calculate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.calculate-btn:disabled{opacity:.6;cursor:not-allowed}.results-section{padding:30px}.results-section h3{margin:0 0 20px;color:#374151;font-size:20px}.result-card{background:#f9fafb;border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid #e5e7eb}.result-card.warning{background:#fef3c7;border-color:#fbbf24}.result-card.success{background:#d1fae5;border-color:#34d399}.result-card.danger{background:#fee2e2;border-color:#f87171}.result-card h4{margin:0 0 15px;color:#1f2937;font-size:16px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;border-radius:6px}.info-item .label{color:#6b7280;font-size:14px}.info-item .value{color:#1f2937;font-size:16px;font-weight:600}.info-item .value.profit{color:#10b981}.info-item .value.loss{color:#ef4444}.info-item .value.danger{color:#dc2626}.info-item .value.safe{color:#10b981}.risk-levels{display:flex;flex-direction:column;gap:12px}.risk-level-item{background:#fff;border-radius:6px;padding:12px;border-left:4px solid #e5e7eb}.risk-level-item:hover{border-left-color:#667eea;box-shadow:0 2px 4px #0000000d}.risk-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.level-name{font-size:14px;font-weight:600;color:#374151}.level-price{font-size:16px;font-weight:600;color:#667eea}.risk-level-details{display:flex;gap:20px;font-size:13px;color:#6b7280}@media (max-width: 768px){.calculator-header{padding:20px}.calculator-header h2{font-size:24px}.form-grid,.info-grid{grid-template-columns:1fr}.tabs{flex-direction:column}.tabs button{width:100%}}.hp{min-height:100vh;background:var(--bg);color:var(--text)}.hp-inner{max-width:740px;margin:0 auto;padding:0 20px 64px}.hp-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}.hp-brand{font-family:Lora,"Noto Serif SC",serif;font-size:1.15rem;font-weight:500;color:var(--text);letter-spacing:-.01em}.hp-brand__light{font-weight:400;color:var(--text-muted)}.hp-nav__links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hp-nav__link{background:none;border:none;padding:0;font-family:var(--font-sans);font-size:12px;color:var(--text-muted);cursor:pointer;letter-spacing:.04em;transition:color .15s}.hp-nav__link:hover{color:var(--text)}.hp-nav__cta{font-size:11px;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 14px;text-decoration:none;letter-spacing:.04em;transition:all .15s;white-space:nowrap}.hp-nav__cta:hover{background:var(--panel-2)}.hp-nav__toggles{display:inline-flex;align-items:center;gap:8px}.hp-hero{padding:48px 0 40px;border-bottom:1px solid var(--border);max-width:520px}.hp-hero__eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--text-muted);margin:0 0 16px;text-transform:uppercase}.hp-hero__title{font-family:Lora,"Noto Serif SC",serif;font-size:clamp(1.75rem,4vw,2rem);font-weight:400;line-height:1.35;color:var(--text);margin:0 0 16px;letter-spacing:-.01em}.hp-hero__em{font-style:italic;color:var(--text-muted)}.hp-hero__desc{font-size:13px;color:var(--text-muted);line-height:1.7;margin:0 0 24px;max-width:460px}.hp-hero__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hp-btn{font-family:var(--font-sans);font-size:13px;font-weight:500;border-radius:6px;padding:10px 20px;cursor:pointer;transition:all .15s;border:none;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.hp-btn--outline{background:transparent;border:1px solid var(--border);color:var(--text)}.hp-btn--outline:hover{background:var(--panel-2)}.hp-btn--sm{padding:6px 14px;font-size:12px;white-space:nowrap;flex-shrink:0}.hp-link{background:none;border:none;padding:0;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.04em;cursor:pointer;transition:color .15s;white-space:nowrap}.hp-link:hover{color:var(--text)}.hp-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:32px 0}.hp-stats__item{padding:16px 20px;background:var(--panel);border-right:1px solid var(--border)}.hp-stats__item:last-child{border-right:none}.hp-stats__val{font-family:Lora,"Noto Serif SC",serif;font-size:1.25rem;font-weight:500;color:var(--text);margin-bottom:2px}.hp-stats__label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:.04em}.hp-section{padding:32px 0;border-bottom:1px solid var(--border)}.hp-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.hp-section-header__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--text-muted);white-space:nowrap;text-transform:uppercase}.hp-section-header__line{flex:1;height:1px;background:var(--border)}.hp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hp-feature-card{background:var(--panel-2);border-radius:10px;padding:16px}.hp-feature-card__icon{width:28px;height:28px;border-radius:50%;background:var(--panel);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:12px}.hp-feature-card__title{font-family:Lora,"Noto Serif SC",serif;font-size:14px;font-weight:500;color:var(--text);margin:0 0 6px}.hp-feature-card__desc{font-size:12px;color:var(--text-muted);line-height:1.6;margin:0}.hp-two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--border)}.hp-news-list{display:flex;flex-direction:column}.hp-news-item{padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .15s}.hp-news-item:last-child{border-bottom:none}.hp-news-item:hover{opacity:.65}.hp-news-item__title{font-family:Lora,"Noto Serif SC",serif;font-size:13px;line-height:1.5;color:var(--text);margin:0 0 4px;font-weight:400}.hp-news-item__summary{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-news-item__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hp-news-item__source{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-muted)}.hp-news-item__time{font-size:11px;color:var(--text-muted)}.hp-dot{width:2px;height:2px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.hp-badge{font-size:10px;padding:1px 8px;border-radius:999px;border:1px solid;font-family:var(--font-sans);line-height:1.6}.hp-badge--green{border-color:#86efac;color:#166534;background:#f0fdf4}.hp-badge--red{border-color:#fca5a5;color:#991b1b;background:#fef2f2}.hp-badge--amber{border-color:#fde68a;color:#854d0e;background:#fefce8}.hp-badge--gray{border-color:var(--border);color:var(--text-muted);background:var(--panel-2)}[data-theme=dark] .hp-badge--green{border-color:#86efac4d;color:#86efac;background:#16653433}[data-theme=dark] .hp-badge--red{border-color:#fca5a54d;color:#fca5a5;background:#991b1b33}[data-theme=dark] .hp-badge--amber{border-color:#fde68a4d;color:#fde68a;background:#854d0e33}.hp-weekly-card{background:var(--panel-2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.hp-weekly-card--empty{align-items:center;text-align:center;gap:8px}.hp-weekly-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hp-weekly-card__title{font-family:Lora,"Noto Serif SC",serif;font-size:15px;font-weight:500;color:var(--text);line-height:1.4;margin:0}.hp-weekly-card__week{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.hp-weekly-card__divider{height:1px;background:var(--border)}.hp-weekly-card__bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.hp-weekly-card__bullet{display:flex;gap:8px;align-items:flex-start}.hp-weekly-card__dot{width:4px;height:4px;border-radius:50%;background:var(--text-muted);margin-top:7px;flex-shrink:0}.hp-weekly-card__bullet p{font-size:12px;color:var(--text-muted);line-height:1.6;margin:0}.hp-fortune-banner{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.hp-fortune-banner__shrine{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);font-family:Lora,"Noto Serif SC",serif;font-size:1.5rem;color:var(--text)}.hp-fortune-banner__body{flex:1;min-width:0}.hp-fortune-banner__top{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.hp-fortune-banner__name{font-family:Lora,"Noto Serif SC",serif;font-size:14px;font-weight:500;color:var(--text)}.hp-fortune-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:1px 8px;border-radius:999px;border:1px solid}.hp-fortune-tag--大吉,.hp-fortune-tag--吉{border-color:#86efac;color:#166534;background:#f0fdf4}.hp-fortune-tag--小吉{border-color:#fde68a;color:#854d0e;background:#fefce8}.hp-fortune-tag--平{border-color:#fcd34d;color:#92400e;background:#fffbeb}.hp-fortune-tag--险{border-color:#fdba74;color:#9a3412;background:#fff7ed}.hp-fortune-tag--凶{border-color:#fca5a5;color:#991b1b;background:#fef2f2}.hp-fortune-tag--大凶{border-color:#f87171;color:#7f1d1d;background:#fef2f2}.hp-fortune-banner__sub{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.04em;font-style:italic;margin:0 0 4px}.hp-fortune-banner__verdict{font-size:12px;color:var(--text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:24px 0}.hp-cta{border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px}.hp-cta__body{min-width:0}.hp-cta__title{font-family:Lora,"Noto Serif SC",serif;font-size:16px;font-weight:500;color:var(--text);margin:0 0 4px}.hp-cta__desc{font-size:12px;color:var(--text-muted);margin:0}.hp-footer{border-top:1px solid var(--border);margin-top:32px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.hp-footer__copy{font-size:11px;color:var(--text-muted);margin:0}.hp-footer__links{display:flex;gap:16px}.hp-footer__link{background:none;border:none;padding:0;font-size:11px;color:var(--text-muted);cursor:pointer;transition:color .15s}.hp-footer__link:hover{color:var(--text)}@media (max-width: 768px){.hp-features{grid-template-columns:1fr}.hp-two-col{grid-template-columns:1fr;gap:24px}.hp-fortune-banner{flex-direction:column;text-align:center;gap:12px}.hp-fortune-banner__top{justify-content:center}}@media (max-width: 480px){.hp-inner{padding:0 16px 48px}.hp-nav{flex-direction:column;align-items:flex-start;gap:10px}.hp-nav__links{gap:12px;width:100%}.hp-hero{padding:32px 0 28px}.hp-hero__title{font-size:1.5rem}.hp-stats{grid-template-columns:1fr}.hp-stats__item{border-right:none;border-bottom:1px solid var(--border)}.hp-stats__item:last-child{border-bottom:none}.hp-features{grid-template-columns:1fr}.hp-two-col{grid-template-columns:1fr;gap:20px}.hp-fortune-banner{flex-direction:column;text-align:center;gap:10px;padding:16px}.hp-fortune-banner__top{justify-content:center}.hp-footer{flex-direction:column;align-items:flex-start;gap:8px}}.language-selector{position:relative;display:inline-flex;align-items:center}.language-selector__control{appearance:none;background:var(--panel, #ffffff);color:var(--text, #1f2933);border:1px solid var(--border, rgba(15, 23, 42, .12));border-radius:999px;padding:8px 36px 8px 14px;font-family:var(--font-sans, "Inter", sans-serif);font-size:.9rem;font-weight:600;letter-spacing:.02em;min-width:160px;box-shadow:var(--shadow-sm, 0 1px 2px rgba(15, 23, 42, .1));cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.language-selector__control:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.language-selector__control:hover{transform:translateY(-1px);box-shadow:var(--shadow, 0 4px 12px rgba(15, 23, 42, .12))}.language-selector:after{content:"";position:absolute;top:50%;right:14px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;color:var(--text-muted, rgba(15, 23, 42, .55));pointer-events:none;transform:translateY(-50%)}[data-theme=dark] .language-selector__control{background:var(--panel, #111827);color:var(--text, #e5e7eb);border-color:var(--border, rgba(255, 255, 255, .08))}[data-theme=dark] .language-selector:after{color:var(--text-muted, rgba(226, 232, 240, .7))}.topnav{border-bottom:1px solid var(--border, #e5e7eb);background:var(--bg, #f4f5f8)}.topnav__inner{max-width:740px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.topnav__brand{background:none;border:none;padding:0;cursor:pointer;font-family:Lora,"Noto Serif SC",serif;font-size:1.15rem;font-weight:500;color:var(--text, #1f2933);letter-spacing:-.01em}.topnav__brand-light{font-weight:400;color:var(--text-muted, #6b7280)}.topnav__links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.topnav__link{background:none;border:none;padding:0;font-family:var(--font-sans, system-ui, sans-serif);font-size:12px;color:var(--text-muted, #6b7280);cursor:pointer;letter-spacing:.04em;transition:color .15s}.topnav__link:hover{color:var(--text, #1f2933)}.topnav__cta{font-size:11px;color:var(--text, #1f2933);border:1px solid var(--border, #e5e7eb);border-radius:4px;padding:6px 14px;text-decoration:none;letter-spacing:.04em;transition:all .15s;white-space:nowrap}.topnav__cta:hover{background:var(--panel-2, #f8f9fb)}.topnav__toggles{display:inline-flex;align-items:center;gap:8px}@media (max-width: 480px){.topnav__inner{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:10px}.topnav__links{gap:12px;width:100%}}