:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0d;--surface:#1a1a1f;--raised:#24242b;--ink:#f4f4f6;--ink-2:#cdcdd4;--ink-3:#a3a3ad;--line:#34343d;--line-2:#4a4a54;--accent:#5cbcfc;--on-accent:#04111c;--font-display:"Instrument Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font:"Inter", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--gutter:24px;--page:min(1200px, calc(100% - 64px));--radius:2px;--ease:cubic-bezier(.2, 0, 0, 1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fcfcfc;--surface:#f5f5f6;--raised:#ececee;--ink:#0b0b0c;--ink-2:#52525a;--ink-3:#6a6a72;--line:#e4e4e7;--line-2:#cfcfd5;--accent:#0a66c2;--on-accent:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss03";font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0}img{max-width:100%;display:block}code{font-family:var(--mono);font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}.shell{width:var(--page);margin-inline:auto}#projects,#project-detail{scroll-margin-top:56px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;font-weight:600}h1{letter-spacing:-.045em;font-size:clamp(2.5rem,1.4rem + 4.6vw,4.5rem);line-height:1.02}h2{letter-spacing:-.035em;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem);line-height:1.08}h3{letter-spacing:-.02em;font-size:1.25rem;line-height:1.25}.label{font:500 11.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.lede{color:var(--ink-2);max-width:46ch;font-size:1.125rem;line-height:1.55}.prose{color:var(--ink-2);max-width:62ch}.button{align-items:center;gap:var(--s2);height:40px;padding:0 var(--s4);border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--bg);transition:background .15s var(--ease), border-color .15s var(--ease);font-size:14px;font-weight:500;display:inline-flex}.button:hover{background:color-mix(in srgb, var(--ink) 86%, var(--bg))}.button.ghost{color:var(--ink);border-color:var(--line-2);background:0 0}.button.ghost:hover{border-color:var(--ink);background:0 0}.link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:4px;transition:text-decoration-color .15s var(--ease), color .15s var(--ease)}.link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.nav{z-index:50;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:var(--s5);height:56px;display:flex}.brand{align-items:center;gap:var(--s2);font-family:var(--font-display);letter-spacing:-.02em;font-size:15px;font-weight:600;display:flex}.brand span span{color:var(--ink-3);margin-left:.3em;font-weight:500}.brand-logo{object-fit:contain;width:22px;height:22px}.links{gap:var(--s5);display:flex}.links a{color:var(--ink-2);padding:var(--s2) 0;transition:color .15s var(--ease);font-size:13.5px;position:relative}.links a:hover,.links a.active{color:var(--ink)}.links a.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.nav-right{align-items:center;gap:var(--s3);display:flex}.theme-toggle{height:28px;padding:0 var(--s3);border:1px solid var(--line-2);border-radius:var(--radius);font:500 11.5px var(--mono);letter-spacing:.04em;color:var(--ink-2);transition:color .15s var(--ease), border-color .15s var(--ease)}.theme-toggle:hover{color:var(--ink);border-color:var(--ink)}.nav-cta{height:28px;padding:0 var(--s3);border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--bg);align-items:center;font-size:12.5px;font-weight:500;display:inline-flex}.nav-cta:hover{background:color-mix(in srgb, var(--ink) 86%, var(--bg))}.menu-toggle{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:32px;height:32px;display:none}.menu-toggle span{background:var(--ink);width:16px;height:1px;transition:transform .2s var(--ease), opacity .15s;display:block}.menu-toggle.open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-mobile{padding:var(--s2) 0 var(--s4);background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;display:none}.nav-mobile.open{display:flex}.nav-mobile a,.nav-mobile button{padding:var(--s3) 32px;color:var(--ink-2);font-size:14px}.nav-mobile a:hover,.nav-mobile button:hover,.nav-mobile button.active{color:var(--ink)}.nav-mobile button.active{box-shadow:inset 2px 0 0 var(--accent)}.section{column-gap:var(--gutter);padding-block:var(--s9);border-top:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.rail{align-self:start;gap:var(--s4);font:500 11.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);grid-column:1/span 3;padding-top:.55rem;display:flex}.rail .idx{color:var(--ink)}.body{grid-column:4/-1;min-width:0}.section-head{max-width:60ch;margin-bottom:var(--s7)}.section-head h2{margin-bottom:var(--s4)}.hero{column-gap:var(--gutter);row-gap:var(--s7);padding-block:var(--s9) var(--s8);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hero-head{grid-column:1/span 10}.hero-head .label{margin-bottom:var(--s5)}.hero-side{gap:var(--s5);flex-direction:column;grid-column:1/span 4;display:flex}.hero-actions{gap:var(--s3);flex-wrap:wrap;display:flex}.hero-visual{grid-column:5/-1;min-width:0}.hero-switch{gap:var(--s5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.hero-switch button{padding:0 0 var(--s3);color:var(--ink-3);transition:color .15s var(--ease);font-size:13.5px;position:relative}.hero-switch button:hover,.hero-switch button.on{color:var(--ink)}.hero-switch button.on:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.preview{gap:var(--s4);min-height:440px;padding:var(--s5) 0 0;animation:fade-in .3s var(--ease) both;grid-template-rows:auto 1fr;display:grid}.pv-head{font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;align-items:center;display:flex}.pv-demo:hover{color:var(--ink)}.pv-body{gap:var(--s4);align-content:start;min-width:0;display:grid}.index{border-top:1px solid var(--line-2)}.index-row{gap:var(--s4);width:100%;padding:var(--s5) var(--s3) var(--s5) var(--s4);border-bottom:1px solid var(--line);transition:background .15s var(--ease);grid-template-columns:32px minmax(0,1fr) minmax(0,15rem) 7rem 5.5rem;align-items:baseline;display:grid}.index-row:hover{background:var(--surface)}.index-row.active{box-shadow:inset 2px 0 0 var(--accent)}.ix-n{font:500 12px var(--mono);color:var(--ink-3)}.ix-main b{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.25;display:block}.ix-main span{margin-top:var(--s1);color:var(--ink-2);font-size:14px;display:block}.ix-stack{font:400 12px/1.5 var(--mono);color:var(--ink-3)}.status{align-items:center;gap:var(--s2);font:500 12px var(--mono);color:var(--ink-2);display:inline-flex}.status:before{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px}.status.wip:before{background:var(--accent)}.ix-go{color:var(--ink-3);text-align:right;transition:color .15s var(--ease);font-size:13px}.index-row:hover .ix-go,.index-row.active .ix-go{color:var(--accent)}.detail{opacity:0;transition:opacity .25s var(--ease)}.detail.visible{opacity:1}.detail .rail{gap:var(--s5);flex-direction:column;padding-top:0;position:sticky;top:80px}.detail-tabs{border-left:1px solid var(--line);flex-direction:column;display:flex}.detail-tabs button{padding:var(--s2) var(--s4);font:400 13.5px var(--font);letter-spacing:0;text-transform:none;color:var(--ink-3);transition:color .15s var(--ease);position:relative}.detail-tabs button:hover,.detail-tabs button.active{color:var(--ink)}.detail-tabs button.active:before{content:"";background:var(--accent);width:1px;position:absolute;top:0;bottom:0;left:-1px}.detail-head .label{margin-bottom:var(--s4)}.detail-head h2{margin-bottom:var(--s5);letter-spacing:-.04em;font-size:clamp(2rem,1.3rem + 2.4vw,3rem)}.detail-lede{color:var(--ink-2);max-width:58ch;margin-bottom:var(--s5);font-size:1.0625rem}.detail-actions{gap:var(--s3);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.stack-row{gap:var(--s1) var(--s4);font:400 12.5px var(--mono);color:var(--ink-3);flex-wrap:wrap;display:flex}.specs{margin:var(--s8) 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.spec{padding:var(--s5) var(--s4);border-left:1px solid var(--line)}.spec:first-child{border-left:0;padding-left:0}.spec b{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(1.25rem,.9rem + 1vw,1.75rem);font-weight:600;line-height:1.1;display:block}.spec span{margin-top:var(--s2);font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);display:block}.sub{margin-top:var(--s8)}.sub>.label{padding-bottom:var(--s3);margin-bottom:var(--s5);border-bottom:1px solid var(--line-2);color:var(--ink);display:block}.highlights{column-gap:var(--s6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.highlight{padding:var(--s5) 0 var(--s6);border-top:1px solid var(--line)}.highlight:nth-child(-n+2){border-top:0;padding-top:0}.highlight h3{letter-spacing:-.01em;margin-bottom:var(--s2);font-size:1rem;line-height:1.3}.highlight p{color:var(--ink-2);max-width:44ch;font-size:14.5px}.ops{gap:var(--s6);grid-template-columns:minmax(0,1fr);display:grid}.ops h3{font-family:var(--mono);line-height:1.4;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s3)}.terminal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}:root:not([data-theme=light]) .terminal{border-color:var(--line-2)}.terminal pre{padding:var(--s4);font:400 13px/1.9 var(--mono);white-space:pre;color:var(--ink);overflow-x:auto}.terminal pre b{color:var(--ink-3);font-weight:400}.terminal .dim{color:var(--ink-3)}.facts>div{gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line);grid-template-columns:9rem minmax(0,1fr);display:grid}.facts>div:first-child{border-top:1px solid var(--line-2)}.facts dt{font:500 11.5px/1.7 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.facts dd{color:var(--ink-2);overflow-wrap:anywhere;font-size:14px}.shots-grid{gap:var(--s6) var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.shots figure{min-width:0}.shots figure.wide{grid-column:1/-1}.shots figcaption{margin-top:var(--s3);color:var(--ink-2);max-width:60ch;font-size:13.5px}.cmd-grid{column-gap:var(--s6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cmd-row{gap:var(--s4);padding:var(--s3) 0;border-top:1px solid var(--line);grid-template-columns:8.5rem minmax(0,1fr);align-items:baseline;display:grid}.cmd-row:nth-child(-n+2){border-top:0}.cmd-row code{overflow-wrap:anywhere;color:var(--ink);font-weight:500}.cmd-row span{color:var(--ink-2);font-size:14px}.link-row{gap:var(--s5);padding:var(--s5) 0;border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.link-row:first-child{border-top:1px solid var(--line-2)}.link-pair{align-items:baseline;gap:var(--s2) var(--s3);font-family:var(--font-display);letter-spacing:-.015em;flex-wrap:wrap;font-size:1.0625rem;font-weight:600;display:flex}.link-arrow{color:var(--ink-3);font-family:var(--mono);font-weight:400}.link-row p{color:var(--ink-2);max-width:56ch}.principle{gap:var(--s5);padding:var(--s5) 0;border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.principle:first-of-type{border-top:1px solid var(--line-2)}.principle h3{letter-spacing:-.01em;font-size:1rem;line-height:1.3}.principle p{color:var(--ink-2);max-width:56ch}.closing .section-head{margin-bottom:var(--s5)}.closing .actions{gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;display:flex}.footer{justify-content:space-between;align-items:center;gap:var(--s5);padding-block:var(--s5) var(--s7);border-top:1px solid var(--line);color:var(--ink-3);font-size:13px;display:flex}.footer .brand{color:var(--ink);font-size:14px}.footer div{gap:var(--s2) var(--s5);flex-wrap:wrap;display:flex}.footer a:hover{color:var(--ink)}.reveal{opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);transform:translateY(6px)}.reveal.in{opacity:1;transform:none}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mk{color:var(--ink);background:var(--surface);border:1px solid var(--line);padding:var(--s4);text-align:left;border-radius:4px;font-size:13px;line-height:1.5;overflow:hidden;container-type:inline-size}.preview .mk{background:var(--surface)}.mk code{font:400 12px var(--mono)}.mk small{color:var(--ink-3);font-size:11px}.mk-line{gap:var(--s3);margin-bottom:var(--s4);display:flex}.mk-line:last-child{margin-bottom:0}.mk-line>div{min-width:0}.mk-av{object-fit:contain;background:var(--raised);width:32px;height:32px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.mk-line b{font-weight:600}.mk-line i{color:var(--ink-3);margin-left:var(--s2);font-size:11px;font-style:normal}.mk-line em{font:500 10px var(--mono);letter-spacing:.04em;border:1px solid var(--line-2);color:var(--ink-2);margin-left:var(--s2);border-radius:2px;padding:0 4px;font-style:normal}.mk-line p{margin:0}.mk-line a{color:var(--accent)}.mk-pill{background:var(--raised);border-radius:2px;padding:0 4px}.mk-embed{margin-top:var(--s2);border-left:2px solid var(--accent);background:var(--raised);padding:var(--s3);border-radius:0 2px 2px 0;max-width:440px}.mk-eh,.mk-et{font-weight:600}.mk-et{margin:var(--s2) 0 2px}.mk-es{color:var(--ink-2)}.mk-prog{align-items:center;gap:var(--s2);margin:var(--s3) 0 var(--s2);color:var(--ink-3);font-variant-numeric:tabular-nums;display:flex}.mk-track{background:var(--line-2);flex:1;height:2px}.mk-track i{height:100%;width:var(--p,0%);background:var(--accent);margin:0;display:block}.mk-ef{color:var(--ink-3);font-size:11px}.mk-btns{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}.mk-btn{min-width:36px;padding:3px var(--s3);border:1px solid var(--line-2);background:var(--raised);text-align:center;border-radius:2px;font-size:12px;font-weight:500}.mk-btn.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.mk-btn.red,.mk-btn.grn{background:0 0}.mk-list{margin:var(--s2) 0;gap:2px;list-style:none;display:grid}.mk-list code{color:var(--ink-3);margin-right:var(--s2);font-size:11px}.mk-more{color:var(--ink-3)}.mk-select{margin-top:var(--s2);max-width:440px;padding:6px var(--s3);border:1px solid var(--line-2);color:var(--ink-2);background:var(--raised);border-radius:2px;justify-content:space-between;display:flex}.mk-dash{grid-template-columns:auto 1fr;padding:0;display:grid}.mk-side{align-content:start;gap:var(--s1);padding:var(--s4) var(--s3);border-right:1px solid var(--line);min-width:128px;display:grid}.mk-side b{margin-bottom:var(--s3)}.mk-side span{padding:4px var(--s2);color:var(--ink-2);border-radius:2px}.mk-side span.on{background:var(--raised);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}.mk-side small{margin-top:var(--s5)}.mk-main{gap:var(--s3);padding:var(--s4);min-width:0;display:grid}.mk-stats{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.mk-card{border:1px solid var(--line);background:var(--raised);padding:var(--s3);border-radius:2px;min-width:0}.mk-card h6{margin:0 0 var(--s2);font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.mk-big{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:1.15}.mk-two{gap:var(--s2);grid-template-columns:1.6fr 1fr;display:grid}.mk-qrow{justify-content:space-between;gap:var(--s2);display:flex}.mk-health{gap:0 var(--s5);grid-template-columns:1fr 1fr;display:grid}.mk-health div{gap:var(--s2);border-bottom:1px solid var(--line);align-items:center;padding:4px 0;display:flex}.mk-health i{background:var(--ink);border-radius:50%;flex:none;width:6px;height:6px;margin:0}.mk-health i.idle{border:1px solid var(--ink-3);background:0 0}.mk-health span{color:var(--ink-3);text-align:right;margin-left:auto;font-size:11px}.mk-obs{justify-content:space-between;gap:var(--s2);border-top:1px solid var(--line);align-items:center;padding:6px 0;display:flex}.mk-obs code{color:var(--ink-2);overflow-wrap:anywhere;display:block}@container (width<=560px){.mk-side{display:none}.mk-stats{grid-template-columns:1fr 1fr}.mk-two,.mk-health{grid-template-columns:1fr}}.mk-dash.lite{grid-template-columns:1fr}.mk-ov{gap:var(--s2) var(--s4);background:var(--raised);grid-template-columns:56px 1fr;align-items:center;display:grid}.mk-cover{object-fit:contain;background:var(--surface);border-radius:2px;width:56px;height:56px;padding:6px}.mk-ov .mk-prog{margin:6px 0 0}.mk-chead,.mk-url{font:500 11px var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding-bottom:var(--s3);margin-bottom:var(--s3);border-bottom:1px solid var(--line)}.mk-url{text-transform:none;letter-spacing:0;color:var(--ink-2)}.mk-cl{gap:var(--s2);align-items:baseline;margin:6px 0;display:flex}.mk-cl b{font-weight:600}.mk-cl.bot b{color:var(--accent)}.mk-cl.bot span{color:var(--ink-2)}.mk-mod{font:500 9px var(--mono);border:1px solid var(--line-2);color:var(--ink-2);border-radius:2px;padding:0 4px;font-style:normal}.mk-trows>div{gap:var(--s3);border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;padding:7px 0;display:grid}.mk-trows>div:last-child{border-bottom:0}.mk-trows span{color:var(--ink-2)}@media (width<=1000px){.rail{margin-bottom:var(--s6);grid-column:1/-1}.body{grid-column:1/-1}.detail .rail{margin-bottom:var(--s6);position:static}.detail-tabs{border-left:0;border-bottom:1px solid var(--line);gap:var(--s5);flex-flow:wrap}.detail-tabs button{padding:0 0 var(--s3)}.detail-tabs button.active:before{width:auto;height:1px;inset:auto 0 -1px}.hero-head,.hero-side,.hero-visual{grid-column:1/-1}.hero-head{max-width:18ch}}@media (width<=760px){:root{--page:calc(100% - 32px)}.links,.nav-cta{display:none}.menu-toggle{display:flex}.nav-mobile a,.nav-mobile button{padding-inline:16px}.index-row{padding-left:var(--s3)}.section{padding-block:var(--s8)}.hero{padding-block:var(--s7) var(--s8);row-gap:var(--s6)}.hero-head{max-width:none}.hero-switch{gap:var(--s4)}.preview{min-height:0}.index-row{row-gap:var(--s2);grid-template-columns:28px minmax(0,1fr)}.index-row .ix-stack,.index-row .status{white-space:nowrap;grid-column:2/-1}.index-row .ix-go{display:none}.specs{grid-template-columns:repeat(2,minmax(0,1fr))}.spec:nth-child(odd){border-left:0;padding-left:0}.spec:nth-child(n+3){border-top:1px solid var(--line)}.highlights,.cmd-grid,.shots-grid{grid-template-columns:1fr}.highlight:nth-child(2){border-top:1px solid var(--line);padding-top:var(--s5)}.cmd-row:nth-child(2){border-top:1px solid var(--line)}.facts>div{gap:var(--s1);grid-template-columns:1fr}.link-row,.principle{gap:var(--s3);grid-template-columns:1fr}.footer{align-items:flex-start;gap:var(--s3);flex-direction:column}}.skip-link{left:var(--s3);z-index:100;padding:var(--s2) var(--s4);background:var(--bg);color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);position:absolute;top:-4rem}.skip-link:focus{top:var(--s3)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.detail-caveat{max-width:62ch;margin-top:var(--s4);padding-left:var(--s4);border-left:2px solid var(--accent);color:var(--ink-2);font-size:14px}.mk-top{justify-content:space-between;display:flex}.mk-tabs{gap:var(--s4);margin-bottom:var(--s3);font:500 12px var(--mono);color:var(--ink-3);display:flex}.mk-tabs .on{color:var(--ink);box-shadow:0 2px 0 var(--accent)}.mk-player .mk-trows>div{grid-template-columns:1fr auto}.mk-bar{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}.mk-chips{gap:var(--s2);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.mk-chips span{border:1px solid var(--line);font:400 11.5px var(--mono);color:var(--ink-2);border-radius:4px;padding:2px 8px}.mk-chips .on{border-color:var(--accent);color:var(--ink)}