.atl-hero,.atl-root{--atl-core:var(--ss-accent);--atl-focus:var(--ss-accent2);--atl-trouble:#FF6A5A;--atl-muted:var(--ss-muted);--atl-panel:color-mix(in srgb,var(--ss-surface) 72%,transparent);--atl-gap:clamp(14px,2vw,22px)}.atl-hero-visual{position:relative;width:100%;max-width:640px;margin-inline:auto}.atl-hero-visual svg{display:block;width:100%;height:auto;overflow:visible}.atl-hero-visual__tick line{stroke:var(--ss-line);stroke-dasharray:2 6}.atl-hero-visual__tick text{fill:var(--ss-muted);font-weight:500;font-size:11px;font-family:var(--ss-font-mono)}.atl-hero-visual__base{stroke:var(--ss-line-strong)}.atl-hero-visual__hill{mix-blend-mode:screen;transform-origin:50% 360px;transform-box:view-box;animation:atl-breathe 7s ease-in-out infinite}.atl-hero-visual__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;font-weight:500;font-size:11px;font-family:var(--ss-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ss-muted)}.atl-hero-visual__legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;box-shadow:0 0 10px currentColor}@keyframes atl-breathe{0%,to{transform:scaleY(1);opacity:.9}50%{transform:scaleY(.9);opacity:.7}}@media (prefers-reduced-motion:reduce){.atl-hero-visual__hill{animation:none}}.atl-subnav{position:sticky;top:64px;z-index:20;padding-block:8px;background:color-mix(in srgb,var(--ss-bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-block:1px solid var(--ss-line)}.atl-subnav__row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.atl-subnav__row::-webkit-scrollbar{display:none}.atl-subnav a{flex:none;min-height:40px;display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--ss-radius-pill);color:var(--ss-muted);font-weight:600;font-size:13px;font-family:var(--ss-font-body);text-decoration:none;border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}.atl-subnav a:focus-visible,.atl-subnav a:hover{color:var(--ss-text);border-color:var(--ss-line-strong);background:var(--ss-glass)}.atl-section{scroll-margin-top:120px}.atl-section .ss-lead{max-width:820px}.atl-panel{padding:clamp(14px,2vw,22px);border-radius:var(--ss-radius-lg);border:1px solid var(--ss-line);background:linear-gradient(180deg,var(--atl-panel),color-mix(in srgb,var(--ss-bg) 60%,transparent));min-width:0}.atl-panel__title{margin:0 0 12px;font-weight:500;font-size:11px;font-family:var(--ss-font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ss-accent2)}.atl-panel__title:not(:first-child){margin-top:20px}.atl-panel__why{margin:12px 0 0;color:var(--ss-muted);font-size:14px;line-height:1.55}.atl-two{display:grid;gap:var(--atl-gap);margin-top:var(--atl-gap)}@media (min-width:900px){.atl-two{grid-template-columns:1fr 1fr}}.atl-fig{margin:0;min-width:0}.atl-fig figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px;font-weight:500;font-size:11px;font-family:var(--ss-font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ss-muted)}.atl-fig figcaption b,.atl-panel__title b{color:var(--ss-text);letter-spacing:.04em;text-transform:none;font-family:var(--ss-font-body);font-size:13px}.atl-fig__note{margin:10px 0 0;font-size:13px;color:var(--ss-muted);line-height:1.5}.atl-chart{width:100%;min-width:0;overflow:hidden}.atl-chart svg{display:block;max-width:100%;height:auto}.atl-chart text{font-weight:500;font-size:11px;font-family:var(--ss-font-mono);fill:var(--ss-muted)}.atl-ticks line{stroke:var(--ss-line)}.atl-ticks text{fill:color-mix(in srgb,var(--ss-muted) 80%,transparent)}.atl-axis,.atl-db line{stroke:var(--ss-line-strong)}.atl-chart .atl-note{fill:var(--ss-muted);font-size:10.5px;letter-spacing:.04em}.atl-leader{stroke:var(--ss-line-strong);stroke-dasharray:1 3}.atl-band__label{fill:var(--ss-text)!important;font-size:10.5px!important;letter-spacing:.06em}.atl-band--trouble .atl-band__label{fill:var(--atl-trouble)!important}.atl-fund text{fill:var(--ss-text);font-size:10px}.atl-eq__line{fill:none;stroke:var(--ss-warn);stroke-width:2.4;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--ss-warn) 60%,transparent))}.atl-eq__fill{fill:color-mix(in srgb,var(--ss-warn) 12%,transparent)}.atl-eq__handle circle{fill:var(--ss-bg);stroke:var(--ss-warn);stroke-width:2}.atl-eq__handle text{fill:var(--ss-warn)!important;font-weight:700!important}.atl-marker line{stroke-width:1.4;stroke-dasharray:3 3}.atl-marker--accent line{stroke:var(--ss-text)}.atl-marker--accent text{fill:var(--ss-text)}.atl-marker--focus line{stroke:var(--atl-focus)}.atl-marker--focus text{fill:var(--atl-focus)}.atl-marker--trouble line{stroke:var(--atl-trouble)}.atl-marker--trouble text{fill:var(--atl-trouble)}.atl-readouts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0}.atl-readouts div{padding:10px 12px;border-radius:var(--ss-radius-sm);background:var(--ss-glass);border:1px solid var(--ss-line)}.atl-readouts dt{font-weight:500;font-size:10px;font-family:var(--ss-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ss-muted)}.atl-readouts dd{margin:4px 0 0;font-weight:600;font-size:15px;font-family:var(--ss-font-body);color:var(--ss-text)}.atl-readouts dd small{display:block;font-weight:500;font-size:12px;font-family:var(--ss-font-mono);color:var(--ss-accent2)}.atl-tips{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--ss-text) 88%,transparent)}.atl-sources{margin:14px 0 0;font-size:12px;color:var(--ss-muted)}.atl-sources a{color:var(--ss-accent2)}.atl-table{width:100%;border-collapse:collapse;font-size:14px}.atl-table td,.atl-table th{padding:9px 8px;border-bottom:1px solid var(--ss-line);text-align:left}.atl-table th{font-weight:500;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-muted)}.atl-table td:nth-child(3),.atl-table th{font-family:var(--ss-font-mono)}.atl-map-layout{display:grid;gap:var(--atl-gap);margin-top:36px;align-items:start}@media (min-width:1180px){.atl-map-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.atl-file-wrap{position:sticky;top:132px}}.atl-map{padding:clamp(12px,1.6vw,18px);border-radius:var(--ss-radius-lg);min-width:0}.atl-map__head{display:grid;gap:12px;margin-bottom:14px}.atl-map__head .ss-tab{min-height:38px;padding:6px 13px;font-size:13px}.atl-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--ss-muted)}.atl-legend i{display:inline-block;width:18px;height:8px;border-radius:4px;margin-right:6px;vertical-align:middle}.atl-legend__core{background:var(--ss-accent)}.atl-legend__focus{background:var(--atl-focus);box-shadow:0 0 8px var(--atl-focus)}.atl-legend__trouble{background:repeating-linear-gradient(45deg,var(--atl-trouble) 0 2px,transparent 2px 5px);border:1px solid var(--atl-trouble)}.atl-map__grid{display:grid;gap:2px}.atl-map__row{--row:var(--ss-accent);display:grid;grid-template-columns:minmax(84px,120px) 1fr;align-items:center;gap:10px;width:100%;min-height:34px;padding:3px 6px;border:1px solid transparent;border-radius:10px;background:none;color:var(--ss-text);text-align:left;cursor:pointer;font:inherit;transition:background .2s,border-color .2s,opacity .25s}.atl-map__row:focus-visible,.atl-map__row:hover{background:var(--ss-glass);border-color:var(--ss-line);outline:none}.atl-map__row[aria-selected=true]{background:color-mix(in srgb,var(--row) 12%,transparent);border-color:color-mix(in srgb,var(--row) 55%,transparent);box-shadow:0 0 30px -12px var(--row)}.atl-map__row.is-dim{opacity:.28}.atl-map__row--axis{cursor:default;min-height:22px}.atl-map__row--axis:hover{background:none;border-color:transparent}.atl-map__name{font-weight:600;font-size:13px;font-family:var(--ss-font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atl-map__name:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:var(--row);box-shadow:0 0 8px var(--row);vertical-align:1px}.atl-map__unit{font-weight:500;font-size:10px;font-family:var(--ss-font-mono);color:var(--ss-muted);text-align:right}.atl-map__track{position:relative;display:block;height:22px}.atl-map__tick{position:absolute;top:0;bottom:0;width:1px;background:var(--ss-grid)}.atl-map__range{position:absolute;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--row) 70%,transparent) 12%,color-mix(in srgb,var(--row) 70%,transparent) 88%,transparent)}.atl-map__band{position:absolute;top:50%;border-radius:6px}.atl-map__band--core{height:12px;margin-top:-6px;background:var(--row);opacity:.85;box-shadow:0 0 14px -2px var(--row)}.atl-map__band--focus{height:8px;margin-top:-4px;background:var(--atl-focus);box-shadow:0 0 12px var(--atl-focus)}.atl-map__band--trouble{height:16px;margin-top:-8px;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--atl-trouble) 70%,transparent) 0 2px,transparent 2px 5px);border:1px solid color-mix(in srgb,var(--atl-trouble) 60%,transparent)}.atl-region{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:9.5px;font-family:var(--ss-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ss-muted);background:var(--ss-glass);border-radius:6px;white-space:nowrap;overflow:hidden}.atl-region--alt{background:transparent}.atl-map__track--ticks span{position:absolute;top:4px;transform:translateX(-50%);font-weight:500;font-size:10px;font-family:var(--ss-font-mono);color:var(--ss-muted)}.atl-map__track--ticks span:first-child{transform:none}.atl-map__track--ticks span:last-child{transform:translateX(-100%)}@media (max-width:520px){.atl-region{font-size:0}.atl-map__row{grid-template-columns:76px 1fr;gap:6px}.atl-map__name{font-size:12px}}.atl-file{--file:var(--ss-accent);display:grid;gap:var(--atl-gap);padding:clamp(14px,2vw,24px);border-radius:var(--ss-radius-lg);border:1px solid color-mix(in srgb,var(--file) 40%,var(--ss-line));background:radial-gradient(120% 60% at 0 0,color-mix(in srgb,var(--file) 14%,transparent),transparent 60%),var(--atl-panel);box-shadow:0 40px 90px -50px var(--file);scroll-margin-top:120px;min-width:0}.atl-file .atl-band--core rect{stroke:var(--file)}.atl-file__head{display:grid;gap:14px}.atl-file__title{margin:10px 0 0;font-weight:600;font-size:clamp(28px,3.4vw,42px);line-height:1.05;font-family:var(--ss-font-display);letter-spacing:-.01em}.atl-file__short{margin:8px 0 0;color:color-mix(in srgb,var(--ss-text) 82%,transparent);font-size:16px;line-height:1.55;max-width:60ch}.atl-file__diagrams,.atl-file__process{display:grid;gap:var(--atl-gap)}@media (min-width:760px){.atl-file__diagrams,.atl-file__process{grid-template-columns:1fr 1fr}}.atl-bandlist{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:13px;line-height:1.45;color:var(--ss-muted)}.atl-bandlist__item{padding-left:12px;border-left:2px solid var(--file)}.atl-bandlist__item--focus{border-color:var(--atl-focus)}.atl-bandlist__item--trouble{border-color:var(--atl-trouble)}.atl-bandlist b{display:block;color:var(--ss-text);font-size:13px}.atl-bandlist b span{font-weight:500;font-size:11px;font-family:var(--ss-font-mono);color:var(--ss-muted);margin-left:6px}.atl-moves{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:10px}.atl-moves li{display:grid;grid-template-columns:26px 1fr;gap:10px;font-size:13px;line-height:1.45;color:var(--ss-muted)}.atl-moves__n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ss-warn);color:var(--ss-warn);font-weight:700;font-size:11px;font-family:var(--ss-font-mono)}.atl-moves b{display:block;color:var(--ss-text);font-size:14px}.atl-moves__q{font-weight:500;font-size:11px;font-family:var(--ss-font-mono);color:var(--ss-muted)}.atl-moves span{display:block}.atl-moves__measured{margin-top:2px;color:var(--ss-accent2);font-size:12.5px}.atl-comp{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:0}.atl-comp div{padding:12px;border-radius:var(--ss-radius-sm);text-align:center;background:radial-gradient(80% 80% at 50% 0,color-mix(in srgb,var(--ss-warn) 12%,transparent),transparent),var(--ss-glass);border:1px solid var(--ss-line)}.atl-comp dt{font-weight:500;font-size:10px;font-family:var(--ss-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ss-muted)}.atl-comp dd{margin:6px 0 0;font-weight:600;font-size:16px;font-family:var(--ss-font-display);color:var(--ss-text)}.atl-keys{display:grid;gap:var(--atl-gap);margin-top:32px}.atl-keys__scroll{overflow-x:auto;padding:14px;border-radius:var(--ss-radius-lg);border:1px solid var(--ss-line);background:var(--atl-panel);scrollbar-color:var(--ss-line-strong) transparent}.atl-keys__scroll:focus-visible{outline:2px solid var(--ss-accent2)}.atl-keys__inner{position:relative;min-width:1180px}.atl-lanes{position:relative;margin-bottom:10px}.atl-lane{--lane:var(--ss-accent);position:absolute;height:16px;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--lane) 55%,transparent),color-mix(in srgb,var(--lane) 25%,transparent));border:1px solid color-mix(in srgb,var(--lane) 70%,transparent)}.atl-lane span{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-weight:600;font-size:10px;font-family:var(--ss-font-mono);letter-spacing:.06em;color:var(--ss-text);white-space:nowrap;text-shadow:0 1px 4px var(--ss-bg)}.atl-piano{position:relative;height:150px}.atl-key{position:absolute;top:0;height:100%;padding:0;border:1px solid #1a1c28;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#E9EBF5,#C9CDDD);cursor:pointer;transition:background .15s,box-shadow .15s}.atl-key--black{z-index:2;height:62%;border-color:#000;background:linear-gradient(180deg,#23263a,#0b0c14)}.atl-key:hover{background:linear-gradient(180deg,#fff,#dfe2ee)}.atl-key--black:hover{background:linear-gradient(180deg,#343852,#14162a)}.atl-key.is-chord{background:linear-gradient(180deg,#F3D6FF,#C99BE6);box-shadow:inset 0 -6px 0 var(--ss-accent3)}.atl-key--black.is-chord{background:linear-gradient(180deg,#7a3a96,#3d1450)}.atl-key.is-on{background:linear-gradient(180deg,#CFF6FF,#7ADFF5);box-shadow:0 0 24px var(--ss-accent2),inset 0 -6px 0 var(--ss-accent2)}.atl-key--black.is-on{background:linear-gradient(180deg,#2bb8d8,#0c5d73)}.atl-key:focus-visible{outline:2px solid var(--ss-accent2);outline-offset:1px;z-index:3}.atl-key__dot{position:absolute;left:50%;bottom:22px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--ss-accent);box-shadow:0 0 6px var(--ss-accent)}.atl-key--black .atl-key__dot{bottom:10px;background:var(--ss-accent2)}.atl-key__c{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-weight:600;font-size:9px;font-family:var(--ss-font-mono);color:#3a3f58}.atl-keys__readout{display:grid;gap:14px;padding:clamp(14px,2vw,22px);border-radius:var(--ss-radius-lg);border:1px solid var(--ss-line);background:var(--atl-panel)}@media (min-width:900px){.atl-keys__readout{grid-template-columns:auto 1fr;align-items:center}.atl-harm{grid-column:1/-1}}.atl-big b{display:block;font-weight:600;font-size:clamp(40px,6vw,64px);line-height:1;font-family:var(--ss-font-display);background:linear-gradient(120deg,var(--ss-text),var(--ss-accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.atl-big span{font-weight:500;font-size:15px;font-family:var(--ss-font-mono);color:var(--ss-accent2)}.atl-harm{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.atl-harm span{position:relative;padding:10px 10px 8px;border-radius:var(--ss-radius-sm);border:1px solid var(--ss-line);background:linear-gradient(0deg,color-mix(in srgb,var(--ss-accent2) calc(var(--h) * 28%),transparent),transparent);font-weight:600;font-size:13px;font-family:var(--ss-font-mono);color:var(--ss-text)}.atl-harm b{font-size:10px;letter-spacing:.14em}.atl-harm b,.atl-harm small{display:block;color:var(--ss-muted)}.atl-harm small{font-size:11px}.atl-legend-line{margin:12px 0 0;font-size:13px;color:var(--ss-muted)}.atl-key-chord,.atl-key-dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;margin-right:4px}.atl-key-dot{background:var(--ss-accent)}.atl-key-chord{background:var(--ss-accent3)}.atl-controls{display:grid;gap:16px;padding:clamp(14px,2vw,22px);border-radius:var(--ss-radius-lg);margin-block:28px var(--atl-gap)}.atl-controls--row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 28px}.atl-control{display:grid;gap:8px}.atl-control--row{display:grid;gap:16px}@media (min-width:760px){.atl-control--row{grid-template-columns:1fr 1fr}}.atl-control__label{font-weight:500;font-size:11px;font-family:var(--ss-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ss-muted)}.atl-control__label b{color:var(--ss-text);letter-spacing:.04em}.atl-control__label small{letter-spacing:.04em;text-transform:none;color:var(--ss-accent2);margin-left:6px}.atl-pills{display:flex;flex-wrap:wrap;gap:6px}.atl-pill{min-height:36px;padding:6px 12px;border-radius:var(--ss-radius-pill);border:1px solid var(--ss-line);background:var(--ss-glass);color:var(--ss-muted);font-weight:600;font-size:13px;font-family:var(--ss-font-body);cursor:pointer;transition:all .18s}.atl-pill:hover{color:var(--ss-text);border-color:var(--ss-line-strong)}.atl-pill[aria-pressed=true]{color:var(--ss-on-accent);background:var(--ss-accent);border-color:var(--ss-accent);box-shadow:0 6px 22px -8px var(--ss-accent-glow)}.atl-slider{display:grid;gap:8px;flex:1 1 260px;min-width:0}.atl-slider input[type=range]{width:100%;height:28px;accent-color:var(--ss-accent2);background:transparent}.atl-select{display:grid;gap:6px}.atl-select select{min-height:44px;padding:8px 12px;border-radius:var(--ss-radius-sm);border:1px solid var(--ss-line-strong);background:var(--ss-input-bg);color:var(--ss-text);font-weight:600;font-size:14px;font-family:var(--ss-font-body)}.atl-zone-low{fill:color-mix(in srgb,var(--ss-warn) 6%,transparent)}.atl-zone-mud{fill:color-mix(in srgb,var(--atl-trouble) 10%,transparent)}.atl-rowlabel{fill:var(--ss-text)!important;font-size:10px!important;letter-spacing:.1em;text-transform:uppercase}.atl-pin text{fill:var(--ss-text);font-size:10.5px}.atl-pin--kick circle{fill:var(--ss-warn);filter:drop-shadow(0 0 8px var(--ss-warn))}.atl-pin--bass circle{fill:var(--ss-bg);stroke-width:2.5}.atl-pin--bass line{stroke-dasharray:2 4;stroke-width:1.2}.atl-pin--bass.is-best circle{filter:drop-shadow(0 0 8px currentColor)}.atl-rel--fifth,.atl-rel--octave{color:#3DE8A0}.atl-rel--clear{color:var(--ss-accent2)}.atl-rel--unison{color:var(--ss-warn)}.atl-rel--clash{color:var(--atl-trouble)}.atl-pin--bass circle,.atl-pin--bass line{stroke:currentColor}.atl-pin--chord circle{fill:var(--ss-accent3);filter:drop-shadow(0 0 6px var(--ss-accent3))}.atl-pin--chord.atl-role--third circle{fill:#B79BFF}.atl-pin--chord.atl-role--extension circle,.atl-pin--chord.atl-role--seventh circle{fill:#FF4DB8}.atl-bassopts{margin:0;padding:0;list-style:none;display:grid;gap:10px}.atl-bassopts li{padding:12px 14px;border-radius:var(--ss-radius-sm);border:1px solid color-mix(in srgb,currentColor 35%,var(--ss-line));background:color-mix(in srgb,currentColor 6%,transparent)}.atl-bassopts li>span{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--ss-muted)}.atl-bassopts b{font-weight:600;font-size:15px;font-family:var(--ss-font-body);color:var(--ss-text)}.atl-bassopts b span{font-weight:500;font-size:12px;font-family:var(--ss-font-mono);color:currentColor;margin-left:6px}.atl-bassopts em{margin-left:8px;padding:2px 8px;border-radius:var(--ss-radius-pill);background:currentColor;font-weight:700;font-size:10px;font-family:var(--ss-font-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--ss-bg);background:#3DE8A0}.atl-bassopts .is-best{box-shadow:0 0 30px -14px currentColor}.atl-mode{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--ss-muted)}.atl-mode b{color:var(--ss-text)}.atl-fit{margin:10px 0 0;padding:10px 12px;border-radius:var(--ss-radius-sm);font-size:13px;color:var(--ss-warn);background:color-mix(in srgb,var(--ss-warn) 8%,transparent)}.atl-fit.is-ok{color:#3DE8A0;background:color-mix(in srgb,#3DE8A0 8%,transparent)}.atl-triads{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:6px;margin-top:14px}.atl-triad{min-height:56px;padding:8px 6px;border-radius:var(--ss-radius-sm);border:1px solid var(--ss-line);background:var(--ss-glass);color:var(--ss-text);cursor:pointer;display:grid;gap:2px;font:inherit}.atl-triad small{font-family:var(--ss-font-serif);font-style:italic;color:var(--ss-muted)}.atl-triad b,.atl-triad small{font-weight:600;font-size:14px}.atl-triad b{font-family:var(--ss-font-body)}.atl-triad--min{border-color:color-mix(in srgb,var(--ss-accent) 40%,var(--ss-line))}.atl-triad--maj{border-color:color-mix(in srgb,var(--ss-warn) 40%,var(--ss-line))}.atl-triad--dim{opacity:.75}.atl-triad[aria-pressed=true]{background:var(--ss-accent);border-color:var(--ss-accent)}.atl-progs{margin:0;padding:0;list-style:none;display:grid;gap:8px}.atl-progs li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:10px 12px;border-radius:var(--ss-radius-sm);background:var(--ss-glass);border:1px solid var(--ss-line);font-size:13px;color:var(--ss-muted)}.atl-progs b{font-weight:600;font-size:14px;font-family:var(--ss-font-mono);color:var(--ss-text)}.atl-intervals{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.atl-interval{padding:10px;border-radius:var(--ss-radius-sm);border:1px solid var(--ss-line);display:grid;gap:2px}.atl-interval b{font-weight:600;font-size:18px;font-family:var(--ss-font-display)}.atl-interval span{font-size:12px;color:var(--ss-text)}.atl-interval small{font-weight:500;font-size:10px;font-family:var(--ss-font-mono);letter-spacing:.08em;text-transform:uppercase}.atl-feel--perfect{background:color-mix(in srgb,#3DE8A0 10%,transparent)}.atl-feel--perfect small{color:#3DE8A0}.atl-feel--sweet{background:color-mix(in srgb,var(--ss-accent2) 9%,transparent)}.atl-feel--sweet small{color:var(--ss-accent2)}.atl-feel--open{background:color-mix(in srgb,var(--ss-warn) 8%,transparent)}.atl-feel--open small{color:var(--ss-warn)}.atl-feel--tense{background:color-mix(in srgb,var(--atl-trouble) 9%,transparent)}.atl-feel--tense small{color:var(--atl-trouble)}.atl-rhythm{margin-top:32px}.atl-bpm{position:relative;height:112px;margin-top:18px;border-radius:var(--ss-radius-lg);overflow:hidden}.atl-bpm__band{position:absolute;height:22px;border-radius:11px;background:color-mix(in srgb,var(--ss-muted) 18%,transparent);border:1px solid var(--ss-line-strong);transition:background .2s}.atl-bpm__band:first-child{top:12px}.atl-bpm__band:nth-child(2){top:38px}.atl-bpm__band:nth-child(3){top:64px}.atl-bpm__band span{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-weight:600;font-size:10.5px;font-family:var(--ss-font-mono);color:var(--ss-text);white-space:nowrap}.atl-bpm__band.is-on{background:linear-gradient(90deg,var(--ss-accent),var(--ss-accent3));border-color:transparent;box-shadow:0 0 24px -6px var(--ss-accent-glow)}.atl-bpm__now{position:absolute;top:6px;bottom:22px;width:2px;margin-left:-1px;background:var(--ss-accent2);box-shadow:0 0 12px var(--ss-accent2)}.atl-bpm__now b{top:-2px;left:6px;font-weight:700;font-size:11px;color:var(--ss-accent2)}.atl-bpm__axis span,.atl-bpm__now b{position:absolute;font-family:var(--ss-font-mono)}.atl-bpm__axis span{bottom:4px;transform:translateX(-50%);font-weight:500;font-size:10px;color:var(--ss-muted)}.atl-bpm__inner{position:absolute;inset:0 22px}.atl-grid{overflow-x:auto;padding:14px;border-radius:var(--ss-radius-lg)}.atl-grid__row{--lane:var(--ss-accent);display:grid;grid-template-columns:92px repeat(16,minmax(26px,1fr));gap:4px;align-items:center;min-width:640px;margin-bottom:4px}.atl-grid__row--head span{font-weight:500;font-size:10px;font-family:var(--ss-font-mono);color:var(--ss-muted);text-align:center}.atl-grid__row--head span:first-child{text-align:left}.atl-grid__name{font-weight:600;font-size:12px;font-family:var(--ss-font-body);color:var(--ss-text)}.atl-grid__name:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:var(--lane)}.atl-cell{position:relative;height:34px;border-radius:7px;background:var(--ss-glass);border:1px solid var(--ss-line)}.atl-cell.is-beat{border-color:var(--ss-line-strong)}.atl-cell i{position:absolute;inset:4px;border-radius:4px;transform:translateX(calc(var(--swing, 0) * 100%))}.atl-cell.is-hit i{background:var(--lane);opacity:calc(.25 + var(--v) * .75);box-shadow:0 0 calc(var(--v) * 16px) var(--lane)}.atl-cell.is-now{border-color:var(--ss-accent2);background:color-mix(in srgb,var(--ss-accent2) 14%,transparent)}.atl-cell.is-now.is-hit i{filter:brightness(1.5)}.atl-timing{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:0}.atl-timing div{padding:10px;border-radius:var(--ss-radius-sm);background:var(--ss-glass);border:1px solid var(--ss-line)}.atl-timing dt{font-weight:600;font-size:12px;font-family:var(--ss-font-mono);color:var(--ss-accent2)}.atl-timing dd{margin:4px 0 0;font-weight:600;font-size:15px;font-family:var(--ss-font-body)}.atl-analyzer{margin-top:32px}.atl-analyzer,.atl-drop-row{display:grid;gap:var(--atl-gap)}@media (min-width:900px){.atl-drop-row{grid-template-columns:1fr auto;align-items:stretch}}.atl-drop{position:relative;display:grid;justify-items:center;gap:8px;padding:clamp(26px,4vw,44px) 18px;border-radius:var(--ss-radius-lg);border:1.5px dashed color-mix(in srgb,var(--ss-accent2) 50%,var(--ss-line));text-align:center;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.atl-drop.is-over,.atl-drop:focus-within,.atl-drop:hover{border-color:var(--ss-accent2);background:color-mix(in srgb,var(--ss-accent2) 7%,transparent);box-shadow:0 0 60px -30px var(--ss-accent2)}.atl-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.atl-drop b{font-weight:600;font-size:17px;font-family:var(--ss-font-body)}.atl-drop span{font-size:13px;color:var(--ss-muted);max-width:46ch}.atl-drop__icon{width:46px;height:46px;fill:none;stroke:var(--ss-accent2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px var(--ss-accent2))}.atl-demos{display:flex;flex-wrap:wrap;align-content:center;gap:8px}@media (min-width:900px){.atl-demos{flex-direction:column;justify-content:center}}.atl-status{min-height:1.4em;margin:0;font-weight:500;font-size:13px;font-family:var(--ss-font-mono);color:var(--ss-accent2)}.atl-result{--file:var(--ss-accent);display:grid;gap:var(--atl-gap)}.atl-result__bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 20px}.atl-result__note{font-size:13px}.atl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.atl-stats div{padding:12px 14px;border-radius:var(--ss-radius-sm);border:1px solid var(--ss-line);background:radial-gradient(100% 120% at 0 0,color-mix(in srgb,var(--file) 14%,transparent),transparent 70%),var(--ss-glass)}.atl-stats dt{font-weight:500;font-size:10px;font-family:var(--ss-font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ss-muted)}.atl-stats dd{margin:4px 0 0;font-weight:600;font-size:16px;font-family:var(--ss-font-body)}.atl-shares{display:grid;gap:8px}.atl-share{display:grid;grid-template-columns:84px 1fr 44px;align-items:center;gap:10px;font-size:13px}.atl-share span{color:var(--ss-muted)}.atl-share i{position:relative;height:10px;border-radius:5px;background:var(--ss-glass);overflow:hidden}.atl-share i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:5px;background:linear-gradient(90deg,var(--file),var(--ss-accent2));box-shadow:0 0 10px var(--file);transition:width .5s ease}.atl-share b{font-weight:600;font-size:13px;font-family:var(--ss-font-mono);text-align:right}.atl-key-legend{display:inline-flex;flex-wrap:wrap;gap:4px 12px;letter-spacing:.08em}.atl-key-legend i{display:inline-block;width:16px;height:3px;margin-right:4px;vertical-align:middle;border-radius:2px}.atl-key-legend .is-spec{background:var(--file)}.atl-key-legend .is-tr{background:var(--atl-focus)}.atl-key-legend .is-eq{background:var(--ss-warn)}.atl-json summary{cursor:pointer;font-weight:600;font-size:14px;font-family:var(--ss-font-body);color:var(--ss-text)}.atl-json pre{margin:14px 0;max-height:320px;overflow:auto;padding:14px;border-radius:var(--ss-radius-sm);background:var(--ss-input-bg);border:1px solid var(--ss-line);font-weight:500;font-size:12px;line-height:1.5;font-family:var(--ss-font-mono);color:var(--ss-accent2)}.arkx-hero,.arkx-mini,.arkx-rack{--arkx-s1:4px;--arkx-s2:8px;--arkx-s3:12px;--arkx-s4:16px;--arkx-s5:24px;--arkx-r1:6px;--arkx-r2:10px;--arkx-r3:14px;--arkx-r4:20px;--arkx-hit:44px;--arkx-panel:color-mix(in srgb,var(--ss-surface) 82%,var(--ss-bg));--arkx-panel2:color-mix(in srgb,var(--ss-surface) 45%,var(--ss-bg));--arkx-line:var(--ss-line);--arkx-line2:var(--ss-line-strong);--arkx-text:var(--ss-text);--arkx-muted:var(--ss-muted);--arkx-mono:var(--ss-font-mono)}.arkx-mini{--mini-accent:var(--ss-accent);container-type:inline-size;position:relative;display:grid;gap:var(--arkx-s2);padding:var(--arkx-s2);border-radius:var(--arkx-r4);background:linear-gradient(180deg,var(--arkx-panel),var(--arkx-panel2));border:1px solid var(--arkx-line2);box-shadow:0 30px 80px -30px var(--ss-shadow),0 0 0 1px color-mix(in srgb,var(--mini-accent) 18%,transparent),0 0 60px -30px var(--mini-accent);color:var(--arkx-text);font-family:var(--ss-font-body);min-width:0;max-width:100%;overflow:hidden;isolation:isolate}.arkx-mini__head{flex-wrap:wrap;padding:var(--arkx-s1) var(--arkx-s1) 0}.arkx-mini__brand,.arkx-mini__head{display:flex;align-items:center;gap:var(--arkx-s2)}.arkx-mini__brand{min-width:0;flex:1 1 auto}.arkx-mini__logo{width:30px;height:30px;flex:none}.arkx-mini__logo path{fill:color-mix(in srgb,var(--mini-accent) 16%,transparent);stroke:var(--mini-accent);stroke-width:1.6}.arkx-mini__logo .arkx-mini__logo-a{fill:var(--mini-accent);stroke:none}.arkx-mini__name{font-family:var(--ss-font-display);font-weight:800;letter-spacing:.06em;color:var(--mini-accent);font-size:clamp(14px,3.6cqi,18px);line-height:1.1;overflow-wrap:anywhere}.arkx-mini__sub{font-family:var(--arkx-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--arkx-muted);overflow-wrap:anywhere}.arkx-mini__preset{display:none;font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--arkx-r1);background:var(--ss-input-bg);border:1px solid var(--arkx-line);color:var(--arkx-text);overflow:hidden;text-overflow:ellipsis;max-width:30ch}.arkx-mini__transport{display:flex;align-items:center;gap:var(--arkx-s2);margin-left:auto}.arkx-mini__simple{display:none;font-size:11px;font-weight:800;letter-spacing:.08em;padding:7px 12px;border-radius:var(--arkx-r1);background:var(--mini-accent);color:var(--ss-bg)}.arkx-tbtn{min-width:var(--arkx-hit);min-height:var(--arkx-hit);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border-radius:var(--arkx-r2);border:1px solid var(--arkx-line2);background:var(--ss-glass);color:var(--arkx-text);font-weight:700;font-size:13px;line-height:1;font-family:var(--ss-font-body);letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.arkx-tbtn svg{width:18px;height:18px;fill:currentColor}.arkx-tbtn .arkx-tbtn__stroke{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.arkx-tbtn:hover{border-color:var(--mini-accent)}.arkx-tbtn--play{background:color-mix(in srgb,var(--mini-accent) 22%,transparent);border-color:color-mix(in srgb,var(--mini-accent) 60%,transparent)}.arkx-tbtn--play[aria-pressed=true]{background:var(--mini-accent);color:var(--ss-bg);box-shadow:0 0 24px -4px var(--mini-accent)}.arkx-tbtn[aria-pressed=true]:not(.arkx-tbtn--play){border-color:var(--ss-danger);color:var(--ss-danger)}.arkx-btn:focus-visible,.arkx-chip:focus-visible,.arkx-keys:focus-visible,.arkx-step:focus-visible,.arkx-tbtn:focus-visible,.arkx-tile:focus-visible,.arkx-unit:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--ss-accent2);outline-offset:2px}.arkx-mini__body{display:grid;gap:var(--arkx-s2);min-width:0}.arkx-mini__hero{position:relative;min-width:0;border-radius:var(--arkx-r3);overflow:hidden;background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--mini-accent) 12%,var(--ss-bg)),var(--ss-bg) 70%);border:1px solid var(--arkx-line)}.arkx-mini__side{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--arkx-s2);align-content:start;min-width:0}.arkx-mini__strip{display:flex;flex-wrap:wrap;gap:var(--arkx-s2);align-items:center;min-width:0}.arkx-mini__macros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--arkx-s2);padding:var(--arkx-s2);border-radius:var(--arkx-r3);background:var(--ss-glass);border:1px solid var(--arkx-line)}.arkx-mini__keys{min-width:0}.arkx-mini__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--arkx-s1) var(--arkx-s3);padding:0 var(--arkx-s1) var(--arkx-s1);font-size:11px;line-height:1.4;font-family:var(--arkx-mono);color:var(--arkx-muted)}.arkx-mini__status{color:color-mix(in srgb,var(--mini-accent) 70%,var(--arkx-text))}@container (min-width: 520px){.arkx-mini{gap:var(--arkx-s3);padding:var(--arkx-s3)}.arkx-mini__macros{grid-template-columns:repeat(var(--macro-cols,4),minmax(0,1fr))}.arkx-mini__simple{display:inline-flex}}@container (min-width: 760px){.arkx-mini__preset{display:block}.arkx-mini__body--side{grid-template-columns:minmax(0,1fr) minmax(220px,30%)}.arkx-mini__body--side .arkx-mini__side{grid-template-columns:minmax(0,1fr)}}.arkx-canvas{display:block;width:100%;aspect-ratio:16/10;max-height:min(58vh,460px)}.arkx-canvas--tall{aspect-ratio:4/3}.arkx-canvas.is-touch{touch-action:none;cursor:crosshair}@container (min-width: 760px){.arkx-canvas{aspect-ratio:16/8}.arkx-canvas--tall{aspect-ratio:16/10}}.arkx-overlay{position:absolute;inset:0;pointer-events:none;padding:var(--arkx-s3);display:flex;flex-direction:column;justify-content:space-between}.arkx-overlay>*{pointer-events:auto}.arkx-overlay__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--arkx-s2);align-items:flex-start}.arkx-big{font-weight:800;font-size:clamp(26px,8cqi,56px);line-height:1;font-family:var(--ss-font-display);letter-spacing:-.01em;color:var(--mini-accent);text-shadow:0 0 30px color-mix(in srgb,var(--mini-accent) 45%,transparent)}.arkx-big small{font-size:.32em;letter-spacing:.1em;margin-left:.4em;vertical-align:middle}.arkx-label{font-weight:700;font-size:10px;line-height:1.3;font-family:var(--arkx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--arkx-muted)}.arkx-label--accent{color:var(--mini-accent)}.arkx-panel{padding:var(--arkx-s2) var(--arkx-s3);border-radius:var(--arkx-r2);background:var(--ss-glass);border:1px solid var(--arkx-line);min-width:0}.arkx-panel__title{margin:0 0 var(--arkx-s2);font-weight:700;font-size:10px;line-height:1.2;font-family:var(--arkx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mini-accent)}.arkx-readouts{display:flex;flex-wrap:wrap;gap:var(--arkx-s2) var(--arkx-s4)}.arkx-readout{display:grid;gap:2px;min-width:0}.arkx-readout b{font-weight:800;font-size:clamp(16px,4cqi,26px);line-height:1;font-family:var(--ss-font-display);color:var(--arkx-text);font-variant-numeric:tabular-nums}.arkx-readout span{font-weight:700;font-size:9px;line-height:1.2;font-family:var(--arkx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--arkx-muted)}.arkx-readout--accent b{color:var(--mini-accent)}.arkx-readout--c2 b{color:var(--mini-c2)}.arkx-readout--c3 b{color:var(--mini-c3)}.arkx-readout--c4 b{color:var(--mini-c4)}.arkx-knob{--k-color:var(--mini-accent);display:grid;justify-items:center;gap:2px;min-width:0;text-align:center}.arkx-knob__dial{width:56px;height:56px;min-width:var(--arkx-hit);min-height:var(--arkx-hit);border-radius:50%;cursor:ns-resize;touch-action:none}.arkx-knob--sm .arkx-knob__dial{width:46px;height:46px}.arkx-knob__dial svg{width:100%;height:100%;overflow:visible}.arkx-knob__track{fill:none;stroke:var(--arkx-line2);stroke-width:4;stroke-linecap:round}.arkx-knob__arc{fill:none;stroke:var(--k-color);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--k-color))}.arkx-knob__cap{fill:var(--ss-bg);stroke:var(--arkx-line2);stroke-width:1.5}.arkx-knob__ptr{stroke:var(--arkx-text);stroke-width:2.5;stroke-linecap:round}.arkx-knob__dial.is-drag .arkx-knob__cap{stroke:var(--k-color)}.arkx-knob__label{font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--k-color);overflow-wrap:anywhere}.arkx-knob__label,.arkx-knob__value{line-height:1.2;font-family:var(--arkx-mono)}.arkx-knob__value{font-weight:600;font-size:11px;color:var(--arkx-text);font-variant-numeric:tabular-nums}.arkx-orb{--k-color:var(--mini-accent);display:grid;justify-items:center;gap:4px;min-width:0;text-align:center}.arkx-orb__label{font-weight:800;font-size:11px;line-height:1.2;font-family:var(--ss-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--k-color);overflow-wrap:anywhere}.arkx-orb__dial{width:clamp(72px,15cqi,112px);aspect-ratio:1;border-radius:50%;cursor:ns-resize;touch-action:none}.arkx-orb__dial svg{width:100%;height:100%;overflow:visible}.arkx-orb__tick{stroke:var(--arkx-line2);stroke-width:1}.arkx-orb__tick.is-on{stroke:var(--k-color)}.arkx-orb__halo{fill:none;stroke:color-mix(in srgb,var(--k-color) 20%,transparent);stroke-width:6;filter:blur(3px)}.arkx-orb__hi{stop-color:color-mix(in srgb,var(--arkx-text) 55%,var(--ss-bg))}.arkx-orb__mid{stop-color:color-mix(in srgb,var(--arkx-text) 14%,var(--ss-bg))}.arkx-orb__lo{stop-color:var(--ss-bg)}.arkx-orb__liquid{fill:color-mix(in srgb,var(--k-color) 70%,var(--ss-bg));opacity:.9}.arkx-orb__wave{animation:arkx-wave 3.6s linear infinite}.arkx-orb__rim{fill:none;stroke:var(--k-color);stroke-width:1.2;opacity:.8}.arkx-orb__gloss{fill:var(--arkx-text);opacity:.12}.arkx-orb__dot{fill:var(--arkx-text);stroke:var(--ss-bg);stroke-width:2;filter:drop-shadow(0 0 4px var(--arkx-text))}.arkx-orb__dial.is-drag .arkx-orb__halo{stroke:color-mix(in srgb,var(--k-color) 55%,transparent)}.arkx-orb__value{font-weight:700;font-size:13px;line-height:1.2;font-family:var(--arkx-mono);color:var(--arkx-text);font-variant-numeric:tabular-nums}.arkx-orb__hint{font-size:10px;line-height:1.35;font-family:var(--arkx-mono);color:var(--arkx-muted);max-width:22ch;overflow-wrap:anywhere}@keyframes arkx-wave{0%{transform:translateX(0)}to{transform:translateX(40px)}}.arkx-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.arkx-chip,.arkx-chips{--k-color:var(--mini-accent)}.arkx-chip{min-height:var(--arkx-hit);min-width:var(--arkx-hit);padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--arkx-r1);border:1px solid var(--arkx-line2);background:var(--ss-input-bg);color:var(--arkx-text);font-weight:800;font-size:11px;line-height:1.15;font-family:var(--ss-font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:center;transition:background .15s,color .15s,border-color .15s}.arkx-chips .arkx-chip{--k-color:inherit}.arkx-chip:hover{border-color:var(--k-color)}.arkx-chip[aria-pressed=true]{background:var(--k-color);border-color:var(--k-color);color:var(--ss-bg);box-shadow:0 0 18px -6px var(--k-color)}.arkx-pill__led{width:8px;height:8px;border-radius:50%;background:var(--arkx-line2)}.arkx-pill[aria-pressed=true] .arkx-pill__led{background:var(--ss-bg)}.arkx-xy{--k-color:var(--mini-accent);position:relative;width:100%;aspect-ratio:16/9;min-height:120px;border-radius:var(--arkx-r2);background:var(--ss-glass);border:1px solid var(--arkx-line);touch-action:none;cursor:crosshair;overflow:hidden}.arkx-xy__dot{width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--k-color);box-shadow:0 0 22px var(--k-color)}.arkx-xy__ax,.arkx-xy__dot{position:absolute;pointer-events:none}.arkx-xy__ax{font-weight:700;font-size:9px;line-height:1;font-family:var(--arkx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--arkx-muted)}.arkx-xy__ax--x{right:8px;bottom:6px}.arkx-xy__ax--y{left:8px;top:6px}.arkx-steps{--k-color:var(--mini-accent);--k-accent:var(--mini-c2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;min-width:0}.arkx-step{min-height:var(--arkx-hit);border-radius:var(--arkx-r1);border:1px solid var(--arkx-line);background:var(--ss-input-bg);cursor:pointer;padding:6px;display:grid}.arkx-step span{border-radius:4px;background:var(--arkx-line)}.arkx-step[aria-pressed=true] span{background:var(--k-color);box-shadow:0 0 12px -2px var(--k-color)}.arkx-step.is-accent span{background:var(--k-accent);box-shadow:0 0 14px -2px var(--k-accent)}.arkx-step.is-play{border-color:var(--arkx-text)}.arkx-step:nth-child(4n+1){border-left-color:var(--arkx-line2)}@container (min-width: 420px){.arkx-steps{grid-template-columns:repeat(8,minmax(0,1fr))}}@container (min-width: 760px){.arkx-steps--n16{grid-template-columns:repeat(16,minmax(0,1fr))}}.arkx-keys{--k-color:var(--mini-accent);height:84px;width:100%;border-radius:var(--arkx-r2);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid var(--arkx-line)}.arkx-key,.arkx-keys{position:relative;display:flex}.arkx-key{flex:1 1 0;min-width:0;background:linear-gradient(180deg,var(--arkx-text),color-mix(in srgb,var(--arkx-text) 80%,var(--ss-muted)));border-right:1px solid color-mix(in srgb,var(--ss-bg) 30%,transparent);align-items:flex-end;justify-content:center;padding-bottom:4px;cursor:pointer}.arkx-key span{font-weight:700;font-size:9px;line-height:1;font-family:var(--arkx-mono);color:var(--ss-bg);opacity:.6;pointer-events:none}.arkx-key.is-on{background:linear-gradient(180deg,var(--k-color),color-mix(in srgb,var(--k-color) 70%,var(--ss-bg)))}.arkx-key--black{position:absolute;top:0;height:58%;width:calc(100% / var(--whites) * .6);background:linear-gradient(180deg,var(--ss-surface),var(--ss-bg));border:1px solid var(--ss-bg);border-radius:0 0 4px 4px;z-index:1}.arkx-key--black.is-on{background:var(--k-color)}.arkx-btn{min-height:var(--arkx-hit);min-width:var(--arkx-hit);padding:0 16px;border-radius:var(--arkx-r2);border:1px solid color-mix(in srgb,var(--mini-accent) 55%,transparent);background:color-mix(in srgb,var(--mini-accent) 14%,transparent);color:var(--arkx-text);font-weight:800;font-size:12px;line-height:1.15;font-family:var(--ss-font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.arkx-btn:hover,.arkx-btn[aria-pressed=true]{background:var(--mini-accent);color:var(--ss-bg)}.arkx-btn--big{min-height:72px;font-size:clamp(16px,4cqi,24px);border-radius:var(--arkx-r3);box-shadow:inset 0 0 30px -10px var(--mini-accent)}.arkx-btn--big:active{transform:scale(.98)}.arkx-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--arkx-s2)}@container (min-width: 760px){.arkx-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.arkx-card{border-radius:var(--arkx-r2);border:1px solid color-mix(in srgb,var(--card,var(--mini-accent)) 45%,transparent);background:color-mix(in srgb,var(--card,var(--mini-accent)) 7%,var(--ss-bg));padding:var(--arkx-s2);display:grid;gap:6px;min-width:0}.arkx-card__head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-weight:800;font-size:11px;line-height:1.2;font-family:var(--ss-font-display);letter-spacing:.1em;color:var(--card,var(--mini-accent))}.arkx-card__head small{font-size:10px;line-height:1.2;font-family:var(--arkx-mono);letter-spacing:0;color:var(--arkx-muted)}.arkx-card canvas{width:100%;height:64px;display:block}.arkx-meter{height:6px;border-radius:3px;background:var(--arkx-line);overflow:hidden}.arkx-meter>i{display:block;height:100%;background:var(--mini-accent);transition:width .12s linear}.arkx-svg{display:block;width:100%;height:auto}.arkx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.arkx-patch{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.arkx-patch__mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--arkx-s2);padding:var(--arkx-s3)}@container (min-width: 620px){.arkx-patch__mods{grid-template-columns:repeat(6,minmax(0,1fr))}}.arkx-mod{border-radius:var(--arkx-r2);border:1px solid color-mix(in srgb,var(--mod) 55%,transparent);background:color-mix(in srgb,var(--mod) 9%,var(--ss-bg));padding:8px 6px;display:grid;gap:6px;justify-items:center;min-width:0}.arkx-mod__name{font-weight:800;font-size:11px;line-height:1;font-family:var(--ss-font-display);letter-spacing:.1em;color:var(--mod)}.arkx-mod__viz{width:100%;height:28px}.arkx-mod__viz path{fill:none;stroke:var(--mod);stroke-width:2}.arkx-jacks{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.arkx-jack{position:relative;z-index:2;width:var(--arkx-hit);height:var(--arkx-hit);border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:grab;padding:0;color:var(--arkx-muted);font-weight:700;font-size:8px;line-height:1;font-family:var(--arkx-mono);letter-spacing:.05em}.arkx-jack i{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--ss-bg) 35%,color-mix(in srgb,var(--mod) 70%,var(--ss-surface)) 40%);box-shadow:0 0 0 2px color-mix(in srgb,var(--mod) 40%,transparent);display:block}.arkx-jack[data-armed=true] i{box-shadow:0 0 0 3px var(--arkx-text),0 0 16px var(--mod)}.arkx-cables{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.arkx-cables path{fill:none;stroke-width:5;stroke-linecap:round;pointer-events:stroke;cursor:pointer;filter:drop-shadow(0 4px 4px var(--ss-shadow))}.arkx-cables path.is-ghost{stroke-dasharray:6 6;pointer-events:none;opacity:.7}@media (prefers-reduced-motion:reduce){.arkx-orb__wave{animation:none}.arkx-tile__screen:after{animation:none!important}}.arkx-hero{display:grid;gap:var(--arkx-s3);min-width:0}.arkx-hero__tabs{display:flex;flex-wrap:wrap;gap:6px}.arkx-hero__tabs .arkx-chip{--k-color:var(--ss-accent2)}.arkx-hero__poster{position:relative}.arkx-hero__poster-cta{position:absolute;inset:auto 0 12px;display:flex;justify-content:center}.arkx-hero__note{margin:0;font-size:13px;color:var(--arkx-muted)}.arkx-rack{gap:var(--arkx-s5)}.arkx-rack,.arkx-stage{display:grid;min-width:0}.arkx-stage{gap:var(--arkx-s4);perspective:1800px}.arkx-stage__units{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:var(--arkx-s2);min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;overscroll-behavior-x:contain}.arkx-stage__units>*{scroll-snap-align:start}.arkx-unit{--unit:var(--ss-accent);position:relative;min-height:56px;padding:8px 12px 8px 26px;border-radius:var(--arkx-r2);border:1px solid var(--arkx-line2);text-align:left;cursor:pointer;color:var(--arkx-text);background:linear-gradient(180deg,color-mix(in srgb,var(--ss-surface) 90%,var(--arkx-text)),var(--ss-bg));box-shadow:inset 0 1px 0 var(--ss-highlight);display:grid;gap:2px;min-width:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}.arkx-unit:after,.arkx-unit:before{content:"";position:absolute;left:9px;width:6px;height:6px;border-radius:50%;background:var(--arkx-line2)}.arkx-unit:before{top:9px}.arkx-unit:after{bottom:9px}.arkx-unit b{font-weight:800;font-size:13px;line-height:1.15;font-family:var(--ss-font-display);letter-spacing:.06em;overflow-wrap:anywhere}.arkx-unit span{font-size:10px;line-height:1.3;font-family:var(--arkx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--arkx-muted);overflow-wrap:anywhere}.arkx-unit i{position:absolute;right:10px;top:10px;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--unit) 30%,var(--ss-bg))}.arkx-unit[aria-pressed=true]{border-color:var(--unit);box-shadow:0 0 0 1px var(--unit),0 0 30px -8px var(--unit)}.arkx-unit[aria-pressed=true] i{background:var(--unit);box-shadow:0 0 10px var(--unit)}.arkx-stage__screen{position:relative;min-width:0;transform-style:preserve-3d}.arkx-stage__glow{position:absolute;inset:10% 5% -6%;background:radial-gradient(60% 60% at 50% 50%,var(--stage-accent,var(--ss-accent)),transparent 70%);opacity:.25;filter:blur(40px);z-index:-1;pointer-events:none}.arkx-stage__meta{display:flex;flex-wrap:wrap;gap:var(--arkx-s2) var(--arkx-s4);align-items:center;justify-content:space-between;margin-top:var(--arkx-s3)}.arkx-stage__meta p{margin:0;color:var(--arkx-muted);font-size:15px;max-width:60ch}@media (min-width:1024px){.arkx-stage{grid-template-columns:260px minmax(0,1fr);align-items:start}.arkx-stage__units{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;overflow:visible;transform:rotateY(14deg);transform-origin:left center}.arkx-unit[aria-pressed=true]{transform:translateX(14px) translateZ(30px)}}.arkx-groups{display:grid;gap:var(--arkx-s5);min-width:0}.arkx-group__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--arkx-s2) var(--arkx-s4);margin-bottom:var(--arkx-s3)}.arkx-group__head h3{margin:0;font-weight:800;font-size:clamp(18px,2.2vw,26px);line-height:1.1;font-family:var(--ss-font-display);letter-spacing:.02em;display:flex;align-items:center;gap:10px}.arkx-group__head h3 i{width:10px;height:10px;border-radius:50%;background:var(--grp);box-shadow:0 0 12px var(--grp)}.arkx-group__head p{margin:0;color:var(--arkx-muted);font-size:14px;max-width:70ch}.arkx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--arkx-s3);min-width:0}@media (min-width:640px){.arkx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.arkx-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.arkx-tile{--tile:var(--ss-accent);position:relative;display:grid;gap:6px;padding:8px;border-radius:var(--arkx-r3);min-width:0;border:1px solid var(--arkx-line);background:var(--ss-glass);color:var(--arkx-text);text-align:left;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}.arkx-tile:hover,.arkx-tile[aria-expanded=true]{transform:translateY(-3px);border-color:var(--tile);box-shadow:0 18px 40px -20px var(--tile)}.arkx-tile__screen{position:relative;border-radius:var(--arkx-r2);overflow:hidden;aspect-ratio:4/3;background:var(--ss-bg)}.arkx-tile__screen img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s,transform .4s;filter:saturate(.85) brightness(.82)}.arkx-tile:hover .arkx-tile__screen img,.arkx-tile[aria-expanded=true] .arkx-tile__screen img{filter:saturate(1.1) brightness(1);transform:scale(1.04)}.arkx-tile__screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 45%,color-mix(in srgb,var(--tile) 30%,transparent) 50%,transparent 55%);background-size:100% 220%;opacity:0;pointer-events:none}.arkx-tile:hover .arkx-tile__screen:after{opacity:1;animation:arkx-scan 1.4s linear infinite}@keyframes arkx-scan{0%{background-position:0 100%}to{background-position:0 -120%}}.arkx-tile__name{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;line-height:1.2;font-family:var(--ss-font-display);overflow-wrap:anywhere}.arkx-tile__name i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--tile);box-shadow:0 0 8px var(--tile)}.arkx-tile__tag{font-size:12px;line-height:1.35;color:var(--arkx-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.arkx-tile__try{justify-self:start;font-weight:800;font-size:10px;line-height:1;font-family:var(--arkx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tile)}.arkx-drawer{grid-column:1/-1;display:grid;gap:var(--arkx-s3);padding:var(--arkx-s3);border-radius:var(--arkx-r4);border:1px solid var(--arkx-line2);background:color-mix(in srgb,var(--ss-bg) 70%,transparent);min-width:0;animation:arkx-drop .35s cubic-bezier(.2,.8,.2,1)}.arkx-drawer__head{display:flex;flex-wrap:wrap;gap:var(--arkx-s2);align-items:center;justify-content:space-between}.arkx-drawer__head h4{margin:0;font-weight:800;font-size:18px;line-height:1.2;font-family:var(--ss-font-display)}.arkx-drawer__actions{display:flex;flex-wrap:wrap;gap:var(--arkx-s2)}@keyframes arkx-drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.arkx-drawer,.arkx-tile,.arkx-unit{animation:none;transition:none}}.arkx-loading{display:grid;place-items:center;min-height:260px;border-radius:var(--arkx-r4);border:1px dashed var(--arkx-line2);color:var(--arkx-muted);font-size:12px;line-height:1.4;font-family:var(--arkx-mono);text-align:center;padding:var(--arkx-s4)}.arkx-fader{--k-color:var(--mini-accent);display:grid;gap:2px;min-width:0;flex:1 1 220px}.arkx-fader__label{letter-spacing:.14em;text-transform:uppercase;color:var(--k-color)}.arkx-fader__label,.arkx-fader__row{font-weight:700;font-size:10px;line-height:1.2;font-family:var(--arkx-mono)}.arkx-fader__row{display:flex;align-items:center;gap:10px;letter-spacing:.08em;color:var(--arkx-muted)}.arkx-fader input{flex:1 1 auto;min-width:0;height:var(--arkx-hit);background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.arkx-fader input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--k-color) var(--fill),var(--arkx-line2) var(--fill))}.arkx-fader input::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--k-color) var(--fill),var(--arkx-line2) var(--fill))}.arkx-fader input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--arkx-text);box-shadow:0 0 12px var(--k-color);border:0}.arkx-fader input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--arkx-text);box-shadow:0 0 12px var(--k-color);border:0}.arkx-fader input:focus-visible{outline:2px solid var(--ss-accent2);outline-offset:2px;border-radius:6px}