:root{color-scheme:dark;--bg:#101318;--surface:#191e25;--line:#303640;--text:#eef1f4;--muted:#a0a9b6;--accent:#baff68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-size:16px}a{color:inherit;text-decoration:none}button,select{font:inherit}header{max-width:1360px;margin:auto;padding:26px 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{font-size:28px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:15px;color:var(--accent)}.brand span{font-size:13px;letter-spacing:2px;color:var(--text)}nav{display:flex;gap:30px;margin-left:auto}nav a{color:var(--muted);font-size:14px}nav a.active{color:var(--accent)}.github{font-size:14px;border:1px solid var(--line);padding:8px 18px;border-radius:5px}main{max-width:1360px;margin:auto;padding:0 5%}[hidden]{display:none!important}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;padding:90px 0 85px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0 0 24px}h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-3px;font-weight:600;margin:0 0 28px}h1 span{color:var(--muted)}.intro{font-size:18px;color:#b7bfca;max-width:570px}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:28px 0}.button{background:var(--accent);color:#132005;padding:13px 23px;border-radius:4px;font-size:14px;font-weight:700}.textlink{font-size:14px;border-bottom:1px solid #657044;padding-bottom:4px}.skills,.tags{display:flex;gap:8px;flex-wrap:wrap}.skills{margin-top:40px}.skills span,.tags span{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 12px;border-radius:4px}.index{align-self:center;border:1px solid var(--line);background:linear-gradient(135deg,#20262e,#161b22);padding:26px 30px;border-radius:8px}.index-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:var(--muted);padding-bottom:22px}.index>a{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);padding:27px 0}.index b{font-family:monospace;color:var(--accent);font-size:14px}.index strong{display:block;font-size:17px;font-weight:500}.index small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.index>a>span{margin-left:auto;color:var(--muted)}.index-bottom{border-top:1px solid var(--line);padding-top:20px;font-family:monospace;font-size:13px;color:var(--muted)}.section-title{border-top:1px solid var(--line);padding-top:40px;position:relative;margin-bottom:40px}.section-title .eyebrow{margin-bottom:10px}h2{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0}.section-title>span{position:absolute;right:0;bottom:5px;font-size:12px;color:var(--muted)}.project{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:0 0 65px;align-items:center}.project-visual{min-height:345px;border-radius:6px;border:1px solid var(--line);position:relative;overflow:hidden}.receipt{background:#242b34;display:flex;align-items:center;justify-content:center;padding:25px}.phone{background:#f4f6f8;color:#17212d;width:240px;border-radius:15px;padding:23px 20px;box-shadow:0 15px 35px #0005;border:6px solid #394451}.phone-head{font-size:14px;font-weight:bold;border-bottom:1px solid #d4d9df;padding-bottom:20px}.phone-head span{display:block;font-size:12px;font-weight:normal;color:#606c7a;margin-top:6px}.receipt-row,.receipt-total{display:flex;justify-content:space-between;font-size:12px;padding:12px 0;gap:10px}.receipt-total{border-top:1px solid #d4d9df;font-size:16px}.phone>small{font-size:12px;color:#606c7a}.visual-caption{position:absolute;bottom:12px;left:20px;letter-spacing:2px;font-size:12px;color:#b9c3ce}.project-copy .eyebrow{margin-bottom:15px}h3{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.7px;margin:0 0 18px}.project-copy>p:not(.eyebrow){color:var(--muted)}dl{font-size:14px}dt{color:var(--text);margin-top:20px}dd{margin:5px 0 0;color:var(--muted)}.project-link{display:inline-block;font-size:14px;color:var(--accent);border-bottom:1px solid #53643e;padding-bottom:5px;margin-top:15px}.terminal{background:#151d20;padding:32px;color:#c2d0d2;font-family:monospace}.terminal-bar{font-size:12px;letter-spacing:1px;border-bottom:1px solid #344248;padding-bottom:22px;margin-bottom:27px}.terminal p{font-size:16px;margin:15px 0}.terminal i{font-style:normal;color:var(--accent);margin-right:18px}.terminal-note{font-size:13px;border-top:1px solid #344248;padding-top:22px;margin-top:25px;color:#a4b2b5}.research{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:55px 0}.research p:not(.eyebrow){margin-top:0}.muted{color:var(--muted)}.research-label{font-size:12px;color:var(--accent)}footer{border-top:1px solid var(--line);display:flex;gap:25px;justify-content:space-between;color:var(--muted);font-size:12px;padding:28px 0 40px}footer b{color:var(--text);font-weight:500}.dash-heading{padding:50px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.dash-heading h1{font-size:42px;letter-spacing:-1.5px;margin-bottom:14px}.dash-heading .eyebrow{margin-bottom:16px}.dash-heading p:not(.eyebrow){color:var(--muted);margin:0}.mode{font-size:12px;border:1px solid var(--line);border-radius:4px;padding:5px 10px;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:2.4fr 1fr;gap:20px}.chart-card,.bot-card,.trades{background:var(--surface);border:1px solid var(--line);border-radius:6px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.card-head h2{font-size:18px;letter-spacing:0}.card-head label{font-size:14px;color:var(--muted)}select{margin-left:8px;color:var(--text);background:#252d38;border:1px solid #424d5d;padding:7px;border-radius:4px;font-size:14px}#chart{height:460px;padding:8px}.chart-note{font-size:12px;color:var(--muted);padding:0 18px 10px}.chart-note a{color:var(--accent)}.bot-card{padding:24px}.bot-card h2{font-size:23px}.bot-card p{font-size:14px;color:var(--muted)}.bot-card dl{margin:24px 0}.bot-card dt{font-size:12px}.bot-card dd{font-size:16px;color:var(--text)}.connection-note{border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}.trades{margin:24px 0 40px}table{width:100%;text-align:left;border-collapse:collapse}th{font-size:12px;color:var(--muted);font-weight:500;padding:15px 20px;border-bottom:1px solid var(--line);white-space:nowrap}.table-wrap{overflow-x:auto}.empty{text-align:center;padding:35px 20px 45px}.empty-icon{color:var(--accent);font-size:32px}.empty h3{font-size:22px;margin:10px 0}.empty p{font-size:14px;color:var(--muted)}.empty small{font-size:12px;color:var(--muted)}a:hover{color:var(--accent)}.button:hover{background:#c9ff8b;color:#132005}a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:850px){.hero{gap:30px;padding:55px 0;grid-template-columns:1fr}.index{width:100%}.project{gap:30px}.dash-grid{grid-template-columns:1fr}.dash-heading{align-items:flex-start;flex-direction:column}.github{display:none}}@media(max-width:600px){header{padding:18px 5%;gap:12px}.brand span{display:none}nav{gap:20px}.hero{padding:45px 0}.intro{font-size:16px}h1{letter-spacing:-2px}.project,.research{grid-template-columns:1fr;gap:25px}.project-visual{min-height:310px}.section-title>span{display:none}h2{font-size:27px}.card-head{align-items:flex-start;flex-direction:column}.card-head label{width:100%}select{max-width:100%;margin-left:0;display:block;margin-top:6px}#chart{height:400px}footer{flex-wrap:wrap;gap:12px}.index{padding:20px}.dash-heading h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
