*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary: #000000;--bg-card: #0a0a0a;--bg-card-hover: #111111;--bg-nav: #0d0d0d;--bg-input: #1a1a1a;--bg-badge: #1e1e1e;--border-card: #1a1a1a;--border-input: #333;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-muted: #666666;--color-red: #ff3b30;--color-green: #34c759;--color-yellow: #ffd740;--color-orange: #ff9800;--color-blue: #007aff;--color-purple: #af52de;--halt-border-red: #cc0000;--halt-border-green: #28a745;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 60px}html,body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;height:100%;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 8px)}.header{text-align:center;padding:16px 16px 8px}.header__title{font-size:28px;font-weight:800;letter-spacing:-.5px}.header__subtitle{color:var(--color-red);font-size:12px;font-weight:600;margin-top:2px}.header__tagline{color:var(--text-muted);font-size:11px;font-style:italic;margin-top:4px}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;margin-bottom:4px}.status-bar__date{background:var(--bg-badge);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.status-bar__live{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.halt-list{padding:0 12px;display:flex;flex-direction:column;gap:10px}.halt-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:12px 14px;border-left:4px solid var(--halt-border-red);transition:transform .2s ease,opacity .3s ease;animation:slideIn .35s ease-out}.halt-card--resumed{border-left-color:var(--halt-border-green)}.halt-card--new{animation:slideIn .35s ease-out,glow 1.5s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glow{0%{box-shadow:0 0 15px #ff3b3066}to{box-shadow:none}}.halt-card__line1{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.halt-card__symbol-info{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-secondary)}.halt-card__symbol{font-size:16px;font-weight:800;color:var(--text-primary)}.halt-card__dot{color:var(--text-muted);font-size:10px}.halt-card__badges{display:flex;align-items:center;gap:6px}.badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;color:#fff;line-height:1.2}.badge--frequency{background:var(--color-green)}.badge--frequency-mid{background:var(--color-yellow);color:#000}.badge--frequency-high{background:var(--color-orange)}.badge--frequency-extreme{background:var(--color-red)}.badge--reason{background:var(--color-orange)}.badge--reason-ludp{background:var(--color-yellow);color:#000}.badge--halted{background:var(--color-red)}.badge--resumed{background:var(--color-green)}.badge--countdown{background:var(--color-yellow);color:#000}.halt-card__line2{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.halt-card__company{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:8px}.halt-card__line3{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.halt-card__price-block{flex:1}.halt-card__price-label{font-size:11px;color:var(--text-muted)}.halt-card__price{font-size:24px;font-weight:800;letter-spacing:-.5px}.halt-card__bidask{flex:1;text-align:center}.halt-card__bidask-row{font-size:13px;color:var(--text-secondary)}.halt-card__bidask-value{font-weight:600;color:var(--text-primary)}.halt-card__change{flex:1;text-align:right}.halt-card__change-amount{font-size:16px;font-weight:700}.halt-card__change-percent{font-size:14px;font-weight:600}.text-up{color:var(--color-green)}.text-down{color:var(--color-red)}.halt-card__line4{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.halt-card__stat{display:flex;flex-direction:column}.halt-card__stat-label{font-size:10px;color:var(--text-muted);margin-bottom:1px}.halt-card__stat-value{font-weight:500;color:var(--text-secondary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-nav);border-top:1px solid var(--border-card);display:flex;justify-content:space-around;align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;padding:8px 16px;border:none;background:none;color:var(--text-muted);font-size:10px;font-weight:600;font-family:var(--font-family);transition:color .2s}.nav-item--active{color:var(--color-red)}.nav-item__icon{font-size:22px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted)}.empty-state__icon{font-size:48px;margin-bottom:12px}.empty-state__text{font-size:16px;font-weight:500}.empty-state__sub{font-size:13px;margin-top:4px}.loading-spinner{display:flex;justify-content:center;padding:20px}.spinner{width:28px;height:28px;border:3px solid var(--border-card);border-top-color:var(--color-red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pull-indicator{text-align:center;padding:12px;font-size:12px;color:var(--text-muted);transition:opacity .2s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}