.cb-tool,.cb-top,.cb-sec{--cb-panel:#1b1c1c;--cb-line:#3b3d3c;--cb-body:#a9abaa;--cb-quiet:#8c8c8c;--cb-ease:cubic-bezier(.2, .8, .2, 1)}.cb-top{padding-bottom:calc(72 * var(--hm-u))}.cb-title{max-width:calc(1300 * var(--hm-u));font-size:calc(176 * var(--hm-u))}.cb-instrument{align-items:start;gap:calc(56 * var(--hm-u));padding:calc(40 * var(--hm-u)) calc(34 * var(--hm-u)) 0;border-top:1px solid var(--hm-rule);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);display:grid}.cb-stage-col{min-width:0}.cb-stage{aspect-ratio:5/4;border-radius:calc(24 * var(--hm-u));background:var(--g);margin:0;position:relative;overflow:hidden;container-type:inline-size}.cb-stage-in{position:absolute;inset:0}.cb-views{margin-top:calc(20 * var(--hm-u));flex-wrap:wrap;gap:8px;display:flex}.cb-view,.cb-btn,.cb-seg-btn{border:1px solid var(--cb-line);min-height:44px;color:var(--hm-ground);font:inherit;font-size:max(15px, calc(17 * var(--hm-u)));cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.cb-view[aria-pressed=true],.cb-seg-btn[aria-pressed=true]{border-color:var(--hm-ground);background:var(--hm-ground);color:var(--hm-ink)}.cb-view-next{width:44px;margin-left:auto;padding:0}.cb-view-next svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.cb-btn:disabled{color:var(--cb-quiet);cursor:not-allowed}@media (hover:hover){.cb-view:not([aria-pressed=true]):hover,.cb-seg-btn:not([aria-pressed=true]):hover,.cb-btn:not(:disabled):hover{border-color:var(--hm-ground)}}.cb-panel{gap:calc(28 * var(--hm-u));flex-direction:column;min-width:0;display:flex}.cb-dial-help{margin:calc(-8 * var(--hm-u)) auto 0;max-width:30em;font-size:max(14px, calc(16 * var(--hm-u)));text-align:center;color:var(--cb-body);line-height:1.45}.cb-label{font-size:max(12px, calc(13 * var(--hm-u)));letter-spacing:.08em;text-transform:uppercase;color:var(--cb-body);margin:0 0 12px;padding:0;font-weight:600}.cb-harmonies{border:0;min-width:0;margin:0;padding:0}.cb-harmony-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cb-harmony{border:1px solid var(--cb-line);min-height:48px;color:var(--hm-ground);font:inherit;font-size:max(13px, calc(15 * var(--hm-u)));text-align:left;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-weight:500;line-height:1.15;transition:border-color .2s,background-color .2s;display:flex}.cb-harmony[aria-pressed=true]{border-color:var(--hm-ground);background:#232424}@media (hover:hover){.cb-harmony:not([aria-pressed=true]):hover{border-color:#6a6c6b}}.cb-glyph{flex:none;width:24px;height:24px}.cb-glyph-ring{fill:none;stroke:#5a5c5b;stroke-width:1.5px}.cb-glyph-shape{fill:none;stroke:#8c8c8c;stroke-width:1.2px}.cb-glyph-dot{fill:var(--hm-ground)}.cb-harmony[aria-pressed=true] .cb-glyph-dot{fill:var(--hm-mint)}.cb-harmony[aria-pressed=true] .cb-glyph-shape{stroke:var(--hm-mint)}.cb-harmony-line{font-size:max(14px, calc(16 * var(--hm-u)));color:var(--cb-body);margin:10px 0 0}.cb-actions{flex-wrap:wrap;gap:10px;display:flex}.cb-shuffle{min-height:max(52px, calc(60 * var(--hm-u)));padding:0 max(22px, calc(28 * var(--hm-u)));background:var(--hm-yellow);color:var(--hm-ink);font:inherit;font-size:max(17px, calc(20 * var(--hm-u)));letter-spacing:-.01em;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:12px;font-weight:600;transition:background-color .2s;display:inline-flex}.cb-actions .cb-btn{min-height:max(52px, calc(60 * var(--hm-u)))}@media (hover:hover){.cb-shuffle:hover{background:var(--hm-ground)}}.cb-kbd{font:inherit;border:1.5px solid;border-radius:6px;padding:3px 8px;font-size:.68em;font-weight:600;line-height:1.2}.cb-check{min-height:32px;font-size:max(14px, calc(16 * var(--hm-u)));color:var(--cb-body);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.cb-check input{width:20px;height:20px;accent-color:var(--hm-mint);margin:0}.cb-panel .cb-check{margin-top:calc(-14 * var(--hm-u))}.cb-dial{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;width:100%;max-width:520px;margin-inline:auto;position:relative}.cb-ring{width:100%;height:100%;position:absolute;inset:0}.cb-arm{pointer-events:none;transition:rotate .55s var(--cb-ease);position:absolute;inset:0}.cb-dial[data-dragging] .cb-arm,.cb-dial[data-dragging] .cb-thumb,.cb-dial[data-dragging] .cb-ghost{transition:none}.cb-spoke{background:#5a5c5b;border-radius:1px;width:2px;height:4.5%;margin-left:-1px;position:absolute;top:11%;left:50%}.cb-arm[data-selected] .cb-spoke{background:var(--hm-ground)}.cb-dot{aspect-ratio:1;border:2px solid var(--hm-ink);width:5.4%;box-shadow:0 0 0 2px var(--hm-ground);border-radius:50%;transition:background-color .3s;position:absolute;top:7%;left:50%;translate:-50% -50%}.cb-dot-small{width:3.8%;top:15.5%}.cb-dot-lead{width:8.4%;box-shadow:0 0 0 3px var(--hm-ground), 0 6px 16px #00000073;pointer-events:auto;cursor:grab;border-width:3px}.cb-arm[data-selected] .cb-dot{box-shadow:0 0 0 2px var(--hm-ground), 0 0 0 5px var(--hm-ink), 0 0 0 7px var(--hm-ground)}.cb-arm[data-selected] .cb-dot-lead{box-shadow:0 0 0 3px var(--hm-ground), 0 0 0 6px var(--hm-ink), 0 0 0 8px var(--hm-ground)}.cb-dot[data-locked]{border-style:dashed}.hm .cb-dot-lead:focus-visible,.hm .cb-thumb:focus-visible{outline:3px solid var(--hm-mint);outline-offset:5px}.cb-field{background:repeating-linear-gradient(135deg,#1f2020 0 3px,#151616 3px 7px);border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #2a2b2b}.cb-field-canvas,.cb-field-edge{width:100%;height:100%;position:absolute;inset:0}.cb-field-edge{overflow:visible}.cb-field-edge path{fill:none;stroke:var(--hm-ground);stroke-width:1.5px;stroke-dasharray:2 3}.cb-thumb,.cb-ghost{aspect-ratio:1;transition:left .55s var(--cb-ease), top .55s var(--cb-ease), background-color .3s ease;border-radius:50%;position:absolute;translate:-50% -50%}.cb-thumb{width:7%;box-shadow:0 0 0 1.5px var(--hm-ink), 0 6px 16px #00000073;cursor:grab;border:3px solid #fff}.cb-ghost{width:3.4%;box-shadow:0 0 0 1px var(--hm-ink);pointer-events:none;border:1.5px solid #fff}.cb-dial-center{pointer-events:none;position:absolute;inset:0}.cb-axis{font-size:max(10px, calc(12 * var(--hm-u)));letter-spacing:.06em;text-transform:uppercase;color:var(--cb-quiet);white-space:nowrap;font-weight:600;position:absolute}.cb-axis-l{top:50%;left:22.5%;translate:-50% -50%;rotate:-90deg}.cb-axis-c{top:76.3%;left:50%;translate:-50%}.cb-strip-sec{padding:calc(48 * var(--hm-u)) calc(34 * var(--hm-u)) 0}.cb-strip{gap:calc(12 * var(--hm-u));grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cb-chip{min-height:max(128px, calc(190 * var(--hm-u)));border-radius:calc(18 * var(--hm-u));transition:background-color .3s ease, color .3s ease, translate .35s var(--cb-ease);position:relative}.cb-chip[data-selected]{translate:0 calc(-10 * var(--hm-u));box-shadow:0 0 0 3px var(--hm-ink), 0 0 0 5px var(--hm-ground)}.cb-chip-pick{width:100%;height:100%;min-height:inherit;padding:max(14px, calc(20 * var(--hm-u)));border-radius:inherit;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;display:flex}.hm .cb-chip-pick:focus-visible{outline:3px solid var(--hm-mint);outline-offset:6px}.cb-chip-role{font-size:max(17px, calc(26 * var(--hm-u)));letter-spacing:-.02em;font-weight:600}.cb-chip-job{font-size:max(13px, calc(15 * var(--hm-u)));opacity:.85;margin-top:2px}.cb-chip-hex{font-size:max(13px, calc(17 * var(--hm-u)));font-variant-numeric:tabular-nums;margin-top:auto;font-weight:500}.cb-lock{top:max(8px, calc(12 * var(--hm-u)));right:max(8px, calc(12 * var(--hm-u)));cursor:pointer;opacity:.7;background:0 0;border:1.5px solid #0000;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:opacity .2s;display:grid;position:absolute}.cb-lock[aria-pressed=true]{opacity:1;border-color:currentColor}@media (hover:hover){.cb-lock:hover{opacity:1}}.cb-lock svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:20px;height:20px}.cb-values{align-items:flex-start;gap:calc(20 * var(--hm-u)) calc(56 * var(--hm-u));margin-top:calc(28 * var(--hm-u));flex-wrap:wrap;display:flex}.cb-hex{min-width:0}.cb-hex .cb-label{display:block}.cb-hex-input{border:1px solid var(--cb-line);background:var(--cb-panel);width:min(100%,300px);height:52px;color:var(--hm-ground);font:inherit;font-size:max(18px, calc(20 * var(--hm-u)));font-variant-numeric:tabular-nums;border-radius:12px;padding:0 16px}.cb-hex-input[aria-invalid=true]{border-color:#ff9d8f}.cb-hint{font-size:max(13px, calc(14 * var(--hm-u)));color:var(--cb-body);margin:8px 0 0}.cb-hint[data-bad]{color:#ff9d8f}.cb-readout{flex-wrap:wrap;gap:16px 40px;margin:0;display:flex}.cb-readout dt{font-size:max(12px, calc(13 * var(--hm-u)));letter-spacing:.08em;text-transform:uppercase;color:var(--cb-body);margin-bottom:12px;font-weight:600}.cb-readout dd{min-height:52px;font-size:max(16px, calc(19 * var(--hm-u)));align-items:center;margin:0;display:flex}.cb-copy{min-height:44px;color:var(--hm-ground);font:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #5a5c5b;text-decoration:underline #5a5c5b}@media (hover:hover){.cb-copy:hover{-webkit-text-decoration-color:var(--hm-mint);text-decoration-color:var(--hm-mint)}}.cb-history{padding:calc(40 * var(--hm-u)) calc(34 * var(--hm-u)) 0}.cb-history-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cb-past{border:1px solid var(--cb-line);cursor:pointer;background:0 0;border-radius:10px;width:72px;height:44px;padding:0;display:flex;overflow:hidden}.cb-past>span{flex:1}@media (hover:hover){.cb-past:hover{border-color:var(--hm-ground)}}.cb-sec{padding:calc(130 * var(--hm-u)) calc(34 * var(--hm-u)) 0}.cb-sec-head{align-items:end;gap:calc(24 * var(--hm-u)) calc(80 * var(--hm-u));margin-bottom:calc(48 * var(--hm-u));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.cb-h2{font-size:max(40px, calc(96 * var(--hm-u)));letter-spacing:-.05em;margin:0;padding-bottom:.06em;font-weight:600;line-height:.95}.cb-sec-lede{max-width:34em;font-size:max(17px, calc(21 * var(--hm-u)));color:var(--cb-body);margin:0;line-height:1.45}.cb-buckets{gap:calc(40 * var(--hm-u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cb-bucket{min-width:0;padding-top:calc(20 * var(--hm-u));border-top:2px solid var(--cb-line)}.cb-bucket[data-bucket=text]{border-top-color:var(--hm-mint)}.cb-bucket[data-bucket=large]{border-top-color:var(--hm-yellow)}.cb-bucket-name{font-size:max(24px, calc(34 * var(--hm-u)));letter-spacing:-.03em;justify-content:space-between;align-items:baseline;gap:12px;margin:0;font-weight:600;display:flex}.cb-bucket-count{font-variant-numeric:tabular-nums;color:var(--cb-body);font-size:.7em}.cb-bucket-rule{margin:8px 0 calc(24 * var(--hm-u));font-size:max(14px, calc(16 * var(--hm-u)));color:var(--cb-body);line-height:1.45}.cb-pairs{gap:calc(20 * var(--hm-u)) calc(14 * var(--hm-u));grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cb-pair{flex-direction:column;min-width:0;display:flex}.cb-pair-sample{height:max(84px, calc(110 * var(--hm-u)));padding:max(10px, calc(14 * var(--hm-u)));border-radius:calc(14 * var(--hm-u));justify-content:space-between;align-items:flex-end;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.cb-pair-aa{font-size:max(30px, calc(44 * var(--hm-u)));letter-spacing:-.04em;font-weight:600;line-height:.9}.cb-pair-line{border-radius:2px;width:34%;height:4px;margin-bottom:4px}.cb-pair-names{font-size:max(14px, calc(16 * var(--hm-u)));margin-top:10px;font-weight:500}.cb-pair-ratio{font-size:max(14px, calc(16 * var(--hm-u)));font-variant-numeric:tabular-nums;color:var(--cb-body)}.cb-aaa{color:var(--hm-mint);font-weight:600}.cb-empty{color:var(--cb-body);margin:0}.cb-scales{gap:calc(22 * var(--hm-u));flex-direction:column;display:flex}.cb-scale{grid-template-columns:calc(150 * var(--hm-u)) minmax(0, 1fr);align-items:center;gap:calc(20 * var(--hm-u));display:grid}.cb-scale-name{font-size:max(17px, calc(22 * var(--hm-u)));letter-spacing:-.02em;margin:0;font-weight:600}.cb-steps{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.cb-step{width:100%;height:max(64px, calc(84 * var(--hm-u)));font:inherit;text-align:left;cursor:pointer;border:0;border-radius:8px;flex-direction:column;justify-content:space-between;padding:8px;transition:background-color .3s;display:flex}.cb-step[data-yours]{box-shadow:0 0 0 2px var(--hm-ink), 0 0 0 4px var(--hm-ground)}.cb-step-n{font-size:max(12px, calc(14 * var(--hm-u)));font-weight:600}.cb-step-hex{font-size:max(10px, calc(12 * var(--hm-u)));font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cb-export-bar{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:20px;display:flex}.cb-seg{flex-wrap:wrap;gap:6px;display:flex}.cb-code-wrap{position:relative}.cb-code{max-height:440px;padding:max(20px, calc(32 * var(--hm-u)));border-radius:calc(18 * var(--hm-u));background:var(--cb-panel);color:var(--hm-ground);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:max(14px, calc(15 * var(--hm-u)));white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding-bottom:96px;line-height:1.6;overflow:auto}.cb-copy-all{right:max(16px, calc(24 * var(--hm-u)));bottom:max(16px, calc(24 * var(--hm-u)));position:absolute}.cb-faq{margin-top:calc(40 * var(--hm-u))}.cb-related-list{border-top:1px solid var(--hm-rule);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cb-related-list li+li{border-left:1px solid var(--hm-rule);padding-left:calc(40 * var(--hm-u))}.cb-related-link{padding:calc(36 * var(--hm-u)) 0;flex-direction:column;gap:10px;display:flex}.cb-related-name{font-size:max(28px, calc(52 * var(--hm-u)));letter-spacing:-.04em;padding-bottom:.06em;font-weight:600;line-height:1}.cb-related-line{font-size:max(16px, calc(19 * var(--hm-u)));color:var(--cb-body)}@media (hover:hover){.cb-related-link:hover .cb-related-name{color:var(--hm-mint)}}.cb-cta{padding-bottom:calc(150 * var(--hm-u))}.cb-cta .cb-sec-lede{margin-top:calc(28 * var(--hm-u))}.cb-cta-links{column-gap:max(24px, calc(40 * var(--hm-u)));margin:calc(16 * var(--hm-u)) 0 0;flex-wrap:wrap;display:flex}.cmp{background:var(--g);color:var(--i);position:absolute;inset:0;overflow:hidden}.cmp p{margin:0}.cmp,.cmp *{transition:background-color .35s,color .35s,border-color .35s}.cp-sun{aspect-ratio:1;background:var(--a);border-radius:50%;width:62cqw;position:absolute;top:-16cqw;right:-10cqw}.cp-band{background:var(--b);height:15cqw;position:absolute;bottom:18%;left:-20%;right:-20%;rotate:-7deg}.cp-dot{aspect-ratio:1;background:var(--c);border-radius:50%;width:11cqw;position:absolute;bottom:31%;left:62cqw}.cp-ring{aspect-ratio:1;border:1.6cqw solid var(--c);border-radius:50%;width:17cqw;position:absolute;bottom:16%;right:8cqw}.cp-kicker{letter-spacing:.02em;font-size:1.9cqw;font-weight:600;position:absolute;top:5cqw;left:5cqw}.cp-head{letter-spacing:-.055em;width:72cqw;padding-bottom:.08em;font-size:12.4cqw;font-weight:700;line-height:.86;position:absolute;top:12cqw;left:4.6cqw}.cp-foot{justify-content:space-between;gap:2cqw;font-size:1.9cqw;font-weight:600;display:flex;position:absolute;bottom:4.6cqw;left:5cqw;right:5cqw}.cmp-specimen{grid-template-columns:44fr 56fr;gap:4cqw;padding:5cqw;display:grid}.cs-left{border-right:.3cqw solid var(--c);flex-direction:column;justify-content:space-between;padding-right:3cqw;display:flex}.cs-aa{letter-spacing:-.06em;color:var(--a);padding-bottom:.08em;font-size:27cqw;font-weight:600;line-height:.82}.cs-name{font-size:1.8cqw;font-weight:600}.cs-chips{grid-template-columns:repeat(4,1fr);gap:1cqw;margin:auto 0 2.4cqw;display:grid}.cs-chip{aspect-ratio:1/1.5;border-radius:1cqw}.cs-chip-i{box-shadow:inset 0 0 0 .2cqw color-mix(in oklab, var(--g) 30%, transparent)}.cs-right{flex-direction:column;gap:2.4cqw;min-width:0;display:flex}.cs-glyphs{letter-spacing:-.02em;font-size:5.6cqw;font-weight:600;line-height:1.02}.cs-lower{letter-spacing:.02em;color:var(--a);font-size:2cqw}.cs-weights{letter-spacing:-.02em;gap:2.4cqw;font-size:3.2cqw;display:flex}.cs-w3{font-weight:300}.cs-w5{font-weight:500}.cs-w7{font-weight:800}.cs-body{font-family:var(--font-body);max-width:44em;font-size:1.72cqw;line-height:1.55}.cs-tags{gap:1.2cqw;margin-top:auto;display:flex}.cs-tag{border-radius:99px;padding:.8cqw 2cqw;font-size:1.6cqw;font-weight:600}.cs-tag-b{background:var(--b);color:var(--on-b)}.cs-tag-c{background:var(--c);color:var(--on-c)}.cmp-ui{background:var(--a);place-items:center;display:grid}.cu-blob{aspect-ratio:1;background:var(--c);border-radius:50%;width:54cqw;position:absolute;bottom:-18cqw;left:-12cqw}.cu-blob:after{content:"";aspect-ratio:1;background:var(--b);border-radius:50%;width:30cqw;position:absolute;top:-40cqw;right:-62cqw}.cu-card{background:var(--g);width:52cqw;color:var(--i);border-radius:3cqw;flex-direction:column;gap:2.4cqw;padding:3.4cqw;display:flex;position:relative;box-shadow:0 2.4cqw 6cqw #00000038}.cu-top{align-items:center;gap:1.6cqw;display:flex}.cu-avatar{aspect-ratio:1;background:var(--b);width:5.4cqw;color:var(--on-b);border-radius:50%;place-items:center;font-size:1.7cqw;font-weight:700;display:grid}.cu-titles{flex-direction:column;flex:1;min-width:0;display:flex}.cu-title{letter-spacing:-.02em;font-size:2.5cqw;font-weight:600}.cu-sub{opacity:.75;font-size:1.6cqw}.cu-badge{background:var(--c);color:var(--on-c);border-radius:99px;padding:.5cqw 1.4cqw;font-size:1.4cqw;font-weight:700}.cu-days{grid-template-columns:repeat(5,1fr);gap:1cqw;display:grid}.cu-day{border:.2cqw solid color-mix(in oklab, var(--i) 18%, transparent);border-radius:1.4cqw;flex-direction:column;align-items:center;gap:.3cqw;padding:1.2cqw 0;font-size:1.4cqw;display:flex}.cu-day b{font-size:2.4cqw;font-weight:600}.cu-day[data-on]{border-color:var(--a);background:var(--a);color:var(--on-a)}.cu-chart{border-bottom:.2cqw solid color-mix(in oklab, var(--i) 20%, transparent);align-items:flex-end;gap:1cqw;height:10cqw;padding-top:1cqw;display:flex}.cu-chart>span{background:var(--b);border-radius:.8cqw .8cqw 0 0;flex:1}.cu-chart>span[data-on]{background:var(--c)}.cu-row{justify-content:space-between;align-items:center;font-size:1.7cqw;display:flex}.cu-toggle{background:var(--a);border-radius:99px;width:5.4cqw;height:3cqw;position:relative}.cu-toggle:after{content:"";aspect-ratio:1;background:var(--on-a);border-radius:50%;width:2.2cqw;position:absolute;top:.4cqw;right:.4cqw}.cu-actions{justify-content:flex-end;gap:1.2cqw;display:flex}.cu-btn{background:var(--a);color:var(--on-a);border-radius:99px;padding:1.3cqw 2.6cqw;font-size:1.8cqw;font-weight:600}.cu-btn-ghost{color:var(--i);box-shadow:inset 0 0 0 .2cqw color-mix(in oklab, var(--i) 30%, transparent);background:0 0}.cmp-ed{grid-template-columns:42fr 58fr;display:grid}.ce-art{background:var(--b);position:relative;overflow:hidden}.ce-hill{background:var(--a);border-radius:50%;height:70%;position:absolute;bottom:-38%;left:-30%;right:-30%}.ce-moon{aspect-ratio:1;background:var(--c);border-radius:50%;width:16cqw;position:absolute;top:16%;left:18%}.ce-stripe{background:var(--i);height:1cqw;position:absolute;bottom:12%;left:0;right:0}.ce-words{flex-direction:column;gap:2cqw;min-width:0;padding:5cqw 5cqw 4cqw;display:flex}.ce-kicker{color:var(--a);font-size:1.7cqw;font-weight:700}.ce-head{font-family:var(--font-body);letter-spacing:-.025em;padding-bottom:.06em;font-size:5.4cqw;font-weight:500;line-height:1.04}.ce-body{font-family:var(--font-body);font-size:1.8cqw;line-height:1.6}.ce-byline{color:var(--a);font-size:1.5cqw;font-weight:600}.ce-drop{float:left;color:var(--c);margin:.08em .1em 0 0;font-size:4.2em;font-weight:600;line-height:.8}.ce-quote{border-left:.6cqw solid var(--c);font-family:var(--font-body);color:var(--a);padding-left:2cqw;font-size:2.6cqw;font-style:italic;line-height:1.25;margin-top:auto!important}@container (max-width:560px){.cp-kicker,.cp-foot{font-size:3.4cqw}.cp-head{width:86cqw;font-size:15.5cqw;top:14cqw}.cp-sun{width:78cqw;top:-8cqw;right:-22cqw}.cp-band{height:20cqw;bottom:22%}.cp-dot{width:15cqw;bottom:12%;left:12cqw}.cp-ring{border-width:2.4cqw;width:24cqw;bottom:34%}.cmp-specimen{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:4cqw;padding:7cqw}.cs-left{border-right:0;border-bottom:.6cqw solid var(--c);flex-direction:row;align-items:flex-end;padding:0 0 3cqw}.cs-aa{font-size:40cqw}.cs-name{text-align:right;max-width:30cqw;font-size:3.4cqw}.cs-glyphs{font-size:8cqw}.cs-lower,.cs-weights,.cs-chips{display:none}.cs-body{font-size:3.6cqw}.cs-tag{padding:1.4cqw 3.6cqw;font-size:3.2cqw}.cu-card{border-radius:5cqw;gap:4cqw;width:84cqw;padding:5.6cqw}.cu-avatar{width:9cqw;font-size:3cqw}.cu-title{font-size:4.4cqw}.cu-sub,.cu-badge,.cu-day{font-size:2.8cqw}.cu-day b{font-size:4cqw}.cu-chart{height:16cqw}.cu-row{font-size:3.2cqw}.cu-toggle{width:9cqw;height:5cqw}.cu-toggle:after{width:3.8cqw;top:.6cqw;right:.6cqw}.cu-btn{padding:2.4cqw 4.6cqw;font-size:3.4cqw}.cmp-ed{grid-template-rows:36% 1fr;grid-template-columns:1fr}.ce-moon{width:18cqw;left:60%}.ce-words{gap:3cqw;padding:6cqw 7cqw}.ce-kicker{font-size:3.2cqw}.ce-head{font-size:8.6cqw}.ce-body{font-size:3.5cqw}.ce-quote,.ce-byline,.ce-body+.ce-body{display:none}}@media (prefers-reduced-motion:no-preference){.cb-stage-in{animation:cb-in .5s var(--cb-ease) both}}@keyframes cb-in{0%{opacity:0;scale:.985}}@media (prefers-reduced-motion:reduce){.cb-tool *,.cb-tool :after{transition:none!important;animation:none!important}}@media (max-width:1023px){.cb-instrument{grid-template-columns:minmax(0,1fr)}.cb-panel{width:100%;max-width:640px;margin-inline:auto}.cb-sec-head{grid-template-columns:minmax(0,1fr)}.cb-buckets{grid-template-columns:minmax(0,1fr);gap:40px}.cb-pairs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:819px){.cb-title{font-size:clamp(56px,17vw,140px)}.cb-top{padding-bottom:40px}.cb-instrument{gap:32px;padding:24px 20px 0}.cb-stage{aspect-ratio:4/5;border-radius:16px}.cb-views{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.cb-view{padding:0 4px;font-size:14px}.cb-view-next{display:none}.cb-seg-btn{padding:0 12px}.cb-actions{grid-template-columns:auto minmax(0,1fr);display:grid}.cb-actions .cb-shuffle{grid-column:1/-1;justify-content:center}.cb-strip-sec,.cb-history{padding-inline:20px}.cb-strip-sec{padding-top:36px}.cb-strip{gap:6px}.cb-chip{border-radius:12px;min-height:132px}.cb-chip-pick{padding:52px 8px 10px}.cb-chip-role{font-size:14px}.cb-chip-job{display:none}.cb-chip-hex{font-size:11px}.cb-lock{top:6px;left:50%;right:auto;translate:-50%}.cb-harmony-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-sec{padding:72px 20px 0}.cb-sec-head{margin-bottom:28px}.cb-scale{grid-template-columns:minmax(0,1fr);gap:8px}.cb-steps{gap:2px}.cb-step{border-radius:5px;height:52px;padding:5px 3px}.cb-step-n{font-size:10px}.cb-step-hex{display:none}.cb-related-list{grid-template-columns:minmax(0,1fr)}.cb-related-list li+li{border-left:0;border-top:1px solid var(--hm-rule);padding-left:0}.cb-related-link{padding:28px 0}.cb-cta{padding-bottom:80px}}