@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500&display=swap";:root{--sage-50:#f5faf7;--sage-100:#eef7ef;--sage-200:#e1efe0;--sage-300:#cfe6ce;--sage-400:#a8d1a8;--sage-500:#7fb67f;--sage-600:#5b8e5b;--sage-700:#3f6b3f;--sage-800:#2f4e2f;--sage-900:#1d2f1d;--sage-950:#0f1a0f}*{box-sizing:border-box}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.6}h1{font-size:2.5rem}code,pre{font-feature-settings:"liga" 1,"calt" 1;font-family:Fira Code,SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}code{color:#ddd;background-color:#303030;border-radius:3px;padding:2px 5px;font-size:.9em;font-weight:400}pre{padding:1rem}pre code{background:0 0;border-radius:0;padding:0}ul,ol{margin:0 0 1rem;padding-left:1.5rem}li{margin-bottom:.25rem}a{color:var(--sage-600);text-decoration:none;transition:color .2s}a:hover{color:var(--sage-700);text-decoration:underline}footer{text-align:center;border-top:1px solid #202020;margin-top:3rem;padding-top:2rem}footer p{color:var(--sage-600);margin:0}.kord-container,.kord-docs,.kord-main,.kord-navbar__container{max-width:1024px;margin:0 auto}.kord-docs__header,.kord-section{color:#fff;background:#292929;border:1px solid #202020;border-radius:12px}.kord-panel,.kord-card-link{border:1px solid var(--sage-200);background:#202020;border-radius:.5rem;padding:1rem}.kord-callout,.kord-code-block{border-radius:.5rem}.kord-button,.kord-button--secondary,.kord-button--primary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.375rem;align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.kord-tertiary-heading,.kord-subheading{margin-bottom:.75rem;display:block}.kord-navbar{z-index:50;color:#ecfdf5;background:linear-gradient(90deg,#064e3b,#065f46);position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #fff3}.kord-navbar__container{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.kord-navbar__brand{-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;margin-left:0;display:flex}.kord-navbar__icon{color:#fff;background-color:#22c55ecc;border:1px solid #ffffff1a;border-radius:.375rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001a}.kord-navbar__title{letter-spacing:-.025em;font-weight:600}.kord-navbar__links{align-items:center;gap:.5rem;margin-right:0;display:flex}.kord-nav-link{color:#ecfdf5e6;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;transition:all .2s;position:relative}.kord-nav-link:hover{color:#fff;background-color:#ffffff0d}.kord-nav-link:focus{outline:none;box-shadow:0 0 0 2px #22c55e99}.kord-nav-link:after{content:"";transform-origin:50%;background-color:#6ee7b7;width:calc(100% - 1.5rem);height:.125rem;transition:transform .3s;position:absolute;bottom:-.125rem;left:50%;transform:translate(-50%)scaleX(0)}.kord-nav-link:hover:after{transform:translate(-50%)scaleX(1)}.kord-main{min-height:max(100vh,100%);padding:4rem 1rem 1rem}.kord-content{margin-top:1.5rem}.kord-error{color:#dc2626;font-size:.875rem}.kord-page-title{letter-spacing:-.025em;font-size:1.5rem;font-weight:600;display:block}.kord-section{margin-bottom:2rem;padding:2rem;transition:all .3s;box-shadow:0 2px 4px #00000080}.kord-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.kord-section__title{margin-bottom:1.5rem;font-size:1.875rem;font-weight:600;display:block}.kord-subheading{font-size:1.25rem;font-weight:600}.kord-tertiary-heading{font-size:1.125rem;font-weight:500}.kord-code-block{background-color:#22272e;border:1px solid #151515;padding:1rem}.kord-card-link{color:inherit;text-decoration:none;transition:all .2s;display:block}.kord-card-link:hover{border-color:var(--sage-300);text-decoration:none;box-shadow:0 4px 12px #00000014}.kord-card-link__title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.kord-card-link__desc{color:#fff;margin:0;font-size:.875rem}.kord-callout{border-left:4px solid var(--sage-400);background:linear-gradient(135deg,#222,#202020);margin:.75rem 0;padding:.75rem;box-shadow:0 1px 3px #0000000d}.kord-callout__code{color:#ddd;background:0 0;padding:0;font-weight:400;line-height:1.6}.kord-panel__title{color:#fff;margin-bottom:.5rem;font-weight:600}.kord-badge{background-color:var(--sage-100);color:var(--sage-800);-webkit-user-select:none;user-select:none;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-block}.kord-home{flex-direction:column;gap:2.5rem;display:flex}.kord-home__hero{background:linear-gradient(135deg,#114232eb 0%,#092820f0 55%,#071d19f7 100%);border:1px solid #ffffff0f;border-radius:1.25rem;padding:2.75rem;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}.kord-home__hero>*{z-index:1;position:relative}.kord-home__badge{color:var(--sage-200);text-transform:uppercase;letter-spacing:.08em;background:#0f3b2dcc;border:1px solid #ffffff14;align-self:flex-start;font-weight:600;box-shadow:0 6px 24px #00000059}.kord-home__lead{max-width:720px;color:var(--sage-200);margin:1rem 0 1.5rem;font-size:1.1rem;line-height:1.8}.kord-home__cta{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.kord-home__cta-button{padding-inline:1.65rem;font-size:1rem;box-shadow:0 12px 30px #00000059}.kord-home__note{color:var(--sage-300);max-width:640px;margin:0 0 1.25rem}.kord-home__meta{color:var(--sage-300);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.kord-home__meta-link{color:var(--sage-200);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s}.kord-home__meta-link:hover{color:#fff;text-decoration:underline}.kord-home__meta-sep{color:#ffffff40}.kord-home__feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.kord-home__feature{background:#191919e6;border:1px solid #ffffff0d;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;box-shadow:0 18px 38px #0000004d}.kord-home__feature-title{color:#fff;margin:0;font-size:1.125rem;font-weight:600}.kord-home__feature-desc{color:var(--sage-200);margin:0;line-height:1.6}.kord-home__feature-action{align-self:flex-start}.kord-home__steps{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.kord-home__step{align-items:flex-start;gap:1rem;display:flex}.kord-home__step-index{color:#fff;background:#2f6553e6;border:1px solid #ffffff14;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:600;display:inline-flex}.kord-home__step-body h4{margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.kord-home__step-body p{color:var(--sage-200);margin:0;line-height:1.6}@media (max-width:768px){.kord-home__hero{padding:2.25rem}.kord-home__lead{font-size:1rem}.kord-home__feature-grid{grid-template-columns:1fr}}.kord-piano{width:100%;max-width:1100px;margin:1.5rem auto;position:relative}.kord-piano__case{background:linear-gradient(#c91c1c,#a51212);border:2px solid #6b0f0f;border-radius:10px;padding:10px 12px 14px;box-shadow:inset 0 2px #ffffff26,0 6px 20px #00000059}.kord-piano__top{grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-bottom:10px;display:grid;position:relative}.kord-piano__row{display:contents}.kord-piano__badge{letter-spacing:.08em;color:#fff;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#00000040;border:1px solid #ffffff26;border-radius:4px;justify-self:end;margin-right:-16px;padding:4px 8px;font-size:.8rem;font-weight:700}.kord-piano__screw{background:radial-gradient(circle at 30% 30%,#bbb,#666 60%,#333 100%);border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;box-shadow:0 1px #fff3,inset 0 1px 2px #0009}.kord-piano__screw--tl{left:-6px}.kord-piano__knob{background:radial-gradient(circle at 30% 30%,#e5e5e5,#8d8d8d 60%,#5a5a5a 100%);border:1px solid #333;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0006}.kord-piano__slider{background:linear-gradient(90deg,#2a2a2a,#191919);border:1px solid #333;border-radius:6px;width:50px;height:10px;position:relative}.kord-piano__slider:after{content:"";background:linear-gradient(#cfcfcf,#7d7d7d);border:1px solid #222;border-radius:3px;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000080}.kord-piano__led{background:radial-gradient(circle at 40% 40%,#ff9494,#ff2b2b 60%,#7a0f0f 100%);border:1px solid #450808;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #ff373799}.kord-piano__keys{width:100%;padding-bottom:13%;position:relative}.kord-piano__whites{z-index:1;grid-template-columns:repeat(52,1fr);gap:0;display:grid;position:absolute;inset:0}.kord-piano__blacks{z-index:2;pointer-events:none;position:absolute;inset:0}.kord-piano__key{-webkit-user-select:none;user-select:none;cursor:pointer;position:relative}.kord-piano__key--white{background:#f7f7f7;border:1px solid #bbb;border-bottom:3px solid #9e9e9e;border-radius:0 0 4px 4px;transition:transform 60ms,box-shadow .12s,filter .12s;box-shadow:inset 0 -8px #0000000d}.kord-piano__key--white:after{content:"";height:94%;display:block;position:absolute;bottom:0;left:0;right:0}.kord-piano__key--black{transform-origin:top;pointer-events:auto;background:linear-gradient(#2c2c2c,#0e0e0e);border-radius:0 0 4px 4px;width:1.25%;height:60%;transition:transform 60ms,box-shadow .12s,filter .12s;position:absolute;top:0;transform:translate(25%);box-shadow:inset 0 -6px #0000004d,0 4px 12px #0006}.kord-piano__key--white:hover{filter:brightness(.9);box-shadow:inset 0 -10px #0000000f,0 0 0 1px #0000000a}.kord-piano__key--black:hover{filter:brightness(1.3);box-shadow:inset 0 -8px #ffffff0d,0 4px 12px #00000080}.kord-piano__key--white:active{transform:translateY(1px)scaleY(1.01);box-shadow:inset 0 -4px #0000000a}.kord-piano__key--black:active{transform:translate(25%)scaleY(1.01);box-shadow:inset 0 -3px #00000059,0 2px 8px #0000004d}.kord-piano__key--black:before{content:"";background:#ffffff0f;border-radius:2px;height:10%;position:absolute;top:6%;left:10%;right:10%}.kord-piano__key--active.kord-piano__key--white{filter:brightness(.95);transform:translateY(1px)scaleY(1.01);box-shadow:inset 0 -4px #0000000a}.kord-piano__key--active.kord-piano__key--black{filter:brightness(1.15);transform:translate(25%)scaleY(1.01);box-shadow:inset 0 -3px #00000059,0 2px 8px #0000004d}.kord-docs{padding:1rem}.kord-docs__header{text-align:center;margin-bottom:3rem;padding:2rem}.kord-docs__badges{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.kord-docs__install-section{margin-bottom:1.5rem}.kord-docs__install-text{color:#fff;margin-bottom:.75rem}.kord-docs__platform-list{color:#fff;margin:0 0 1rem;padding-left:1.5rem;list-style-type:disc;list-style-position:inside}.kord-docs__platform-list li{margin-bottom:.25rem}.kord-docs__link{color:var(--sage-600);text-decoration:underline;transition:color .2s}.kord-docs__link:hover{color:var(--sage-700)}.kord-docs__code-example{margin-bottom:1rem}.kord-chord-analysis{margin-top:1rem}.kord-chord-analysis__description{color:var(--sage-400);font-size:.875rem;line-height:1.6}.kord-chord-analysis__detail{font-size:.875rem}.kord-chord-analysis__label{font-weight:500}.kord-docs__grid{display:grid}.kord-docs__grid--two{grid-template-columns:1fr}@media (min-width:768px){.kord-docs__grid--two{grid-template-columns:repeat(2,1fr)}}.kord-docs__grid--gap-4{gap:1rem}.kord-docs__grid--gap-6{gap:1.5rem}.kord-docs__spacer{margin-bottom:1rem}.kord-docs__spacer-lg{margin-bottom:1.5rem}.kord-content__section{margin-top:1rem}.kord-listen{flex-direction:column;gap:1.5rem;display:flex}.kord-listen__controls{flex-wrap:wrap;align-items:stretch;gap:1.5rem;display:flex}.kord-listen__controls>*{flex:260px}.kord-listen__form{flex-direction:column;gap:1rem;display:flex}.kord-listen__hint{color:var(--sage-300);margin:0;font-size:.95rem}.kord-listen__start{align-self:flex-start}.kord-listen__progress{background:#202020a6;border:1px solid #ffffff0d;border-radius:.75rem;align-items:center;padding:1.25rem}.kord-listen__status{color:var(--sage-200);font-weight:500}.kord-listen__results{flex-direction:column;gap:1rem;display:flex}.kord-listen__chords{gap:1rem;display:grid}.kord-listen__results-title{margin:0;font-size:1.125rem;font-weight:600}.kord-listen__empty{color:var(--sage-400);margin:0}@media (max-width:768px){.kord-listen__progress{align-self:stretch}}.kord-content__spacer-lg{margin-top:1.5rem}.kord-describe,.kord-guess{flex-direction:column;gap:1.5rem;display:flex}.kord-describe__card,.kord-describe__results,.kord-guess__form,.kord-guess__stage,.kord-guess__results{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#202020d9;border:1px solid #ffffff0d;border-radius:.75rem;padding:1.5rem;box-shadow:0 16px 40px #00000047}.kord-describe__card,.kord-guess__form,.kord-guess__results{flex-direction:column;gap:1rem;display:flex}.kord-describe__hint,.kord-guess__hint{color:var(--sage-300);flex-direction:column;gap:.35rem;font-size:.95rem;line-height:1.55;display:flex}.kord-describe__hint p,.kord-guess__hint p{margin:0}.kord-describe__field,.kord-guess__field{align-self:flex-start;width:100%;max-width:420px}.kord-guess__field{max-width:480px}.kord-describe__results{flex-direction:column;gap:1rem;display:flex}.kord-describe__results-title,.kord-guess__results-title,.kord-guess__stage-title{margin:0;font-size:1.125rem;font-weight:600}.kord-describe__empty,.kord-guess__empty{color:var(--sage-400);margin:0}.kord-guess__stage{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.kord-guess__stage-subtitle{color:var(--sage-400);text-align:center;max-width:420px;margin:0}.kord-guess__chords{gap:1rem;display:grid}@media (max-width:768px){.kord-describe__card,.kord-describe__results,.kord-guess__form,.kord-guess__stage,.kord-guess__results{padding:1.25rem}}