@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&display=swap');
:root{font-family:Archivo,Arial,sans-serif;color:#dce3ea;background:#0e1116;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#38bdf8}.app{max-width:1180px;margin:auto;min-height:100vh;padding:22px 22px 100px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em;font-size:15px}.mark{border:1px solid #738697;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:13px;letter-spacing:-.08em}.mode{border:1px solid #35424e;border-radius:30px;padding:8px 13px;color:#b7bec9;font-size:13px}.mode strong{color:#38bdf8}.layout{display:grid;grid-template-columns:214px 1fr;gap:32px}.nav{display:grid;gap:5px;align-content:start;position:sticky;top:20px;height:max-content}.nav button,.bottom button{border:0;background:none;color:#9eacb8;text-align:left;padding:12px 15px;border-radius:10px}.nav button.active,.bottom button.active{color:#38bdf8;background:#162733}.nav button:hover,.bottom button:hover{color:#e6edf2}.main{min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;color:#38bdf8;font-weight:700}.head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.04em;margin:7px 0 6px}h2{font-size:21px;letter-spacing:-.025em;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}p{color:#b7bec9;line-height:1.55;margin:0 0 15px}.muted{font-size:13px;color:#8896a4}.stack{display:grid;gap:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card{background:#161b22;border:1px solid #2b353f;border-radius:17px;padding:22px}.card.action{cursor:pointer;transition:border-color .2s,transform .2s}.card.action:hover{border-color:#38bdf8;transform:translateY(-2px)}.card h2{margin:8px 0}.pill{display:inline-block;border:1px solid #31516a;border-radius:50px;color:#7fd2fa;padding:6px 10px;font-size:12px}.pill.gold{color:#d4af37;border-color:#78662f}.btn{border:1px solid #38bdf8;border-radius:10px;padding:12px 17px;background:#38bdf8;color:#09141c;font-weight:700}.btn.secondary{color:#d7e5ed;background:transparent;border-color:#445360}.btn.ghost{color:#9fdafa;background:transparent;border-color:transparent}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.hero-chart{background:#101820;border:1px solid #263645;border-radius:16px;padding:14px;overflow:hidden}.hero-chart .pattern-chart{height:auto;max-height:220px;margin-bottom:0}.chart{width:100%;height:auto;display:block;touch-action:manipulation}.chart line.gridline{stroke:#26333d;stroke-width:1}.chart .axis{fill:#8095a4;font-size:11px}.chart .up{stroke:#5ea997;fill:#5ea997}.chart .down{stroke:#c47976;fill:#c47976}.chart .selected{stroke:#38bdf8;stroke-width:2;fill:none}.chart .guide{stroke:#38bdf8;stroke-width:1;stroke-dasharray:4 4}.chart .tap{fill:transparent;stroke:none;cursor:pointer}.quiz button.option,.choice{display:block;width:100%;text-align:left;border:1px solid #34404b;background:#1a222b;color:#e4eaf0;border-radius:11px;padding:13px 15px;margin:9px 0}.option:hover,.choice:hover{border-color:#38bdf8}.option.correct{border-color:#5ea997}.option.incorrect{border-color:#bb7776}.feedback{border-left:3px solid #38bdf8;padding:13px 17px;background:#13212b;margin:15px 0;border-radius:0 8px 8px 0;color:#d7e4eb}.meter{height:7px;background:#29333e;border-radius:30px;overflow:hidden}.meter>span{display:block;height:100%;background:#38bdf8}.pattern-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pattern{background:#161b22;border:1px solid #2b353f;border-radius:13px;padding:16px;text-align:left;color:#e3eaf0}.pattern:hover{border-color:#38bdf8}.pattern .glyph{height:60px;display:flex;gap:4px;align-items:center}.mini-candle{width:10px;height:30px;background:#5ea997;position:relative;border-radius:2px}.mini-candle:before{content:"";position:absolute;left:4px;top:-10px;width:2px;height:50px;background:inherit}.mini-candle.red{background:#c47976}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px}.controls select,select,input[type=number]{background:#161b22;color:#e2eaf0;border:1px solid #45525f;border-radius:9px;padding:11px;max-width:100%}.field{display:grid;gap:7px;color:#b7bec9;font-size:14px}.field input{width:100%}.progress{display:flex;gap:10px;align-items:center;margin:12px 0}.bottom{display:none}.note{font-size:13px;color:#91a5b5}.locked{opacity:.65}.kpi{font-size:27px;color:#e3ebf1;font-weight:700;margin:8px 0}.lessonstep{font-size:13px;color:#38bdf8;font-weight:700;margin-bottom:8px}.accent{color:#38bdf8}.onboard{max-width:550px;margin:8vh auto}.onboard .choice{font-size:16px}.ghost-chart{height:82px;display:flex;align-items:end;gap:6px;margin:18px 0}.ghost-chart span{display:block;width:16px;background:#5ea997;border-radius:2px}.ghost-chart span:nth-child(2n){background:#c47976}@media(max-width:850px){.layout{grid-template-columns:1fr}.nav{display:none}.app{padding:16px 16px 95px}.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#11171e;border-top:1px solid #2a3946;z-index:8;padding:6px max(8px,env(safe-area-inset-right));justify-content:space-around}.bottom button{font-size:12px;text-align:center;padding:10px 8px}.pattern-list{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.head{display:block}.card{padding:18px}}@media(max-width:410px){.pattern-list{grid-template-columns:1fr 1fr}.brand{font-size:13px}.mark{width:34px;height:34px}}
.brand{letter-spacing:.08em}.mark{flex:none;min-width:48px;min-height:48px;width:48px;height:48px;font-size:15px;letter-spacing:-.06em;line-height:1;white-space:nowrap}.mode{flex:none}textarea{width:100%;min-height:120px;background:#101820;color:#dce3ea;border:1px solid #45525f;border-radius:9px;padding:12px;font:inherit;resize:vertical}.top{align-items:flex-start}@media(max-width:500px){.top{flex-wrap:wrap}.mode{margin-left:60px;font-size:11px;padding:6px 9px}.brand{font-size:15px}}
.book-cover{background:#161b22;border:1px solid #2b353f;border-radius:18px;padding:28px;min-height:210px;margin-bottom:16px;display:flex;flex-direction:column;justify-content:flex-end}.book-cover h2{font-size:clamp(32px,6vw,52px);margin:14px 0}.book-number{color:#7b8c9c;font-size:12px;letter-spacing:.13em}.book-page{margin-bottom:16px;max-width:750px}.book-page h2{font-size:clamp(25px,5vw,34px);margin:18px 0}.book-page p{font-size:17px;max-width:60ch}.book-illustration{background:#101820;border:1px solid #293542;border-radius:13px;display:grid;place-items:center;position:relative;margin:16px 0 24px;padding:14px}.book-illustration .pattern-chart{height:auto;max-height:260px;width:100%;margin-bottom:0}@media(max-width:500px){.book-cover{padding:20px;min-height:165px}.book-page p{font-size:16px}}
.book-slow p{font-size:20px;line-height:1.85;max-width:46ch}@media(max-width:500px){.book-slow p{font-size:19px}}

.transport{display:grid;align-items:stretch;gap:9px;margin-top:12px}.transport-play{grid-template-columns:repeat(3,minmax(0,1fr))}.transport-options{grid-template-columns:repeat(2,minmax(0,1fr))}.transport .btn,.transport select{min-height:44px;width:100%;white-space:nowrap}.transport .btn{padding:10px 6px}
.chart .last-price-panel{fill:#244b60}.chart .last-price-text{fill:#e9f7ff;font-size:12px;font-weight:700}

.brand-link{color:#dce3ea;text-decoration:none;width:max-content}.brand-link:hover .mark,.brand-link:focus-visible .mark{border-color:#38bdf8;color:#38bdf8}.brand-link:focus-visible{outline:2px solid #38bdf8;outline-offset:5px;border-radius:8px}
.pattern-chart{display:block;width:100%;height:78px;background:#101820;border:1px solid #293542;border-radius:9px;margin-bottom:10px}.pattern-detail .pattern-chart{height:auto;max-height:240px;margin:18px 0 22px}