
:root{--background:#101611;--foreground:#f4f7ee;--primary:#c1f76c;--muted:#a8b2a6;--border:#344032;color-scheme:dark;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:var(--background);color:var(--foreground)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:6px}.page{max-width:1060px;margin:auto;padding:0 40px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none;font-size:16px}.brand img{border-radius:10px}.language{background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px}main{padding-top:70px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--primary);font-size:13px;letter-spacing:1.5px}.eyebrow>span:first-child{width:6px;height:6px;background:var(--primary);border-radius:50%}h1{font-size:clamp(64px,9vw,108px);font-weight:750;letter-spacing:-6px;line-height:1.1;margin:24px 0}h1 em{font-style:normal;color:var(--primary)}.intro{font-size:20px;line-height:1.7;color:#bdc7b9;margin:26px 0 30px}.downloads{display:flex;gap:12px;flex-wrap:wrap}.downloads a{padding:17px 24px;border-radius:7px;text-decoration:none;font-size:16px;font-weight:700;transition:transform .15s}.downloads a:hover{transform:translateY(-2px)}.primary{background:var(--primary);color:#14200c}.secondary{border:1px solid #5a6c52;background:#192219}.requirements{font-size:13px;line-height:1.8;color:var(--muted);margin:17px 0 45px}.sample{border:1px solid #405238;border-radius:14px;padding:26px 30px;background:#192219;max-width:640px}.sample-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;letter-spacing:1px;color:#c1f76c}.sample-label span{color:var(--muted);font-size:12px;letter-spacing:0}.ticker{display:flex;align-items:baseline;gap:24px;margin:23px 0 17px;font-size:clamp(24px,6vw,38px);font-variant-numeric:tabular-nums}.ticker span{color:var(--muted);font-size:22px}.ticker strong{font-weight:500}.sample p{color:var(--muted);font-size:14px;margin:0;line-height:1.6}.features{display:flex;gap:32px;flex-wrap:wrap;margin:30px 0 24px}.features p{display:flex;gap:12px;font-size:14px}.features b{color:var(--primary);font-size:12px;font-weight:400}.note{max-width:740px;font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:48px}footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--border);padding:25px 0 34px;font-size:14px;color:var(--muted)}footer a{color:var(--primary);text-decoration:none}@media(min-width:1000px){main{position:relative}.sample{position:absolute;right:0;top:165px;width:390px}.sample-label{display:block}.sample-label span{display:block;margin-top:10px}.sample .ticker{font-size:44px}.intro{max-width:490px}h1{max-width:560px}}@media(max-width:600px){.page{padding:0 22px}header{padding:22px 0}.brand{font-size:13px;gap:8px}.brand img{width:30px;height:30px}main{padding-top:48px}h1{letter-spacing:-3px}.intro{font-size:17px}.downloads{flex-direction:column}.downloads a{text-align:center}.features{gap:4px;flex-direction:column}.sample{padding:22px}.sample-label{font-size:12px}footer{font-size:13px}.requirements{margin-bottom:32px}}

.sample-label>span:first-child{color:var(--primary);letter-spacing:1px}

.header-links{display:flex;align-items:center;gap:18px;flex-shrink:0}.github-badge{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;color:var(--foreground)}.github-badge:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:600px){header{flex-wrap:wrap}.header-links{gap:14px}.github-badge{padding:7px 12px}}

.download-count{margin:16px 0 0}.download-count a{display:inline-block}.download-count img{display:block;height:20px;max-width:100%}

.app-demo{margin:32px 0;text-align:center}.app-demo img{display:block;width:min(100%,460px);height:auto;margin:auto;border-radius:12px}.app-demo figcaption{margin-top:10px;font-size:12px;color:#9ca89d}

.mode-examples{display:grid;gap:16px;margin:24px 0}.mode-examples>div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mode-examples span{font-size:13px;color:#aeb9af}.mode-examples strong{font-size:20px;font-variant-numeric:tabular-nums}.mode-examples small{font-size:14px;color:#c1f76c}
