:root{--ink:#14221f;--muted:#71807a;--paper:#f4f1e9;--card:#fffdf8;--line:#d9ddd5;--green:#0d7b62;--green2:#43b896;--red:#d95c4f;--gold:#c99d45;--navy:#102d32;--shadow:0 18px 50px rgba(21,41,35,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.app-shell{min-height:100vh;background-image:radial-gradient(#cbd3ca 0.7px,transparent .7px);background-size:22px 22px}.topbar{height:76px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;gap:28px;background:rgba(255,253,248,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:11px;min-width:172px}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#f7e9bd;font:700 21px serif;box-shadow:inset 0 0 0 4px #24494a}.brand b{display:block;font-size:17px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.26em;color:var(--muted)}.search{max-width:540px;flex:1;height:43px;border:1px solid #cbd2cc;background:white;border-radius:7px;display:flex;align-items:center;overflow:hidden}.search-icon{font-size:24px;margin-left:14px;color:#7a8983}.search input{border:0;outline:0;background:transparent;flex:1;padding:0 12px;font-size:14px;text-transform:uppercase}.search button{height:100%;border:0;background:var(--navy);color:white;padding:0 22px;font-weight:700;cursor:pointer}.market-pill{margin-left:auto;border:1px solid #cbd2cc;border-radius:99px;padding:8px 12px;font-size:12px;display:flex;align-items:center;gap:8px;background:white}.market-pill i{width:7px;height:7px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 4px #dff2eb}main{max-width:1540px;margin:auto;padding:34px clamp(20px,4vw,62px) 54px}.hero-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.eyebrow{color:var(--green);font-weight:800;font-size:10px;letter-spacing:.22em}.hero-row h1{font-family:Georgia,"Noto Serif SC",serif;margin:7px 0 4px;font-size:clamp(25px,3vw,38px);font-weight:500}.hero-row h1 span{color:var(--gold)}.hero-row p{margin:0;color:var(--muted);font-size:12px}.quote-block{text-align:right;display:flex;align-items:baseline;gap:12px}.quote-block strong{font:500 34px Georgia,serif}.quote-block span{font-weight:700;font-size:13px}.positive{color:var(--green)}.negative{color:var(--red)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.chart-card,.insight-panel,.rule-card,.event-card,.risk-card{background:rgba(255,253,248,.97);border:1px solid #d8ddd6;box-shadow:var(--shadow)}.chart-toolbar{min-height:54px;display:flex;justify-content:space-between;align-items:center;padding:8px 15px;border-bottom:1px solid var(--line);gap:12px}.timeframes{display:flex;background:#eef0ea;border-radius:5px;padding:3px}.timeframes button{border:0;background:transparent;padding:7px 11px;color:#6c7873;font-size:12px;cursor:pointer;border-radius:3px}.timeframes button.active{background:var(--navy);color:white}.layers{display:flex;gap:12px;font-size:11px;color:#596761}.layers label{cursor:pointer;display:flex;align-items:center;gap:5px}.layers input{display:none}.layers input:not(:checked)+.swatch{opacity:.22}.swatch{width:9px;height:9px;display:inline-block;border-radius:2px}.swatch.stroke{background:#de9e42}.swatch.fractal{background:#0d7b62}.swatch.center{background:#6e59a6}.swatch.divergence{background:#d95c4f}.chart-wrap{height:520px;position:relative;background:linear-gradient(rgba(222,226,218,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(222,226,218,.35) 1px,transparent 1px);background-size:64px 52px;overflow:hidden}#chart{width:100%;height:100%;display:block}.loading{position:absolute;z-index:5;inset:0;background:rgba(255,253,248,.84);display:grid;place-content:center;text-align:center;color:#65736d;font-size:12px}.loading.hidden{display:none}.loading span{width:34px;height:34px;border:3px solid #d7e7e0;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:auto}.loading p{margin-top:11px}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:absolute;display:none;background:#102d32;color:white;padding:8px 10px;border-radius:4px;font-size:11px;pointer-events:none;box-shadow:0 8px 25px #102d3244}.chart-footer{height:37px;padding:0 16px;display:flex;align-items:center;gap:17px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.chart-footer i{display:inline-block;width:7px;height:7px;margin-right:5px}.chart-footer .up{background:var(--green)}.chart-footer .down{background:var(--red)}.rule-note{margin-left:auto}.insight-panel{padding:18px;display:flex;flex-direction:column}.panel-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:13px;letter-spacing:.08em}.panel-head em{font-style:normal;color:var(--green);font-size:11px}.signal-orb{margin:17px 0 15px;padding:2px;border:1px solid #cbd7ce;background:#f5f5ee;min-height:134px;display:grid;place-items:center;position:relative}.signal-orb:before,.signal-orb:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--gold)}.signal-orb:before{left:7px;top:7px;border-left:2px solid var(--gold);border-top:2px solid var(--gold)}.signal-orb:after{right:7px;bottom:7px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold)}.signal-orb div{text-align:center}.signal-orb small,.signal-orb span{display:block;color:var(--muted);font-size:10px}.signal-orb strong{font:500 24px Georgia,"Noto Serif SC",serif;display:block;margin:8px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.metrics div{text-align:center;padding:11px 4px;border-right:1px solid var(--line)}.metrics div:last-child{border:0}.metrics span{display:block;color:var(--muted);font-size:10px}.metrics strong{font:600 19px Georgia,serif}.levels,.observation{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.levels h3,.observation h3{font-size:11px;letter-spacing:.12em;margin:0 0 10px}.levels div{display:flex;justify-content:space-between;padding:5px 0;font-size:11px}.levels span{color:var(--muted)}.levels b{font-family:ui-monospace,monospace}.observation p{font-size:11px;color:#53625c;line-height:1.75;margin:0}.explain-grid{display:grid;grid-template-columns:1.1fr 1fr .85fr;gap:18px;margin-top:18px}.rule-card,.event-card,.risk-card{padding:20px;min-height:230px}.section-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:13px}.section-title>span{color:var(--gold);font:italic 20px Georgia,serif}.section-title h2{font-size:13px;margin:0;letter-spacing:.1em}.section-title p{font-size:9px;margin:3px 0 0;color:var(--muted)}.rule-card ul{list-style:none;padding:7px 0 0;margin:0}.rule-card li{font-size:11px;padding:8px 0;border-bottom:1px dashed #e2e4de;display:flex;gap:10px;line-height:1.5}.rule-card li b{color:var(--green);min-width:62px}.events{padding-top:7px;max-height:160px;overflow:auto}.event{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed #e2e4de;font-size:10px}.event time{color:var(--muted)}.event b{display:block;font-size:11px;margin-bottom:2px}.risk-card>p{font-size:11px;line-height:1.75;color:#53625c}.risk-line{display:flex;justify-content:space-between;font-size:10px;padding:10px 0;border-top:1px solid var(--line)}.risk-line span{color:var(--muted)}footer{max-width:1540px;margin:auto;border-top:1px solid #d8ddd6;padding:22px clamp(20px,4vw,62px);display:flex;justify-content:space-between;color:#77837e;font-size:9px;letter-spacing:.12em}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.insight-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.panel-head{grid-column:1/-1}.signal-orb{margin:0}.metrics{align-self:start}.levels,.observation{margin:0;padding-top:0;border:0}.explain-grid{grid-template-columns:1fr 1fr}.risk-card{grid-column:1/-1}}@media(max-width:720px){.topbar{padding:0 14px}.brand{min-width:auto}.brand b,.brand small,.market-pill{display:none}.search button{padding:0 14px}.hero-row{align-items:start}.quote-block{display:block}.quote-block strong{font-size:25px}.workspace{display:block}.insight-panel{margin-top:14px;display:block}.chart-toolbar{align-items:flex-start;flex-direction:column}.layers{flex-wrap:wrap}.chart-wrap{height:420px}.explain-grid{grid-template-columns:1fr}.risk-card{grid-column:auto}.rule-note{display:none}}