:root{--bg: #0c0d12;--card: #16181f;--card-hover: #1c1f28;--border: #23262f;--text-1: #eaedf3;--text-2: #7c818f;--text-3: #3e4352;--green: #34d399;--green-dim: rgba(52,211,153,.1);--red: #f87171;--red-dim: rgba(248,113,113,.1);--yellow: #fbbf24;--yellow-dim: rgba(251,191,36,.1);--blue: #60a5fa;--blue-dim: rgba(96,165,250,.1);--mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans SC,system-ui,sans-serif;background:var(--bg);color:var(--text-1);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.page{max-width:480px;margin:0 auto;padding:20px 16px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--green),var(--blue));display:flex;align-items:center;justify-content:center;color:#0c0d12;font-size:18px}.brand-name{font-size:18px;font-weight:800;letter-spacing:-.02em}.update-info{text-align:right}.update-date{font-family:var(--mono);font-size:11px;color:var(--text-3)}.update-status{font-size:10px;color:var(--text-3);margin-top:2px}.principle{padding:12px 16px;border-radius:10px;background:var(--card);border-left:3px solid var(--green);margin-bottom:24px;font-size:12px;color:var(--text-2);line-height:1.6}.principle strong{color:var(--text-1)}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.ov-cell{padding:12px 10px;border-radius:10px;background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:center;transition:background .15s,border-color .15s}@media(hover:hover){.ov-cell:hover{background:var(--card-hover);border-color:var(--text-3)}}.ov-cell:active{background:var(--card-hover)}.ov-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin:0 auto 6px}.ov-name{font-size:11px;font-weight:600;margin-bottom:6px;white-space:nowrap}.ov-metric{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:6px}.ov-metric-label{font-size:9px;color:var(--text-3)}.ov-metric-val{font-family:var(--mono);font-size:11px;font-weight:600}.ov-metric-hint{font-size:9px;font-weight:600}.ov-bottom{display:flex;align-items:center;justify-content:center;gap:4px}.ov-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px}.ov-vol-flag{font-size:12px;color:var(--yellow)}.section{margin-bottom:24px}.section-hdr{display:flex;align-items:center;gap:8px;margin-bottom:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.section-hdr i{font-size:16px;color:var(--text-3)}.section-hdr h2{font-size:13px;font-weight:600;color:var(--text-2)}.section-hdr .line{flex:1;height:1px;background:var(--border)}.section-chevron{transition:transform .2s ease}.section.collapsed .section-chevron{transform:rotate(-90deg)}.section.collapsed .section-body{display:none}.sector-card{padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--border);margin-bottom:10px;cursor:pointer;transition:background .15s,border-color .15s}@media(hover:hover){.sector-card:hover{background:var(--card-hover);border-color:var(--text-3)}}.sector-card:active{background:var(--card-hover)}.sc-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sc-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sc-info{flex:1}.sc-name{font-size:15px;font-weight:700}.sc-stocks{font-size:11px;color:var(--text-3);margin-top:1px}.sc-arrow{font-size:16px;color:var(--text-3)}.dims{display:flex;flex-direction:column;gap:10px}.dim-row{display:flex;align-items:center;gap:10px}.dim-label{font-size:11px;color:var(--text-3);min-width:56px;flex-shrink:0}.dim-value{flex:1;display:flex;align-items:center;gap:8px}.cycle-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px}.cycle-bottom{background:var(--green-dim);color:var(--green)}.cycle-recovery{background:#34d39926;color:#6ee7b7}.cycle-expansion{background:var(--blue-dim);color:var(--blue)}.cycle-peak{background:var(--yellow-dim);color:var(--yellow)}.cycle-recession{background:var(--red-dim);color:var(--red)}.cycle-stable{background:#7c818f1a;color:var(--text-2)}.cycle-note{font-size:10px;color:var(--text-3)}.pct-bar-wrap{flex:1;height:6px;border-radius:3px;background:#3e435266;position:relative;overflow:hidden}.pct-bar{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.16,1,.3,1)}.pct-val{font-family:var(--mono);font-size:11px;font-weight:600;min-width:36px;text-align:right}.pct-low{color:var(--green)}.pct-mid{color:var(--text-2)}.pct-high{color:var(--red)}.vol-normal{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px}.vol-anomaly{font-size:11px;font-weight:600;color:var(--yellow);display:flex;align-items:center;gap:4px}.vol-anomaly i{font-size:14px}.leaders{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.leader-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px}.leader-name{font-weight:600;min-width:64px}.leader-role{color:var(--text-3);font-size:10px;flex:1}.leader-pct{font-family:var(--mono);font-size:11px}.leader-pct-bar{width:40px;height:4px;border-radius:2px;background:#3e435266;overflow:hidden}.leader-pct-bar div{height:100%;border-radius:2px}.footer{text-align:center;padding:24px 0 12px;font-size:10px;color:var(--text-3);line-height:1.6}.detail-view{display:none}.detail-view.active{display:block}.list-view.hidden{display:none}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.back-btn{width:36px;height:36px;border-radius:10px;background:var(--green-dim);border:1px solid rgba(52,211,153,.2);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--green);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s}@media(hover:hover){.back-btn:hover{background:#34d39933;border-color:#34d39959}}.back-btn:active{background:#34d39940}.detail-title{flex:1}.detail-title h1{font-size:18px;font-weight:700}.detail-subtitle{font-size:11px;color:var(--text-3);margin-top:2px}.detail-section{margin-bottom:24px}.detail-section-hdr{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:10px;display:flex;align-items:center;gap:6px}.detail-section-hdr i{font-size:14px}.cycle-card{padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--border)}.cycle-card-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cycle-card .cycle-desc{font-size:12px;color:var(--text-2);line-height:1.7}.pct-detail-card{padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--border)}.pct-detail-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pct-detail-row:last-child{margin-bottom:0}.pct-detail-label{font-size:12px;color:var(--text-2);min-width:24px}.pct-detail-bar{flex:1;height:8px;border-radius:4px;background:#3e435266;overflow:hidden;position:relative}.pct-detail-bar div{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.16,1,.3,1)}.pct-detail-val{font-family:var(--mono);font-size:12px;font-weight:600;min-width:40px;text-align:right}.pct-detail-note{font-size:10px;color:var(--text-3);min-width:40px}.vol-detail-card{padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--border)}.vol-detail-card .vol-status{font-size:13px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.vol-detail-card .vol-desc{font-size:12px;color:var(--text-2);line-height:1.6}.stock-section-hdr{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:10px;display:flex;align-items:center;gap:6px}.stock-section-hdr i{font-size:14px}.stock-card{padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--border);margin-bottom:10px}.stk-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.stk-name{font-size:14px;font-weight:700}.stk-code{font-family:var(--mono);font-size:11px;color:var(--text-3)}.stk-cap{font-size:10px;color:var(--text-3);background:#3e43524d;padding:1px 6px;border-radius:4px}.stk-price{font-family:var(--mono);font-size:12px;color:var(--text-1);margin-left:auto}.stk-chg-up{color:var(--red);margin-left:4px;font-size:11px}.stk-chg-dn{color:var(--green);margin-left:4px;font-size:11px}.stk-role{font-size:12px;color:var(--text-2);margin-bottom:12px}.stk-dims{display:flex;flex-direction:column;gap:8px}.stk-dim{display:flex;align-items:center;gap:8px}.stk-dim-label{font-size:11px;color:var(--text-3);min-width:24px}.stk-dim-bar{flex:1;height:6px;border-radius:3px;background:#3e435266;overflow:hidden}.stk-dim-bar div{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.16,1,.3,1)}.stk-dim-val{font-family:var(--mono);font-size:11px;font-weight:600;min-width:36px;text-align:right}.stk-vol{font-size:11px;color:var(--text-3);display:flex;align-items:center;gap:4px;margin-top:4px}.stk-dim-hint{font-size:9px;font-weight:600;min-width:24px}.stk-vol i{font-size:13px}.stk-vol.anomaly{color:var(--yellow);font-weight:600}.help-view{display:none}.help-view.active{display:block}.help-btn{width:34px;height:34px;border-radius:10px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-2);cursor:pointer;flex-shrink:0;position:relative}.help-btn:active{background:var(--card-hover)}.help-btn.fresh{border-color:var(--green);color:var(--green);animation:helpPulse 2s ease-in-out infinite}.help-btn.fresh:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--green)}@keyframes helpPulse{0%,to{box-shadow:0 0 #34d39900}50%{box-shadow:0 0 0 6px #34d39926}}.help-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.help-header h1{font-size:18px;font-weight:700;flex:1}.help-card{padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--border);margin-bottom:12px}.help-card-hdr{display:flex;align-items:center;gap:8px;margin-bottom:10px}.help-card-hdr i{font-size:16px}.help-card-hdr span{font-size:14px;font-weight:700}.help-card p{font-size:12px;color:var(--text-2);line-height:1.8;margin-bottom:8px}.help-card p:last-child{margin-bottom:0}.help-card .rule{padding:10px 12px;border-radius:8px;background:#3e435233;font-family:var(--mono);font-size:11px;color:var(--text-1);line-height:1.8;margin:8px 0}.help-card .rule-label{color:var(--text-3);font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-size:10px;display:block;margin-bottom:4px}.help-legend{display:flex;flex-direction:column;gap:8px;margin-top:10px}.help-legend-row{display:flex;align-items:center;gap:10px;font-size:12px}.help-legend-bar{width:32px;height:6px;border-radius:3px;flex-shrink:0}.help-legend-label{color:var(--text-2)}.help-cycle-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.help-cycle-item{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-2)}.follow-btn{width:34px;height:34px;border-radius:10px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-3);cursor:pointer;flex-shrink:0;margin-left:auto}.follow-btn:active{background:var(--card-hover)}.follow-btn.active{color:var(--yellow);border-color:var(--yellow);background:var(--yellow-dim)}.follow-btn-sm{width:28px;height:28px;font-size:14px;border-radius:8px}.followed-empty{display:flex;flex-direction:column;align-items:center;padding:24px 16px}.history-view{display:none}.history-view.active{display:block}.history-stats{display:flex;gap:10px;margin-bottom:16px}.history-stat{padding:12px 16px;border-radius:10px;background:var(--card);border:1px solid var(--border);flex:1}.history-stat-label{font-size:10px;color:var(--text-3);margin-bottom:2px}.history-stat-val{font-family:var(--mono);font-size:16px;font-weight:700}.signal-timeline{display:flex;flex-direction:column;gap:10px}.signal-entry{padding:14px 16px;border-radius:10px;background:var(--card);border:1px solid var(--border)}.signal-entry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.signal-date{font-family:var(--mono);font-size:10px;color:var(--text-3)}.signal-strength{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px}.signal-name{font-size:14px;font-weight:600;margin-bottom:4px}.signal-trigger{font-size:11px;color:var(--text-3)}.signal-return{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-family:var(--mono);font-size:12px;font-weight:600}.report-card{display:block;padding:14px 16px;border-radius:10px;background:var(--card);border:1px solid var(--border);text-decoration:none;color:inherit;transition:background .15s,border-color .15s}@media(hover:hover){.report-card:hover{background:var(--card-hover);border-color:var(--text-3)}}.report-card:active{background:var(--card-hover)}.report-card-top{display:flex;align-items:center;gap:12px}.report-card-info{flex:1}.report-card-name{font-size:14px;font-weight:600}.report-card-date{font-family:var(--mono);font-size:10px;color:var(--text-3);margin-top:2px}@media(min-width:640px){.page{max-width:540px;padding:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}