.site .lb-builder{--lb-line:#deded8;--lb-accent:#b4521c;color:#252525;width:min(1680px,100% - 32px);margin:20px auto 54px}.site .lb-toolbar{z-index:20;border:1px solid var(--lb-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 18px;display:flex;position:sticky;top:75px}.site .lb-toolbar>div:first-child{gap:1px;display:grid}.site .lb-eyebrow{color:#626262;letter-spacing:.6px;font-size:11px}.site .lb-toolbar strong{font-size:18px;font-weight:500}.site .lb-toolbar-buttons{flex-wrap:wrap;align-items:center;gap:7px;margin-left:auto;display:flex}.site .lb-builder button,.site .lb-builder input,.site .lb-builder select,.site .lb-builder textarea{font:inherit}.site .lb-builder :is(button,select,input,textarea):focus-visible{outline-offset:2px;outline:2px solid #b4521c}.site .lb-toolbar button,.site .lb-panel button,.site .lb-toolbar select{border:1px solid var(--lb-line);cursor:pointer;background:#fff;border-radius:8px;min-height:34px;padding:6px 11px;font-size:13px;transition:background-color .14s,border-color .14s}.site .lb-toolbar button:hover,.site .lb-panel button:hover{background:#fef2eb;border-color:#b4521c}.site .lb-builder button:disabled{cursor:default;opacity:.35}.site .lb-builder button[aria-pressed=true]{background:#fef2eb;border-color:#b4521c}.site .lb-page-select select{border:1px solid var(--lb-line);background:#fff;border-radius:8px;max-width:290px;min-height:36px;padding:7px 10px;font-size:13px}.site .lb-status{color:#626262;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:7px 20px;padding:10px 3px;font-size:12px;line-height:1.5;display:grid}.site .lb-status>span{min-width:0;min-height:3em}.site .lb-error{color:#ad3432}.site .lb-text-tools{z-index:110;color:#252525;background:#fffdfa;border:1px solid #dbcabb;border-radius:10px;max-width:calc(100vw - 24px);padding:9px;font:13px Open Sans,sans-serif;position:fixed;box-shadow:0 5px 22px #30201024}.site .lb-text-range{color:#685d53;margin:0 2px 7px;font-size:11px;display:block}.site .lb-text-tools>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.site .lb-text-tools :is(button,input,select){color:#252525;background:#fff;border:1px solid #d9d4ce;border-radius:5px;min-height:30px;padding:3px 7px}.site .lb-text-tools button{cursor:pointer;min-width:30px}.site .lb-text-tools select{max-width:130px}.site .lb-text-tools input[type=number]{width:60px}.site .lb-text-tools input[type=color]{width:32px;padding:3px}.site .lb-text-tools{width:474px;max-height:calc(100dvh - 24px);overflow-y:auto}.site .lb-text-scope{margin:0 0 8px}.site .lb-text-explain{color:#74665b;margin:0 2px 8px;line-height:1.5;display:block}.site .lb-text-share{border-top:1px solid #e9dfd4;margin-top:8px;padding-top:8px}.site .lb-text-share button{font-size:11px}.site .lb-palette-toggle{align-items:center;gap:5px;display:flex}.site .lb-palette-toggle span{border:1px solid #0002;border-radius:50%;width:16px;height:16px}.site .lb-builder .lb-school-palette{background:#fff;border:1px solid #e9e7e2;border-radius:16px;gap:14px;min-width:0;margin-top:7px;padding:14px;display:grid;box-shadow:0 4px 16px #25252508}.site .lb-palette-tabs{background:#f4f3f0;border-radius:10px;gap:3px;padding:3px;display:flex}.site .lb-builder .lb-palette-tabs button{color:#706b64;background:0 0;border:0;border-radius:8px;flex:1;min-width:0;min-height:30px;padding:6px 5px;font-size:11px}.site .lb-builder .lb-palette-tabs button[aria-selected=true]{color:#252525;background:#fff;box-shadow:0 1px 4px #25252512}.site .lb-palette-tones{gap:9px;display:grid}.site .lb-palette-row{gap:5px;display:grid}.site .lb-palette-row>span{color:#817970;letter-spacing:.25px;font-size:10px;line-height:1.2}.site .lb-palette-row>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.site .lb-builder .lb-school-palette .lb-swatch{cursor:pointer;border:1px solid #00000012;border-radius:7px;width:100%;min-width:0;height:27px;min-height:0;padding:0;transition:transform .12s,box-shadow .12s;display:block}.site .lb-builder .lb-school-palette .lb-swatch:hover{transform:translateY(-1px);box-shadow:0 2px 6px #25252526}.site .lb-builder .lb-school-palette .lb-swatch[aria-pressed=true]{outline-offset:2px;outline:2px solid #55534d}.site .lb-swatch.is-transparent,.site .lb-color-picker{background:repeating-conic-gradient(#ebe9e5 0% 25%,#fff 0% 50%) 0/10px 10px}.site .lb-color-editor{border-top:1px solid #eeeae4;gap:11px;padding-top:13px;display:grid}.site .lb-color-plane{touch-action:none;cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px;height:110px;position:relative}.site .lb-color-plane>span{pointer-events:none;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0006}.site .lb-builder .lb-school-palette input[type=range]{appearance:none;cursor:pointer;background:#e9e5de;border:0;border-radius:20px;width:100%;min-width:0;height:10px;min-height:10px;margin:3px 0;padding:0;display:block}.site .lb-builder .lb-school-palette input.lb-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.site .lb-school-palette input[type=range]::-webkit-slider-thumb{appearance:none;background:#626262;border:3px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #0002,0 1px 4px #0003}.site .lb-school-palette input[type=range]::-moz-range-thumb{background:#626262;border:3px solid #fff;border-radius:50%;width:10px;height:10px}.site .lb-color-code{align-items:center;gap:8px;min-width:0;display:flex}.site .lb-color-code .lb-current-color{border:1px solid #0001;border-radius:7px;flex:0 0 27px;height:27px}.site .lb-color-code label{border:1px solid #e6e3de;border-radius:8px;flex:1;align-items:center;gap:4px;min-width:0;padding:3px 6px;display:flex}.site .lb-color-code label>span{color:#91877a;font-size:9px}.site .lb-builder .lb-color-code input{font-variant-numeric:tabular-nums;background:0 0;border:0;width:100%;min-width:0;min-height:26px;padding:0 2px;font-size:11px}.site .lb-builder .lb-school-palette .lb-color-code .lb-swatch{flex:0 0 23px;width:23px;height:23px}.site .lb-color-alpha{color:#817970;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;font-size:9px;display:grid}.site .lb-builder .lb-school-palette .lb-save-color{color:#686058;background:#fbfaf8;border:1px dashed #d6cec3;border-radius:9px;min-height:32px;font-size:11px}.site .lb-palette-status{color:#626262;font-size:10px}.site .lb-saved-colors{grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:10px 7px;min-height:60px;display:grid}.site .lb-saved-colors>p{color:#817970;grid-column:1/-1;margin:4px 0;font-size:12px;line-height:1.5}.site .lb-saved-color{position:relative}.site .lb-builder .lb-saved-color .lb-remove-color{opacity:0;background:#fff;border:1px solid #ddd;border-radius:50%;width:16px;min-width:16px;height:16px;min-height:16px;padding:0;font-size:12px;line-height:12px;position:absolute;top:-7px;right:-5px}.site .lb-saved-color:is(:hover,:focus-within) .lb-remove-color{opacity:1}.site .lb-text-tools .lb-palette-row{grid-template-columns:96px 1fr;align-items:center;gap:10px}.site .lb-text-tools .lb-color-plane{height:100px}@media (hover:none){.site .lb-builder .lb-saved-color .lb-remove-color{opacity:1}}@media (width<=480px){.site .lb-text-tools .lb-palette-row{grid-template-columns:1fr;gap:5px}}.site .lb-paper [data-lb-text-style]{white-space:inherit}.site .lb-publish{background:#fdfaf6;border:1px solid #e5dacf;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:18px;padding:12px 16px;font-size:13px;display:flex}.site .lb-publish button{cursor:pointer;background:#fff;border:1px solid #d7c7b6;border-radius:8px;padding:8px 12px}.site .lb-publish>button:first-child,.site .lb-publish-confirm>button:first-of-type{color:#783710;background:#f9e7d9}.site .lb-publish a{color:#783710;text-underline-offset:3px;text-decoration:underline}.site .lb-publish p{margin:0;line-height:1.6}.site .lb-publish-confirm{flex-wrap:wrap;flex-basis:100%;gap:10px;display:flex}.site .lb-publish-confirm p{flex-basis:100%;max-width:850px}.site .lb-builder.lb-published{width:min(1600px,100% - 32px);margin:0 auto}.site .lb-published .lb-paper{border:0;border-radius:0}.site .lb-published a[aria-disabled=true]{opacity:.5;cursor:default}.site .lb-layout{grid-template-columns:292px minmax(0,1fr);align-items:start;gap:22px;display:grid}.site .lb-panel{border:1px solid var(--lb-line);scrollbar-width:thin;overscroll-behavior:contain;background:#fff;border-radius:12px;max-height:calc(100dvh - 184px);padding:14px;position:sticky;top:166px;overflow:auto}.site .lb-panel-tabs,.site .lb-inspector-tabs{gap:6px;margin-bottom:14px;display:flex}.site .lb-panel-tabs>*,.site .lb-inspector-tabs>*{flex:1}.site .lb-panel-tabs{background:#f1f0ec;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px;display:grid}.site .lb-panel-tabs button{background:0 0;border-color:#0000}.site .lb-panel-tabs button[aria-pressed=true]{background:#fff;border-color:#dfcbbb;box-shadow:0 2px 6px #2525250c}.site .lb-panel-card{background:#faf9f6;border:1px solid #e4e1da;border-radius:12px;margin:14px 0;padding:14px 12px}.site .lb-panel-card h3{color:#413e39;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.4}.site .lb-panel-card>p{color:#706b63;margin:0 0 14px;font-size:12px;line-height:1.6}.site .lb-panel-card>:last-child{margin-bottom:0}.site .lb-selected-card{background:#fff5ec;border-color:#edd6c3}.site .lb-selected-name{overflow-wrap:anywhere}.site .lb-selected-card .lb-node-tools{flex-wrap:wrap;margin:0}.site .lb-page-spacing{background:#f0f6f8;border-color:#d5e3e7}.site .lb-template-groups{border:0;border-block:1px solid #e4e1da;margin:16px 0;padding:12px 0 4px}.site .lb-template-groups legend{color:#706b63;padding:0 0 10px;font-size:12px}.site .lb-template-groups .lb-check{color:#413e39;margin:0 0 10px}.site .lb-template-groups small{color:#8a8278;margin-left:auto;font-size:10px}.site .lb-template-actions{gap:8px;display:grid}.site .lb-panel .lb-primary{background:#eef5e9;border-color:#cbdcc1}.site .lb-panel .lb-danger{color:#9e423a}.site .lb-template-result{padding:10px 0 0;color:#5b7550!important}.site .lb-add{align-items:end;gap:7px;display:flex}.site .lb-add label{flex:1;min-width:0}.site .lb-add label span{color:#626262;margin-bottom:6px;font-size:12px;display:block}.site .lb-add select{border:1px solid var(--lb-line);background:#fff;border-radius:8px;width:100%;padding:8px;font-size:13px}.site .lb-add>button{min-width:36px;font-size:19px}.site .lb-node-tools{gap:5px;margin:12px 0;display:flex}.site .lb-node-tools button{padding:5px 9px}.site .lb-page-settings{text-align:left;width:100%}.site .lb-help,.site .lb-muted{color:#626262;margin:13px 0;font-size:12px;line-height:1.6}.site .lb-tree{margin-top:2px}.site .lb-tree-row{cursor:grab;border-radius:6px;align-items:center;gap:2px;min-height:32px;display:flex}.site .lb-tree-row.is-selected{background:#fef2eb}.site .lb-tree-row button{background:0 0;border:0;min-height:28px;padding:2px 5px}.site .lb-tree-toggle{flex:none;width:20px}.site .lb-tree-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden;font-size:12px!important}.site .lb-tree-grip{color:#b7b7b7;padding:0 5px;font-size:15px}.site .lb-inspector h2{overflow-wrap:anywhere;margin:18px 0 12px;font-size:17px;font-weight:500;line-height:1.4}.site .lb-style-scope{background:#fdfaf6;border:1px solid #e5dacf;border-radius:10px;grid-template-columns:minmax(0,1fr);gap:9px;min-width:0;margin:0 0 18px;padding:12px;display:grid}.site .lb-style-scope strong{font-size:13px;font-weight:600}.site .lb-style-scope>.lb-scope-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.site .lb-style-scope button{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;padding:6px 7px;font-size:12px}.site .lb-style-scope p{color:#676059;margin:0;font-size:12px;line-height:1.5}.site .lb-style-scope .lb-local-note{color:#95612e}.site .lb-field{gap:6px;min-width:0;margin-bottom:13px;display:grid}.site .lb-field>span{color:#626262;font-size:12px;line-height:1.4}.site .lb-field :is(input,select,textarea){border:1px solid var(--lb-line);color:#252525;box-sizing:border-box;background:#fff;border-radius:7px;width:100%;min-width:0;padding:8px 9px;font-size:13px;line-height:1.5}.site .lb-field textarea{resize:vertical;min-height:85px}.site .lb-field-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.site .lb-color-inputs{align-items:center;gap:6px;display:flex}.site .lb-color-inputs>input{flex:1}.site .lb-builder .lb-color-picker{border-radius:8px;flex:0 0 34px;height:34px;padding:4px}.site .lb-color-picker span{border-radius:5px;width:24px;height:24px;display:block}.site .lb-block-edges{border-block:1px solid #eeebe5;margin:12px 0;padding:14px 0}.site .lb-check{color:#626262;align-items:center;gap:9px;margin:0 0 13px;font-size:12px;display:flex}.site .lb-check input{accent-color:#626262;width:16px;height:16px}.site .lb-color input[type=color]{cursor:pointer;flex:0 0 33px;width:33px;height:33px;padding:3px}.site .lb-color button{padding:2px 8px}.site .lb-answer-list{gap:8px;margin:13px 0;display:grid}.site .lb-answer-list p{color:#626262;margin:0;font-size:12px}.site .lb-answer-list>div{align-items:center;gap:6px;display:flex}.site .lb-answer-list input[type=text],.site .lb-answer-list input:not([type]){border:1px solid var(--lb-line);border-radius:6px;width:100%;min-width:0;padding:7px;font-size:12px}.site .lb-answer-list input[type=radio],.site .lb-answer-list input[type=checkbox]{accent-color:#b4521c}.site .lb-reset{color:#626262;width:100%;margin-top:24px}.site .lb-workspace{min-width:0;padding:0 0 20px}.site .lb-paper{--lb-card-inset:clamp(20px, 2.4cqw, 28px);border:1px solid var(--lb-line);overflow-anchor:none;border-radius:12px;min-width:0;margin:0 auto;position:relative;container-type:inline-size}.site .lb-paper .site-inner{padding:30px 25px}.site .lb-paper .site-width{width:100%}.site .lb-paper .site-breadcrumb{margin-bottom:20px}.site .lb-node{min-width:0}.site .lb-paper .lb-node:not(.lf-node){border-radius:var(--radius-m,18px)}.site .lb-paper [data-lb-surface=block]{padding:var(--lb-card-inset)}.site .lb-paper [data-lb-surface=inline]{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:6px 10px}.site .lb-paper :is(ol,ul)[data-lb-surface=block]{padding-left:calc(var(--lb-card-inset) + 20px)}.site .lb-paper :is(.lf-words,.lf-conclusion,.lf-hint,.lf-tips,.lf-pending,.lf-next,.cm-start),.site .lb-paper .lf-practice>article{padding:var(--lb-card-inset)}.site .lb-paper :is(.lf-words,.lf-conclusion)>.lf-words-tag{padding:0}.site .lb-paper .lf-words>.lf-word{padding:14px 0 0}.site .lb-paper .lf-words>.lf-word+.lf-word{margin-top:16px;padding-top:16px}.site .lb-paper .lf-conclusion>p{margin:12px 0 0}.site .lb-paper :is(.lf-conclusion,.lf-word,.lf-practice>article,.lf-next)>:last-child{margin-bottom:0}.site .lb-paper .lf-video figcaption{padding:4px 12px 8px}.site .lb-paper .cl-app-link{margin:12px 12px 8px}.site .lb-paper .lf-spine.lb-node{padding-left:calc(var(--lb-card-inset) + var(--lf-spine));padding-right:var(--lb-card-inset)}.site .lb-paper .lf-step[data-lb-surface=block]{margin-bottom:var(--lf-gap)}.site .lb-paper .lf-actions[data-lb-surface=block]{padding:var(--lb-card-inset)}.site .lb-paper .lf-actions[data-lb-surface=block]:before{left:calc(var(--lb-card-inset) + 13px);top:calc(var(--lb-card-inset) + 14px);bottom:calc(var(--lb-card-inset) + 14px)}.site .lb-paper .lf-actions>li[data-lb-surface=block]{padding-left:calc(var(--lb-card-inset) + 46px)}.site .lb-paper .lf-actions>li[data-lb-surface=block]:before{left:var(--lb-card-inset);top:var(--lb-card-inset)}.site .lb-paper .lf-result li[data-lb-surface=block]{padding-left:calc(var(--lb-card-inset) + 30px)}.site .lb-paper .lf-result li[data-lb-surface=block]:before{left:calc(var(--lb-card-inset) + 3px);top:calc(var(--lb-card-inset) + 6px)}.site .lb-paper .lf-hero{margin-bottom:clamp(36px,4cqw,48px);padding:clamp(24px,3cqw,36px)}.site .lb-paper .lf-hero-top{gap:14px 24px}.site .lb-paper .lf-hero h1{margin-bottom:clamp(24px,3cqw,36px)}.site .lb-paper [data-lb-style-type=task]>.cl-task{background-color:var(--lb-task-backgroundColor,#fff);border-radius:var(--lb-task-borderRadius,var(--radius-m));padding:var(--lb-task-padding,var(--lb-card-inset));padding-top:var(--lb-task-paddingTop,var(--lb-task-padding,var(--lb-card-inset)));padding-bottom:var(--lb-task-paddingBottom,var(--lb-task-padding,var(--lb-card-inset)));padding-left:max(var(--lb-card-inset),var(--lb-task-paddingLeft,var(--lb-task-padding,var(--lb-card-inset))));padding-right:max(var(--lb-card-inset),var(--lb-task-paddingRight,var(--lb-task-padding,var(--lb-card-inset))));gap:var(--lb-task-gap,0px);border-color:var(--lb-task-borderColor,var(--line-strong));border-width:var(--lb-task-borderWidth,1px);border-style:var(--lb-task-borderStyle,solid);box-shadow:var(--lb-task-boxShadow,none)}.site .lb-builder .lb-paper [data-lb-size] :is(p,h1,h2,h3,h4,span,strong,b,small,em,li,label,button,input,textarea,select){font-size:var(--lb-fontSize)}.site .lb-builder .lb-paper [data-lb-weight] :is(p,h1,h2,h3,h4,span,strong,b,small,em,li,label,button,input,textarea,select){font-weight:var(--lb-fontWeight)}.site .lb-builder .lb-paper [data-lb-family] :is(p,h1,h2,h3,h4,span,strong,b,small,em,li,label,button,input,textarea,select){font-family:var(--lb-fontFamily)}.site .lb-builder .lb-paper [data-lb-color] :is(p,h1,h2,h3,h4,span,strong,b,small,em,li,label,a){color:var(--lb-color)}.site .lb-builder .lb-paper [data-lb-height] :is(p,h1,h2,h3,h4,span,strong,b,small,em,li,label){line-height:var(--lb-lineHeight)}.site .lb-builder:not(.is-preview) .lb-node{cursor:pointer;outline-offset:4px}.site .lb-builder:not(.is-preview) .lb-node:hover{outline:1px dashed #f47a3760}.site .lb-builder:not(.is-preview) .lb-node.lb-is-selected,.site .lb-builder:not(.is-preview) .lf-words .lb-node:hover{outline:none}.site .lb-paper .lf{--lb-marker-size:48px}.site .lb-paper .lf-spine:before{display:none}.site .lb-paper .lb-section-row{grid-template-columns:var(--lf-spine) minmax(0,1fr);margin-left:calc(-1 * var(--lf-spine));min-width:0;padding:0;display:grid}.site .lb-paper .lf-spine>.lf-step-head{margin-left:calc(-1 * var(--lb-marker-size) / 2)}.site .lb-paper .lf-spine>.lb-section-row{margin-left:calc(-1 * var(--lf-spine) - var(--lb-marker-size) / 2);grid-template-columns:var(--lb-section-inset,var(--lb-card-inset)) minmax(0,1fr)}.site .lb-paper .lb-section-row>.lf-step>.lf-step-head{margin-left:calc(var(--lf-spine) - var(--lb-section-inset,var(--lb-card-inset)) - var(--lb-section-padding-left,var(--lb-card-inset)) - var(--lb-section-border-left,0px))}.site .lb-paper .lb-section-row>.lf-step{min-width:0;padding-left:var(--lb-card-inset);padding-right:var(--lb-card-inset)}.site .lb-section-rail{min-width:0;position:relative}.site .lb-section-rail:before{content:"";left:-1px;top:calc(var(--lb-marker-top,0px) + var(--lb-marker-size) * 1.17);background:var(--lb-lineColor,var(--lf-line));pointer-events:none;border-radius:2px;width:2px;position:absolute;bottom:0}.site .lb-section-bend{left:0;top:var(--lb-marker-top,0px);width:var(--lb-marker-size);height:var(--lb-marker-size);color:var(--lb-lineColor,var(--lf-line));pointer-events:none;position:absolute;overflow:visible}.site .lb-section-rail[data-lb-line=hidden]:before,.site .lb-section-rail[data-lb-line=hidden]>.lb-section-bend{display:none}.site .lb-section-number{transform:translateY(var(--lb-marker-top,0px));width:var(--lb-marker-size);height:var(--lb-marker-size);z-index:2;position:absolute;top:0;left:0}.site .lb-paper .lb-section-number>.lf-node{z-index:1;top:0;left:0}.site .lb-paper .lf-spine>.lb-node:not(.lf-step){margin-bottom:var(--lf-gap)}.site .lb-section-select{left:-12px;top:calc(var(--lb-marker-top,0px) + var(--lb-marker-size) * 1.17);cursor:pointer;background:0 0;border:0;border-radius:8px;width:24px;position:absolute;bottom:0}.site .lb-section-select:is(:hover,:focus-visible){background:#f47a3717;outline:1px dashed #f47a3780}.site .lb-section-tools{background:#f0f6f8;border-color:#d5e3e7;gap:9px;font-size:12px;display:grid}.site .lb-section-tools button{text-align:left;color:#46423d;cursor:pointer;background:#faf9f6;border:1px solid #dedbd5;border-radius:7px;padding:7px 9px}.site .lb-section-tools .lb-section-name{background:0 0;border:0;padding:0;font-weight:600}.site .lb-section-tools label{align-items:center;gap:7px;display:flex}.site .lb-placement{border-bottom:1px solid var(--lb-line);padding:16px 0}.site .lb-placement .lb-field{margin:0 0 10px}.site .lb-placement-path{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.site .lb-placement-path button{color:#71655c;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#f4f1ed;border:0;border-radius:5px;max-width:100%;padding:3px 6px;font-size:11px;overflow:hidden}.site .lb-placement-path button+button:before{content:"› "}.site .lb-placement-actions{gap:6px;display:grid}.site .lb-placement-actions button,.site .lb-placement-heading{color:#46423d;text-align:left;cursor:pointer;background:#faf9f6;border:1px solid #dedbd5;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4}.site .lb-placement-heading{width:100%;margin-top:8px}.site .lb-placement .lb-help{margin:10px 0 0}.site .lb-paper .lf-spine>.lf-step-head{margin-bottom:20px}.site .lb-paper .lf[data-lb-intro-gap] .lf-hero{margin-bottom:var(--lb-intro-gap)!important}.site .lb-paper .lf[data-lb-intro-gap] .lf-spine{margin-top:0!important}.site .lb-paper .lf[data-lb-section-gap] .lf-spine>.lb-section-row{margin-bottom:var(--lb-section-gap)}.site .lb-paper .lf[data-lb-section-gap] .lb-section-row>:is(.lf-step,.lb-section-rail){margin-bottom:0!important}.site .lb-paper .lf[data-lb-section-gap] .lf-step:not([data-lb-bottom-padding]):not([data-lb-surface=block]){padding-bottom:0}.site .lb-paper .lf[data-lb-heading-gap] .lf-step-head{margin-bottom:var(--lb-heading-gap)!important}.site .lb-paper .lf[data-lb-heading-gap] .lf-step-head+[data-lb-node],.site .lb-paper .lf[data-lb-heading-gap] .lf-step-head+.lb-section-row>:is(.lf-step,.lb-section-rail){margin-top:0!important}.site .lb-page-slot{height:0;position:relative}.site .lb-page-drop{z-index:12;border-radius:6px;align-items:center;height:24px;display:flex;position:absolute;inset:-12px 0 auto}.site .lb-page-drop:before{content:"";background:#f47a3770;width:100%;height:2px}.site .lb-page-drop span{color:#93400c;pointer-events:none;background:#fff8f3;border-radius:5px;padding:3px 8px;font-size:11px;line-height:1.2;position:absolute;right:8px}.site .lb-page-drop.is-over{background:#fff0e1;outline:1px dashed #ed894b}.site .lb-add-place{margin-top:0}.site .lb-builder:not(.is-preview) summary>[data-lb-inline]{min-width:2em}.site .lb-builder:not(.is-preview) .lf-tips summary:after{background:var(--lesson-tint);border-radius:50%;place-items:center;min-width:32px;min-height:32px;display:inline-grid}.site .lb-canvas-hint{color:#626262;margin:0 0 12px;font-size:12px;line-height:1.55}.site .lb-paper [data-lb-inline]{cursor:text;white-space:pre-wrap;overflow-wrap:anywhere;caret-color:#b4521c}.site .lb-paper [data-lb-inline]:focus{outline:none}.site .lb-paper [data-lb-inline][data-empty]{min-width:1em;min-height:1em}.site .lb-paper :is(span,a,strong,b,em,small)[data-lb-inline][data-empty]{display:inline-block}.site .lb-paper [data-lb-inline][data-empty]:before{content:"Текст";opacity:.35;pointer-events:none}.site .lb-spacing-overlay{z-index:8;pointer-events:none;position:absolute;inset:0}.site .lb-selection-frame{box-sizing:border-box;pointer-events:none;border:1.5px solid #f47a37;position:absolute}.site .lb-boundary{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;background:0 0;border:0;height:14px;padding:0;position:absolute;transform:translateY(-50%)}.site .lb-boundary.is-x{cursor:ew-resize;transform:translate(-50%)}.site .lb-boundary:after{content:"";opacity:0;background:#f47a37;height:2px;position:absolute;top:calc(50% - 1px);left:0;right:0}.site .lb-boundary.is-x:after{width:2px;height:auto;top:0;bottom:0;left:calc(50% - 1px)}.site .lb-boundary-grip{background:#fff8f3;border:1px solid #f47a37;border-radius:4px;width:23px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site .lb-boundary.is-x .lb-boundary-grip{width:4px;height:23px}.site .lb-boundary-value{color:#93400c;white-space:nowrap;opacity:0;pointer-events:none;background:#fff8f3;border:1px solid #efc0a4;border-radius:5px;padding:3px 6px;font-size:11px;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.site .lb-boundary.is-x .lb-boundary-value{bottom:50%;left:calc(100% + 6px);transform:none}.site .lb-boundary:is(:hover,:focus-visible,.is-dragging):after,.site .lb-boundary:is(:hover,:focus-visible,.is-dragging) .lb-boundary-value{opacity:1}.site .lb-boundary:focus-visible{outline:0}.site .lb-selection-delete{color:#93400c;cursor:pointer;pointer-events:auto;background:#fff8f3;border:1px solid #f1c1a6;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:89px;min-height:25px;padding:3px 7px;font-size:11px;display:inline-flex;position:absolute}.site .lb-selection-delete svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.site .lb-selection-delete:hover{color:#b44331;background:#fff0ed;border-color:#b44331}.site .lb-drag-handle{z-index:9;color:#8f715c;cursor:grab;touch-action:none;background:#fff8f2;border:1px solid #e4d7cc;border-radius:6px;place-items:center;width:25px;height:26px;padding:0;display:grid;position:absolute}.site .lb-drag-handle svg{fill:currentColor;pointer-events:none}.site .lb-drag-handle:is(:active,.is-dragging){cursor:grabbing;color:#b4521c}.site .lb-paper [data-lb-drop=before]{box-shadow:0 -3px #ed894b}.site .lb-paper [data-lb-drop=after]{box-shadow:0 3px #ed894b}.site .lb-builder:not(.is-preview) [data-lb-drop=inside]{outline-offset:5px;outline:2px dashed #ed894b}.site .lb-task-editing .lb-edit-option{border:1.5px solid var(--line-strong);border-radius:12px;align-items:start;gap:12px;padding:12px 15px;font-size:16px;line-height:1.5;display:flex}.site .lb-edit-option>span:first-child:not([data-lb-inline]){border:1.5px solid var(--line-strong);border-radius:4px;flex:0 0 17px;width:17px;height:17px;margin-top:3px}.site .lb-edit-option>span:first-child.is-round{border-radius:50%}.site .lb-task-editing .lb-edit-option>[data-lb-inline]{flex:1;min-width:0}.site .lb-edit-option.is-correct>span:first-child{border-color:var(--lesson-color);background:var(--lesson-tint)}.site .lb-edit-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.site .lb-task-note{color:#626262;margin:18px 0 0;font-size:12px}.site .lb-free-fields{gap:12px;display:grid}.site .lb-free-row{grid-template-columns:minmax(90px,1fr) minmax(100px,2fr) 24px;align-items:center;gap:12px;display:grid}.site .lb-answer-preview{border:1px solid var(--line-strong);color:#92908c;background:#fff;border-radius:11px;padding:10px 12px;font-size:14px}.site .lb-free-row>button{color:#97624b;cursor:pointer;background:0 0;border:0;font-size:20px}.site .lb-add-answer{color:#725944;cursor:pointer;background:#fffaf4;border:1px dashed #c9bbaa;border-radius:8px;justify-self:start;padding:7px 10px;font-size:12px}.site .lb-paper .cl-fields label{grid-template-columns:minmax(90px,1fr) minmax(100px,2fr);align-items:center;gap:12px}.site .lb-frame-wrap{border-radius:inherit;position:relative}.site .lb-frame-select{cursor:pointer;background:0 0;border:0;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.site .lb-frame-select:focus-visible{outline-offset:-4px}.site .lb-paper .lf-video img{border-radius:16px;max-width:100%;display:block}.site .lb-media-empty{color:#626262;text-align:center;border:1px dashed #b7b7b7;border-radius:12px;place-items:center;min-height:180px;padding:16px;font-size:14px;display:grid}.site .lb-empty-page{cursor:pointer;background:#fff;border:1px dashed #b7b7b7;border-radius:10px;margin:20px auto 40px;padding:16px;display:block}.site .lb-builder.is-preview .lb-layout{grid-template-columns:minmax(0,1fr)}.site .lb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width<=900px){.site .lb-paper .lf-route{grid-template-columns:1fr;gap:0}.site .lb-paper .lf-route>*{grid-template-columns:36px 1fr;align-items:center;gap:14px;padding:7px 0}.site .lb-paper .lf-route>:not(:last-child):after{width:2px;height:auto;inset:43px auto -7px 17px}.site .lb-paper .lf-step-body.has-aside,.site .lb-paper #step-look .lf-step-body.has-aside,.site .lb-paper .lf-result,.site .lb-paper .lf-after,.site .lb-paper .cm-hero{grid-template-columns:minmax(0,1fr)}.site .lb-paper .cl-app{position:static}.site .lb-paper #step-look .lf-video{justify-self:center;max-width:210px}}@container (width<=560px){.site .lb-paper .site-inner{padding:18px 12px!important}.site .lb-paper .lf,.site .lb-paper .lf *,.site .lb-paper [data-lb-inline]{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.site .lb-paper [data-lb-mobile-fit]{font-size:var(--lb-mobile-font-size)!important;letter-spacing:var(--lb-mobile-letter-spacing)!important}.site .lb-paper .lf-hero{padding:18px 12px}.site .lb-paper .lf{--lf-spine:32px;--lb-marker-size:26px;--lb-card-inset:12px;--lf-gap:32px}.site .lb-paper .site-breadcrumb{margin-bottom:12px}.site .lb-paper .lf-spine.lb-node{--lb-section-inset:var(--lb-card-inset)!important;padding-left:calc(var(--lf-spine) + var(--lb-card-inset))!important;padding-right:var(--lb-card-inset)!important}.site .lb-paper [data-lb-surface=block]{padding:var(--lb-card-inset);padding-left:var(--lb-card-inset)!important;padding-right:var(--lb-card-inset)!important}.site .lb-paper :is(.lf-words,.lf-conclusion,.lf-hint,.lf-tips,.lf-pending,.lf-next,.cm-start,.cl-task),.site .lb-paper .lf-practice>article{padding:var(--lb-card-inset)}.site .lb-paper [data-lb-surface=block],.site .lb-paper [data-lb-style-type=task]{max-width:100%!important}.site .lb-paper :is(.lf-step,.lf-step-body,.lf-aside,.lf-after,.cl-app){min-width:0;max-width:none!important}.site .lb-paper :is(.lf-step-body,.lf-aside,.lf-after,.cl-app):not([data-lb-surface=block]){padding-left:0!important;padding-right:0!important}.site .lb-paper .lf-main{min-width:0;max-width:none!important}.site .lb-paper .lf-spine>.lb-section-row{grid-template-columns:var(--lb-card-inset) minmax(0,1fr)}.site .lb-paper .lf-step{--lb-section-padding-left:var(--lb-card-inset)!important;padding-left:var(--lb-card-inset)!important;padding-right:var(--lb-card-inset)!important}.site .lb-paper :is(ol,ul)[data-lb-surface=block]:not(.lf-actions):not(.lf-route){padding-left:calc(var(--lb-card-inset) + 18px)!important}.site .lb-paper .lf-actions>li[data-lb-surface=block]{padding-left:calc(var(--lb-card-inset) + 40px)!important}.site .lb-paper .lf-result li[data-lb-surface=block]{padding-left:calc(var(--lb-card-inset) + 24px)!important}.site .lb-paper :is(.lf-step-body.has-aside,.lf-after,.lf-result,.lf-practice,.cm-hero),.site .lb-paper .lb-node[style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}.site .lb-paper .lf[data-lb-section-gap] .lf-spine>.lb-section-row{margin-bottom:clamp(20px,calc(var(--lb-section-gap) * .8),48px)}.site .lb-paper .lf[data-lb-heading-gap] .lf-step-head{margin-bottom:clamp(12px,calc(var(--lb-heading-gap) * .9),28px)!important}.site .lb-paper :is(#step-look .lf-video,.lf-end-media .lf-video){justify-self:center;width:min(100%,270px);max-width:270px!important}.site .lb-paper .cl-app{width:100%}.site .lb-paper .cl-app iframe{width:100%;max-width:none}.site .lb-paper .lf-spine:before{left:12px}.site .lb-paper .lf-node{width:26px;height:26px;font-size:13px}.site .lb-paper .lf-node svg{width:16px;height:16px}.site .lb-paper .lf-lead{font-size:19px}.site .lb-paper .lf-text{font-size:16px}.site .lb-paper .lf-practice{grid-template-columns:minmax(0,1fr)}.site .lb-paper .cl-task{padding:18px}.site .lb-free-row{grid-template-columns:minmax(0,1fr) 24px;gap:6px}.site .lb-free-row>[data-lb-inline]{grid-column:1/-1}.site .lb-paper .cl-fields label{grid-template-columns:minmax(0,1fr);gap:6px}}@media (width<=900px){.site .lb-builder{width:calc(100% - 20px)}.site .lb-toolbar{gap:9px;padding:11px;top:60px}.site .lb-toolbar-buttons{margin-left:0}.site .lb-layout{grid-template-columns:minmax(0,1fr)}.site .lb-panel{max-height:390px;position:static}.site .lb-paper .site-inner{padding:25px 16px}.site .lb-page-select select{max-width:240px}}@media (width<=560px){.site .lb-status{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.site .lb-builder *,.site .lb-builder :after{transition:none;animation:none}}.site-admin-builder .lb-builder{width:calc(100% - 32px);margin:16px auto 32px}.site-admin-builder .lb-toolbar{top:12px}.site-admin-builder .lb-panel{max-height:calc(100dvh - 132px);top:112px}.site .lb-builder .lb-panel-tabs button{white-space:nowrap;padding-inline:7px;font-size:12px}.site .lb-library{margin-block:12px 22px}.site .lb-library section{margin-top:20px}.site .lb-library h3{color:#817970;letter-spacing:.5px;margin:0 0 9px;font-size:11px;font-weight:500}.site .lb-library section>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.site .lb-library section button{text-align:left;min-height:44px;padding:9px;font-size:12px;line-height:1.35}.site .lb-project-menu{position:relative}.site .lb-project-menu summary{cursor:pointer;border:1px solid #deded8;border-radius:8px;padding:7px 12px;font-size:13px;list-style:none}.site .lb-project-menu summary::-webkit-details-marker{display:none}.site .lb-project-menu>div{z-index:25;background:#fff;border:1px solid #deded8;border-radius:12px;gap:6px;width:170px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 25px #25252515}.site .lb-new-lesson{background:#fbfaf8;border:1px solid #deded8;border-radius:16px;grid-template-columns:minmax(200px,1fr) minmax(180px,1fr) auto;align-items:center;gap:20px;margin-top:16px;padding:22px;display:grid}.site .lb-new-lesson .lb-field{margin:0}.site .lb-new-lesson p{color:#777;font-size:13px;line-height:1.6}.site .lb-new-lesson>div{gap:8px;display:flex}.site .lb-new-lesson button{background:#fff;border:1px solid #d7c7b6;border-radius:8px;padding:9px 13px}.site .lb-loading{place-content:center;gap:16px;min-height:200px;display:grid}@media (width<=900px){.site .lb-new-lesson{grid-template-columns:1fr;gap:12px}.site-admin-builder .lb-panel{max-height:410px;position:static}}.site .lb-new-lesson{grid-template-columns:minmax(200px,1fr) minmax(240px,2fr);align-items:start;max-height:70dvh;overflow:auto}.site .lb-new-lesson>.lb-course-fields{grid-area:1/2/5;grid-template-columns:1fr 1fr;gap:16px;display:grid}.site .lb-new-lesson>.lb-course-fields>.lb-field:has(textarea){grid-column:1/-1}.site .lb-new-lesson>div:last-child{grid-column:1/-1}.site .lb-course-fields .lb-field{margin-block:12px}.site .lb-spread{background:#edf4ef;border:1px solid #cbdccd;border-radius:12px;margin-top:24px;padding:16px}.site .lb-spread label{gap:6px;margin:8px 12px 12px 0;display:inline-flex}.site .lb-spread button{width:100%}@media (width<=900px){.site .lb-new-lesson{grid-template-columns:1fr}.site .lb-new-lesson>.lb-course-fields{grid-area:auto/1;display:block}}:root{color:#252525;font-synthesis:none;--site-orange:#f47a37;--site-green:#4ac336;--site-teal:#18aaa6;--site-gray:#626262;--site-line:#dededb;background:#fff;font-family:Open Sans,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,input{border-radius:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #18aaa6}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}.site-width{width:min(1200px,100% - 104px);margin-inline:auto}.site-header{border-bottom:1px solid #ededeb;align-items:center;gap:30px;min-height:104px;display:flex;position:relative}.site-brand{white-space:nowrap;letter-spacing:1px;align-items:center;gap:12px;font-size:22px;font-weight:400;display:inline-flex}.site-brand>span>span{letter-spacing:2px;font-size:14px}.site-brand sub{letter-spacing:0;font-size:12px}.site-nav{color:#626262;align-items:center;gap:25px;margin-left:auto;font-size:14px;display:flex}.site-nav a{border-bottom:1px solid #0000;padding-block:9px}.site-nav a:hover,.site-nav a[aria-current]{color:#252525;border-bottom-color:#f47a37}.site-header-app{border:1px solid #b7b7b7;border-radius:7px 9px 8px 6px;align-items:center;gap:14px;padding:11px 15px;font-size:13px;display:inline-flex}.site-header-app:hover{background:#f7f7f4}.site-menu-toggle{display:none}.site-skip-link{z-index:50;background:#fff;padding:12px 20px;position:fixed;top:-100px;left:24px}.site-skip-link:focus{top:10px}.site-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding:68px 0 82px;display:grid}.site-eyebrow{color:#626262;letter-spacing:1.8px;text-transform:uppercase;font-size:11px;line-height:1.5;display:block}.site-eyebrow i{background:#4ac336;border-radius:50%;width:6px;height:6px;margin:0 9px 1px 0;display:inline-block}.site-hero h1{letter-spacing:-2.4px;margin:25px 0;font-size:clamp(46px,5.1vw,70px);font-weight:300;line-height:1.12}.site-hero h1>span{color:#b56a36}.site-hero-copy>p{color:#626262;font-size:17px;line-height:1.85}.site-hero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin:32px 0 29px;display:flex}.site-button{color:#fff;background:#252525;border:1px solid #252525;border-radius:9px 7px 9px 6px;justify-content:center;align-items:center;gap:29px;min-height:52px;padding:16px 24px;font-size:14px;transition:background-color .12s,transform .12s;display:inline-flex}.site-button:hover{background:#444}.site-button:active{transform:translateY(1px)}.site-text-link{background:0 0;border:none;align-items:center;gap:15px;width:fit-content;padding:0;font-size:14px;display:inline-flex}.site-text-link:hover{color:#956132}.site-text-link svg{flex-shrink:0;transition:transform .16s}.site-text-link:hover svg{transform:translate(3px)}.site-hero-note{letter-spacing:1.5px;color:#92928b;font-size:11px}.site-sound-circle{width:86%;max-width:350px;height:auto;margin:5px auto 0;display:block}.site-sound-ring{transition:stroke-width .16s}.site-sound-degree{font-family:inherit;font-size:56px;font-weight:300}.site-sound-degree-label{fill:#7d827e;letter-spacing:1.3px;font-family:inherit;font-size:10px}.site-course-paths{border-top:1px solid var(--site-line);padding:45px 0 70px}.site-section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.site-section-head h2{margin-top:10px;font-size:28px;font-weight:300;line-height:1.35}.site-section-head>.site-text-link{flex-shrink:0;padding-bottom:5px}.site-path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.site-path{border-top:1px solid var(--section-color);padding:23px 20px 21px 0;display:block}.site-path-top{color:#94948c;justify-content:space-between;align-items:center;font-size:12px;display:flex}.site-path-top svg{color:#626262}.site-sketch{width:100%;max-width:260px;height:auto;color:var(--section-color,#626262);display:block}.site-path .site-sketch{height:122px;margin:6px 0}.site-path h3{margin-bottom:12px;font-size:30px;font-weight:300}.site-path p{color:#626262;max-width:265px;font-size:14px;line-height:1.85}.site-path-label{text-transform:uppercase;letter-spacing:1.4px;color:var(--section-color);margin-top:23px;font-size:10px;display:inline-block}.site-path:hover .site-path-top svg{transform:translate(3px)}.site-path:hover h3{color:#666}.site-material-note{color:#92928b;margin-top:28px;font-size:12px;line-height:1.7}.site-materials{border-block:1px solid var(--site-line);text-align:center;padding:45px 0 50px}.site-materials h2{margin:14px 0 28px;font-size:31px;font-weight:300;line-height:1.4}.site-material-branches{grid-template-columns:1fr 1fr;gap:25px;max-width:700px;margin:0 auto;display:grid}.site-material-branches span{color:#b87746;font-size:24px;font-weight:300}.site-material-branches a:last-child span{color:#6c9a65}.site-material-branches p{color:#626262;margin-top:13px;font-size:13px;line-height:1.9}.site-material-join{width:min(500px,90%);margin:20px auto 10px;display:block}.site-material-result{font-size:20px;font-weight:300;line-height:1.7}.site-material-purpose{color:#92928b;margin-top:16px;font-size:13px;line-height:1.8}.site-chords{border-top:1px solid var(--site-line);grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:55px 0 65px;display:grid}.site-chords-copy h2{letter-spacing:-.7px;margin:14px 0 20px;font-size:35px;font-weight:300;line-height:1.35}.site-chords-copy p{color:#626262;font-size:14px;line-height:1.9}.site-chords-copy .site-chords-invitation{color:#92928b;margin-top:20px;font-size:12px}.site-chords-copy>a{margin-top:27px}.site-chords-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:15px 18px;width:min(100%,348px);display:grid}.site-chord-mood{text-align:center;color:#92928b;letter-spacing:.8px;grid-column:1/-1;margin:0 0 1px;font-size:10px}.site-chord-mood:not(:first-child){margin-top:12px}@property --site-chord-light{syntax:"<number>";inherits:false;initial-value:0}.site-chord{--site-chord-light:0;--chord-base:color-mix(in srgb, var(--chord-ink) 13%, var(--chord-fill));color:var(--chord-ink);aspect-ratio:1;background:color-mix(in srgb, #fff6d8 calc(var(--site-chord-light) * 65%), var(--chord-base));transform-origin:50%;border:0;border-radius:28.5714%;place-items:center;min-width:0;padding:12%;transition:--site-chord-light .38s,box-shadow .38s,transform .38s cubic-bezier(.22,.65,.36,1);display:grid;box-shadow:0 0 12px 2px #0000}.site-chord>svg{width:100%;height:auto;overflow:visible}.site-chord:hover{--site-chord-light:.25}.site-chord.is-playing{--site-chord-light:1;box-shadow:0 0 12px 2px color-mix(in srgb, var(--chord-ink) 18%, transparent);transition-duration:90ms,.16s,.16s;transform:scale(1.035)}.site-chords-notice{color:#956132;text-align:center;grid-column:1/-1;font-size:12px}.site-principles{border-top:1px solid var(--site-line);padding:42px 0 67px}.site-principle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;display:grid}.site-principle-grid article{padding-left:40px;position:relative}.site-principle-number{color:var(--section-color);font-size:13px;position:absolute;top:6px;left:0}.site-principle-grid h3{margin-bottom:14px;font-size:23px;font-weight:300}.site-principle-grid p{color:#626262;font-size:14px;line-height:1.85}.site-guide-teaser{border-block:1px solid var(--site-line);grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:58px 0 66px;display:grid}.site-guide-teaser h2{letter-spacing:-.7px;margin:14px 0 20px;font-size:35px;font-weight:300;line-height:1.4}.site-guide-teaser p{color:#626262;font-size:14px;line-height:1.9}.site-guide-teaser .site-text-link{margin-top:24px}.site-word-preview{border-left:1px solid #dededb;padding-left:32px}.site-word-preview>span{font-size:27px;font-weight:300}.site-word-preview>p{margin-top:12px}.site-preview-seasons{gap:20px;margin-block:26px;display:flex}.site-preview-seasons small{color:#626262;margin-top:2px;font-size:9px}.site-word-preview>small{color:#92928b;font-size:11px;line-height:1.8;display:block}.site-tools-teaser{align-items:center;gap:33px;padding:36px 0;display:flex}.site-tools-teaser .site-sketch{flex-shrink:0;width:155px}.site-tools-teaser h2{margin:9px 0;font-size:24px;font-weight:300}.site-tools-teaser p{color:#626262;font-size:13px;line-height:1.8}.site-tools-teaser>a{flex-shrink:0;margin-left:auto}.site-footer{border-top:1px solid var(--site-line);margin-top:58px;padding:33px 0 25px}.site-footer-main{align-items:center;gap:42px;display:flex}.site-footer-main .site-brand{font-size:19px}.site-footer-main .site-brand>span>span{font-size:11px}.site-footer-main p{color:#92928b;font-size:12px}.site-footer-main>a:last-child{margin-left:auto}.site-footer-nav{color:#626262;gap:28px;padding:30px 0;font-size:12px;display:flex}.site-footer-bottom{color:#92928b;letter-spacing:.4px;border-top:1px solid #ededeb;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;font-size:10px;display:flex}.site-footer-bottom>div{gap:8px;display:flex}.site-footer-bottom>div>span{opacity:.8;border-radius:50%;width:6px;height:6px}.site-inner{padding-top:30px}.site-breadcrumb{color:#92928b;align-items:center;gap:11px;margin-bottom:43px;font-size:11px;display:flex}.site-breadcrumb a:hover{color:#252525}.site-page-intro{padding-bottom:45px}.site-page-intro h1,.site-category-intro h1{letter-spacing:-1.6px;margin:20px 0;font-size:clamp(39px,4.5vw,60px);font-weight:300;line-height:1.23}.site-page-intro h1 span,.site-category-intro h1 span{color:#626262}.site-page-intro p,.site-category-intro p{color:#626262;font-size:17px;line-height:1.9}.site-course-start{border-top:1px solid var(--site-line);grid-template-columns:1.15fr 1fr;align-items:center;gap:75px;padding:42px 0 60px;display:grid}.site-course-start h2{margin:12px 0 17px;font-size:29px;font-weight:300}.site-course-start p{color:#626262;margin-bottom:21px;font-size:14px;line-height:1.9}.site-inline-note{border-top:1px solid var(--site-line);color:#626262;flex-wrap:wrap;align-items:center;gap:13px;padding:26px 0;font-size:14px;line-height:1.6;display:flex}.site-inline-note a{color:#252525;border-bottom:1px solid #f47a37}.site-inline-note span{font-size:12px}.site-category-intro{justify-content:space-between;align-items:center;gap:60px;padding-bottom:60px;display:flex}.site-category-intro .site-sketch{width:31%;max-width:345px}.site-category-intro .site-button{margin-top:26px}.site-catalog-section{margin-bottom:52px}.site-catalog-section .site-section-head{margin-bottom:18px}.site-catalog-section .site-section-head h2{font-size:24px}.site-app-list{grid-template-columns:1fr 1fr;gap:0 47px;display:grid}.site-app-link{border-top:1px solid var(--site-line);align-items:start;gap:20px;min-width:0;padding:28px 0;display:flex}.site-app-label{color:#92928b;min-width:61px;margin-top:5px;font-size:10px;line-height:1.8}.site-app-link>div{flex:1;min-width:0}.site-app-link h3{font-size:19px;font-weight:400;line-height:1.45}.site-app-link p{color:#626262;max-width:345px;margin-top:8px;font-size:13px;line-height:1.8}.site-app-link>svg{color:#94948c;flex-shrink:0;margin-top:3px}.site-app-link:hover h3{color:#9d6134}.site-other-sections{justify-content:space-between;margin-top:30px;padding-top:18px;display:flex}.site-small-note{color:#92928b;font-size:11px;line-height:1.8}.site-archives{border-top:1px solid var(--site-line);margin-top:30px}.site-archives summary{cursor:pointer;padding:24px 0;font-size:16px}.site-archives summary span{color:#92928b;margin-left:16px;font-size:11px}.site-principles.is-full{border-bottom:1px solid var(--site-line);margin:0 0 50px;padding-block:32px}.site-approach-question{border-left:2px solid #f47a37;max-width:750px;margin:50px 0 65px;padding:0 0 0 30px}.site-approach-question h2{margin:13px 0 22px;font-size:34px;font-weight:300;line-height:1.4}.site-approach-question p{color:#626262;margin:13px 0;font-size:16px;line-height:1.95}.site-approach-question a{margin-top:15px}.site-learning-notes{grid-template-columns:1fr 1fr;gap:40px 65px;display:grid}.site-learning-notes article{border-top:1px solid var(--site-line);padding-top:29px}.site-learning-notes h2{margin:12px 0 18px;font-size:25px;font-weight:300;line-height:1.5}.site-learning-notes p{color:#626262;margin:12px 0;font-size:15px;line-height:1.95}.site-learning-notes strong{color:#252525;font-weight:500}.site-learning-notes .site-sketch{max-width:295px;margin-top:10px}.site-learning-notes a{margin-top:14px}.site-learning-loop{border-block:1px solid var(--site-line);margin:65px 0 25px;padding:35px 0}.site-learning-loop h2{margin:14px 0 28px;font-size:29px;font-weight:300;line-height:1.5}.site-learning-loop>div{flex-wrap:wrap;align-items:center;gap:25px;font-size:15px;display:flex}.site-learning-loop svg{color:#f47a37}.site-learning-loop p{color:#626262;max-width:720px;margin-top:27px;font-size:15px;line-height:1.9}.site-bottom-action{margin:35px 0}.site-glossary-controls{border-top:1px solid var(--site-line);margin-bottom:25px;padding:24px 0 20px}.site-search{border-bottom:1px solid #b7b7b7;align-items:center;gap:16px;max-width:620px;padding:5px 0 13px;display:flex}.site-search svg{color:#92928b;flex-shrink:0}.site-search input{color:#252525;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:8px 0;font-size:16px}.site-search input::placeholder{color:#92928b;font-size:14px}.site-search:focus-within{border-bottom-color:#18aaa6}.site-search input:focus-visible{outline:none}.site-glossary-tabs{flex-wrap:wrap;gap:25px;margin:25px 0 18px;display:flex}.site-glossary-tabs button{color:#626262;background:0 0;border:none;border-bottom:1px solid #0000;padding:7px 0 10px;font-size:13px}.site-glossary-tabs button[aria-pressed=true]{color:#252525;border-bottom-color:#f47a37}.site-glossary-list{grid-template-columns:1fr 1fr;gap:0 65px;display:grid}.site-glossary-list article{border-top:1px solid var(--site-line);padding:29px 0 34px;scroll-margin-top:35px}.site-term-heading{justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:20px;display:flex}.site-term-heading h2{font-size:24px;font-weight:300;line-height:1.4}.site-term-heading>span{letter-spacing:.6px;color:#92928b;flex-shrink:0;font-size:9px}.site-glossary-list dl{margin:0}.site-glossary-list dl>div{margin:13px 0}.site-glossary-list dt{letter-spacing:.9px;color:#92928b;text-transform:uppercase;margin-bottom:5px;font-size:10px}.site-glossary-list dd{color:#626262;margin:0;font-size:14px;line-height:1.85}.site-term-example{border-left:1px solid #18aaa6;padding:1px 0 1px 14px}.site-glossary-list .site-text-link{margin-top:10px;font-size:12px}.site-empty-search{min-height:220px;padding:35px 0}.site-empty-search h2{font-size:25px;font-weight:300}.site-empty-search p{color:#626262;margin:20px 0;font-size:14px}@media (width>=1450px){.site-hero{padding-block:80px 95px}.site-hero h1{font-size:77px}}@media (width<=1080px){.site-width{width:calc(100% - 64px)}.site-header{gap:20px}.site-nav{gap:17px;font-size:12px}.site-header-app{gap:10px;padding:10px 12px;font-size:12px}.site-brand{gap:8px;font-size:19px}.site-brand>span>span{font-size:11px}.site-hero{gap:38px}.site-hero-actions{gap:22px}.site-guide-teaser{gap:50px}.site-path-grid{gap:27px}.site-tools-teaser{gap:23px}.site-tools-teaser .site-sketch{width:105px}.site-tools-teaser>a{font-size:12px}}@media (width<=880px){.site-header{min-height:88px}.site-menu-toggle{background:0 0;border:none;align-items:center;gap:9px;margin-left:auto;padding:12px 0;font-size:12px;display:flex}.site-menu-toggle span{font-size:18px}.site-nav{z-index:10;border:1px solid var(--site-line);background:#fff;border-radius:0 0 6px 8px;margin:0;padding:19px 25px;font-size:15px;display:none;position:absolute;top:87px;left:0;right:0}.site-nav.is-open{flex-direction:column;align-items:stretch;gap:9px;display:flex}.site-hero{grid-template-columns:1.1fr 1fr;gap:32px;padding:48px 0 60px}.site-hero h1{font-size:48px}.site-hero-copy>p{font-size:14px}.site-hero-actions{gap:20px}.site-button{gap:19px;padding:14px 20px}.site-hero-actions .site-text-link{font-size:13px}.site-principle-grid{gap:25px}.site-principle-grid article{padding-left:0}.site-principle-number{margin-bottom:13px;display:block;position:static}.site-section-head h2{font-size:24px}.site-section-head>a{font-size:12px}.site-path{padding-right:5px}.site-path h3{font-size:26px}.site-path p{font-size:13px}.site-tools-teaser{flex-wrap:wrap}.site-tools-teaser>a{margin-left:128px}.site-guide-teaser,.site-chords{gap:35px}.site-chords-copy h2{font-size:29px}.site-chords-grid{gap:10px}.site-guide-teaser h2{font-size:29px}.site-preview-seasons{gap:9px}.site-word-preview{padding-left:23px}.site-footer-main{flex-wrap:wrap;gap:20px}.site-footer-main>p{display:none}.site-course-start{gap:40px}.site-app-list{gap:0 32px}.site-app-link{gap:12px}.site-app-label{min-width:43px;font-size:9px}.site-learning-notes,.site-glossary-list{gap:30px}.site-term-heading{flex-wrap:wrap;gap:6px}}@media (width<=640px){.site-width{width:calc(100% - 40px)}.site-header{gap:14px;min-height:78px}.site-brand>svg{width:34px;height:34px}.site-brand{letter-spacing:.5px;gap:6px;font-size:17px}.site-brand>span>span{letter-spacing:1px;font-size:9px}.site-header-app{gap:5px;padding:9px 10px;font-size:10px}.site-header-app>svg{width:15px;height:15px}.site-menu-toggle{gap:0;font-size:0}.site-menu-toggle>span{font-size:21px}.site-nav{top:77px}.site-hero{grid-template-columns:1fr;gap:30px;padding:43px 0 40px}.site-chords{grid-template-columns:1fr;gap:25px;padding-block:36px 40px}.site-chords-copy h2{font-size:29px}.site-chords-grid{gap:12px 10px}.site-hero h1{letter-spacing:-1.8px;margin:21px 0;font-size:clamp(43px,10.4vw,62px);line-height:1.15}.site-eyebrow{letter-spacing:1.2px;font-size:9px}.site-hero-copy>p{font-size:15px;line-height:1.85}.site-hero-actions{gap:20px;margin:26px 0 24px}.site-hero-actions .site-button{padding:14px 16px;font-size:12px}.site-hero-actions .site-text-link{gap:7px;font-size:12px}.site-hero-note{letter-spacing:1px;font-size:10px}.site-sound-circle{width:80%;margin-top:8px}.site-section-head{flex-wrap:wrap;gap:16px;margin-bottom:27px}.site-section-head h2{font-size:24px;line-height:1.5}.site-course-paths{padding:31px 0 30px}.site-path-grid{grid-template-columns:1fr;gap:0}.site-path{min-height:201px;padding:23px 115px 25px 0;position:relative}.site-path-top>svg{position:absolute;top:25px;right:0}.site-path .site-sketch{width:106px;height:60px;margin:0;position:absolute;top:65px;right:0}.site-path h3{margin:13px 0 11px;font-size:29px}.site-path p{line-height:1.75}.site-path-label{margin-top:15px;font-size:9px}.site-principles{padding:30px 0 33px}.site-principle-grid{grid-template-columns:1fr;gap:28px}.site-principle-grid article{padding-left:38px}.site-principle-number{margin:0;position:absolute;top:3px}.site-principle-grid h3{margin-bottom:10px;font-size:24px}.site-principle-grid p{font-size:14px}.site-guide-teaser{grid-template-columns:1fr;gap:36px;padding:34px 0 39px}.site-guide-teaser h2{font-size:31px}.site-word-preview{border-left:none;border-top:1px solid var(--site-line);padding:18px 0 0}.site-preview-seasons{gap:18px;margin-block:23px}.site-tools-teaser{gap:15px;padding:30px 0 18px}.site-tools-teaser .site-sketch{width:77px}.site-tools-teaser>div{flex:1}.site-tools-teaser h2{font-size:24px;line-height:1.4}.site-tools-teaser>a{margin-left:92px}.site-footer{margin-top:38px;padding-top:25px}.site-footer-main{gap:15px}.site-footer-main .site-text-link{gap:7px;font-size:11px}.site-footer-nav{flex-wrap:wrap;gap:16px 22px;font-size:11px}.site-footer-bottom{flex-wrap:wrap;font-size:9px}.site-footer-bottom>span:first-child{flex:1}.site-inner{padding-top:25px}.site-breadcrumb{margin-bottom:35px}.site-page-intro{padding-bottom:32px}.site-page-intro h1,.site-category-intro h1{letter-spacing:-1px;font-size:38px;line-height:1.3}.site-page-intro p,.site-category-intro p{font-size:15px}.site-page-intro br{display:none}.site-course-start{grid-template-columns:1fr;gap:20px;padding:32px 0 39px}.site-course-start h2{font-size:26px}.site-course-start br{display:none}.site-category-intro{align-items:start;gap:15px;padding-bottom:40px}.site-category-intro>div{flex:1}.site-category-intro .site-sketch{width:95px;margin-top:39px}.site-category-intro .site-button{gap:15px;padding:14px 17px;font-size:12px}.site-app-list{grid-template-columns:1fr;gap:0}.site-app-link{gap:14px;padding-block:24px}.site-app-label{min-width:54px}.site-app-link h3{font-size:18px}.site-catalog-section{margin-bottom:36px}.site-catalog-section .site-section-head h2{font-size:23px}.site-inline-note{padding-block:23px;font-size:13px}.site-principles.is-full{margin-bottom:35px;padding-block:28px}.site-approach-question{margin:34px 0 43px;padding-left:21px}.site-approach-question h2{font-size:28px}.site-approach-question p{font-size:14px}.site-learning-notes{grid-template-columns:1fr;gap:31px}.site-learning-notes h2{font-size:24px}.site-learning-notes p{font-size:14px}.site-learning-loop{margin-top:43px;padding:29px 0}.site-learning-loop h2{font-size:26px}.site-learning-loop>div{gap:12px;font-size:12px}.site-learning-loop p{font-size:14px}.site-glossary-list{grid-template-columns:1fr;gap:0}.site-search input{font-size:14px}.site-search input::placeholder{font-size:12px}.site-glossary-tabs{gap:20px}.site-glossary-tabs button{font-size:12px}.site-term-heading{flex-wrap:nowrap}.site-term-heading h2{font-size:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.site-composition{--material-ease:cubic-bezier(.22,.65,.36,1);--material-move-ms:.85s;justify-self:end;width:100%;max-width:580px;position:relative}.site-composition-stage{width:100%;transition:height 1.1s var(--material-ease);position:relative}.site-composition-canvas{transform-origin:0 0;pointer-events:none;width:600px;height:432px;position:absolute;top:0;left:0}.site-composition-guides{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.site-composition-source{text-align:center;z-index:2;pointer-events:auto;width:276px;height:156px;transition:height 1.1s var(--material-ease), background-color .2s ease;background:0 0;border:0;border-radius:22px;padding:0;position:absolute;top:0}.site-composition-source:not(:disabled):hover{background:#25252506}.site-composition.is-composed .site-composition-source{height:44px}.site-composition-source.is-sound{left:12px}.site-composition-source.is-time{left:312px}.site-composition-title{letter-spacing:-.4px;color:#252525;width:100%;font-size:26px;font-weight:500;line-height:36px;transition:color .22s;position:absolute;top:0;left:0}.site-composition-source:not(:disabled):hover .site-composition-title{color:#b4521c}.site-composition-time-line{stroke:#98a0a6;stroke-width:1.1px;stroke-linecap:round;transition:opacity .6s var(--material-ease)}.site-composition-time-line.is-ready{opacity:0}.site-composition-stream{fill:none;stroke:#d4d5cd;stroke-width:1.1px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.25;transition:stroke-dashoffset .85s var(--material-ease), opacity .65s ease, stroke .65s ease}.site-composition-stream.is-ready{stroke-dashoffset:0;opacity:.7}.site-composition-stream.is-sound.is-ready{stroke:#c8b49e}.site-composition-stream.is-time.is-ready{stroke:#adbcb3}.site-composition.is-composed .site-composition-stream{opacity:0;transition-duration:.5s}.site-phrase-actor{pointer-events:none;transform-origin:0 0;z-index:3;height:40px;transition:transform var(--material-move-ms) var(--material-ease);position:absolute;top:0;left:0}.site-phrase-preview{z-index:6;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:9.7px;width:100%;height:100%;padding:0;position:absolute;inset:0}.site-phrase-preview:disabled{pointer-events:none}.site-phrase-preview:focus-visible{outline:1px solid var(--rest-ink);outline-offset:4px}.site-phrase-coat{opacity:0;transition:opacity .62s var(--material-ease);position:absolute;inset:0}.site-phrase-actor.is-ready .site-phrase-coat{opacity:1}.site-phrase-paint{transition:opacity .24s ease var(--colour-delay);position:absolute;inset:2px 0}.site-phrase-paint .time-season-pencil{width:100%;height:36px;display:block}.site-phrase-paint.is-colour{opacity:0}.site-phrase-actor.is-coloured .site-phrase-paint.is-colour{opacity:1}.site-phrase-actor.is-coloured .site-phrase-paint.is-gray{opacity:0}.site-phrase-moment{z-index:2;width:0;height:0;transition:transform .74s var(--material-ease);position:absolute;top:0;left:0}.site-phrase-material{width:1.9px;height:19px;transition:width .74s var(--material-ease), height .74s var(--material-ease), border-radius .74s var(--material-ease), border-width .74s var(--material-ease), background-color .42s ease, border-color .42s ease;background:#8b95a1;border:0 solid #b6c2d0;border-radius:1px;display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.site-phrase-actor.is-ready .site-phrase-material{background:#fff;border-width:2.09px;border-radius:28.5714%;width:34px;height:34px}.site-phrase-actor.is-ready .is-beat .site-phrase-material{border-width:2.66px;border-color:#93a2b6}.site-phrase-actor.is-ready .has-hit .site-phrase-material{background:#7c8591;border-width:0}.site-phrase-actor.is-ready .has-hit{z-index:4}.site-phrase-actor.is-coloured .site-phrase-material,.site-phrase-actor.is-coloured .is-beat .site-phrase-material{background:var(--rest-fill);border-color:var(--rest-ink);transition-delay:0s, 0s, 0s, 0s, var(--colour-delay), var(--colour-delay)}.site-phrase-actor.is-coloured .has-hit .site-phrase-material{background:var(--group-stroke)}.site-phrase-material:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#f1e3b3;transition:opacity;position:absolute;inset:0}.site-phrase-actor.is-ready .is-playing .site-phrase-material:after{opacity:1;transition-duration:65ms}.site-phrase-contour{z-index:3;pointer-events:none;width:100%;height:40px;position:absolute;top:0;left:0;overflow:visible}.site-phrase-contour path{fill:none;stroke:#a0a8b1;stroke-width:2.04px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .74s var(--material-ease), opacity .4s ease, stroke .24s ease var(--colour-delay)}.site-phrase-actor.is-ready .site-phrase-contour path{stroke-dashoffset:0;opacity:1}.site-phrase-actor.is-coloured .site-phrase-contour path{stroke:var(--group-stroke)}.site-sound-material{z-index:5;pointer-events:none;width:0;height:0;transition:transform var(--material-move-ms) var(--material-ease);position:absolute;top:0;left:0}.site-sound-surface{background:var(--sound-fill);width:34px;height:52px;color:var(--sound-ink);transition:height .74s var(--material-ease), top .74s var(--material-ease), border-radius .74s var(--material-ease), background-color 0s, box-shadow 0s, transform 0s;border-radius:0;place-items:center;display:grid;position:absolute;top:-26px;left:-17px;overflow:hidden}.site-sound-material[data-sound-id="0-0"]:not(.is-ready) .site-sound-surface{border-radius:8px 0 0 8px}.site-sound-material[data-sound-id="1-2"]:not(.is-ready) .site-sound-surface{border-radius:0 8px 8px 0}.site-sound-material.is-ready .site-sound-surface{border-radius:28.5714%;height:34px;top:-17px}.site-sound-pigment{background-image:var(--spectrum-paint);background-size:204px 100%;background-position:var(--spectrum-x) 0;opacity:1;transition:opacity .74s var(--material-ease);position:absolute;inset:0}.site-sound-pigment:after{content:"";background:repeating-linear-gradient(102deg,#0000 0 2px,#ffffff4a 2px 2.6px,#0000 2.6px 4.6px);position:absolute;inset:0}.site-sound-material.is-ready .site-sound-pigment{opacity:0}.site-sound-number{opacity:0;font-size:12px;font-weight:400;line-height:1;transition:opacity .48s .16s;position:relative}.site-sound-material.is-ready .site-sound-number{opacity:1}.site-sound-material.is-playing .site-sound-surface{background:var(--sound-light);box-shadow:0 0 8px 1.3px var(--sound-halo);transition-duration:.74s,.74s,.74s,65ms,65ms,65ms;transform:scale(1.05)}.site-composition-music{--music-lift:0px;z-index:2;pointer-events:auto;color:#252525;width:200px;transform:translateY(var(--music-lift));transition:color .3s ease, transform 1.1s var(--material-ease), opacity .25s ease;background:0 0;border:0;border-radius:22px;flex-direction:column;align-items:center;gap:0;padding:0;display:flex;position:absolute;top:176px;left:200px}.site-composition-music .site-composition-title{margin-top:4px;position:static}.site-composition.is-composed .site-composition-music{--music-lift:-176px}.site-composition-music:not(:disabled):hover .site-composition-title{color:#b4521c}.site-composition.is-forming .site-composition-music{opacity:.5}.site-composition-music:disabled .site-composition-title{color:#9a9a9a}.site-composition-music:not(:disabled):active{transform:translateY(var(--music-lift)) scale(.985)}.site-composition-music:not(:disabled):hover .site-composition-symbol{transform:scale(1.03)}.site-composition-symbol{fill:none;width:124px;height:124px;transition:transform .3s var(--material-ease);flex-shrink:0;overflow:visible}.site-composition-seasons{pointer-events:none;opacity:0;transition:opacity .65s;position:absolute;inset:0}.is-composed .site-composition-seasons{opacity:1;transition-delay:.65s}.site-composition-seasons>span{color:#a0a69f;font-size:14px;font-weight:300;transition:color 90ms;position:absolute;left:21px;transform:translateY(-50%)}.site-composition-seasons>.is-playing{color:#626e64}.site-composition-placeholder{text-align:center;color:#b0b0a8;pointer-events:none;width:100%;transition:opacity .4s ease, transform .65s var(--material-ease);font-size:15px;line-height:1.85;position:absolute;top:372px;left:0}.is-composed .site-composition-placeholder{opacity:0;transform:translateY(12px)}.site-composition-footer{justify-content:center;align-items:center;gap:12px;min-height:36px;display:flex}.site-composition-footer p{color:#92928b;text-align:center;font-size:10px;line-height:1.6}.site-composition-footer button{color:#92928b;background:0 0;border:0;padding:7px;font-size:20px;transition:color .18s,transform .3s}.site-composition-footer button:hover{color:#5b6e65;transform:rotate(-30deg)}@media (width<=640px){.site-composition{justify-self:center;max-width:550px}}@media (prefers-reduced-motion:reduce){.site-composition *,.site-composition :before,.site-composition :after{transition:none!important;animation:none!important}}.site-composition-title{font-size:max(26px, calc(17px / var(--k,1)));line-height:1.38}.site-composition.is-compact .site-composition-placeholder{display:none}.site-composition.is-compact:not(.is-composed) .site-composition-symbol{width:140px;height:140px}.site-sound-material{font:inherit;background:0 0;border:0;padding:0}.site-sound-material.is-playable{pointer-events:auto;cursor:pointer}.site-sound-material.is-playable .site-sound-surface{pointer-events:auto}.site-sound-material.is-playable:hover .site-sound-surface{transition-duration:.74s,.74s,.74s,65ms,.16s,.16s;transform:scale(1.08)}.site-sound-material:focus-visible{outline:none}.site-sound-material:focus-visible .site-sound-surface{outline-offset:3px;outline:2px solid #0e7c78}.site-phrase-preview.is-time:hover{background:#fff1bc73}.site-phrase-preview:hover{background:#fff1bc4d}.site-symbol-orbit{stroke:#b8bfbd;stroke-width:.75px;stroke-linecap:round;opacity:.55}.site-symbol-connection{stroke:#a7b1b4;stroke-width:.85px;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.site-clock-degree{transform-origin:0 0;transition:transform 90ms}.site-clock-degree rect{fill:var(--clock-fill);transition:fill 90ms}.site-clock-degree text{fill:var(--clock-ink);font-size:11px;font-weight:300}.site-clock-degree.is-playing{transform:scale(1.12)}.site-clock-degree.is-playing rect{fill:var(--clock-lit)}.site{--site-column-gap:56px;--site-section-space:64px}.site .site-hero,.site .site-chords,.site .site-guide-teaser{gap:var(--site-column-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.site .site-course-paths,.site .site-chords,.site .site-principles,.site .site-guide-teaser{padding-block:var(--site-section-space)}.site .site-section-head{margin-bottom:34px}.site :is(.site-section-head,.site-chords-copy,.site-guide-teaser) h2{letter-spacing:-.7px;font-size:clamp(26px,2.6vw,34px);font-weight:300;line-height:1.35}.site .site-path-grid,.site .site-principle-grid{gap:36px}.site .site-path{flex-direction:column;padding:22px 0 0;display:flex}.site .site-path .site-sketch{width:100%;max-width:none;height:142px;margin:8px 0 10px;transition:transform .35s}.site .site-path h3{margin-bottom:12px;font-size:29px}.site .site-path p{max-width:31ch;line-height:1.85}.site .site-path-label{margin-top:auto;padding-top:24px}.site .site-material-note{margin-top:32px}.site .site-path-top>svg{transition:transform .25s}.site .site-path:hover .site-sketch{transform:translateY(-2px)}.site .site-chords-copy h2,.site .site-guide-teaser h2{margin:14px 0 22px}.site .site-chords-copy>p{max-width:37ch}.site .site-chords-copy .site-chords-invitation{margin-top:18px}.site .site-chords-copy>a,.site .site-guide-teaser .site-text-link{margin-top:26px}.site .site-chords-grid{margin-block:4px}.site .site-principle-grid article{padding-left:36px}.site .site-principle-number{top:5px}.site .site-principle-grid h3{margin-bottom:12px;font-size:24px}.site .site-word-preview{border:0;justify-self:center;width:min(100%,348px);padding:0}.site .site-preview-seasons{justify-content:space-between;gap:12px;margin-block:24px}.site .site-tools-teaser{gap:28px;padding-block:40px}.site .site-footer{margin-top:28px}.site .site-footer-bottom{position:relative}.site .site-footer-bottom>div{position:absolute;left:50%;transform:translate(-50%)}@media (width<=1000px){.site{--site-column-gap:36px;--site-section-space:48px}.site .site-hero{padding-block:48px 56px}.site .site-path-grid,.site .site-principle-grid{gap:24px}.site .site-path .site-sketch{height:116px}.site .site-principle-grid article{padding-left:0}.site .site-principle-number{margin-bottom:12px;display:block;position:static}}@media (width<=640px){.site{--site-column-gap:30px;--site-section-space:36px}.site .site-hero,.site .site-chords,.site .site-guide-teaser{grid-template-columns:minmax(0,1fr)}.site .site-hero{padding-block:40px}.site .site-section-head{margin-bottom:24px}.site .site-path-grid{gap:24px}.site .site-path{grid-template-columns:minmax(0,1fr) 116px;gap:0 16px;min-height:0;padding:20px 0 0;display:grid}.site .site-path-top{grid-column:1/-1;margin-bottom:10px}.site .site-path-top>svg{position:static}.site .site-path .site-sketch{grid-area:2/2/4;align-self:center;width:116px;height:85px;margin:0;position:static}.site .site-path h3{grid-area:2/1;margin:0 0 10px;font-size:27px}.site .site-path p{grid-area:3/1;font-size:13px}.site .site-path-label{grid-column:1/-1;padding-top:17px}.site .site-principle-grid{gap:27px}.site .site-principle-grid article{padding-left:35px}.site .site-principle-number{position:absolute;top:4px}.site .site-chords-grid{gap:13px 16px;width:min(100%,320px);margin:4px auto 0}.site .site-word-preview{border-top:1px solid var(--site-line);padding-top:26px}.site .site-tools-teaser{gap:16px;padding-block:30px}.site .site-footer{margin-top:12px}.site .site-footer-bottom>div{position:static;transform:none}}.site{--site-paper:#f8faf7;--site-muted:#788079;--site-round:20px}.site .site-breadcrumb{min-height:28px;color:var(--site-muted);flex-wrap:wrap;gap:10px;margin-bottom:36px}.site .site-breadcrumb a{transition:color .18s}.site .site-page-intro{padding-block:8px 56px}.site .site-page-intro-split{align-items:center;gap:var(--site-column-gap);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);display:grid}.site .site-page-intro-copy{min-width:0}.site .site-page-intro h1{letter-spacing:-1.5px;text-wrap:balance;margin:20px 0 24px;font-size:clamp(38px,4.25vw,58px);line-height:1.2}.site .site-page-intro br{display:initial}.site .site-page-intro-copy>p{text-wrap:pretty;max-width:49ch;font-size:16px;line-height:1.85}.site .site-page-intro .site-button{margin-top:26px}.site .site-page-intro-art{justify-self:center;width:min(100%,348px)}.site .site-page-intro-art .site-sketch,.site .site-page-illustration{width:100%;max-width:none;height:auto;display:block}.site .site-page-intro-art .site-sketch-music{max-width:310px;margin:auto}.site .site-inner .site-course-paths{padding-top:36px}.site .site-inner .site-course-start{gap:var(--site-column-gap);padding-block:var(--site-section-space);grid-template-columns:repeat(2,minmax(0,1fr))}.site .site-course-start h2,.site .site-materials h2,.site .site-approach-question h2,.site .site-learning-loop h2{letter-spacing:-.7px;margin:14px 0 22px;font-size:clamp(26px,2.6vw,34px);line-height:1.35}.site .site-course-start p{max-width:42ch;line-height:1.85}.site .site-course-start p br{display:initial}.site .site-principles.is-full{margin:0;padding-block:34px}.site .site-inline-note{color:#747b74;gap:10px 24px;padding-block:25px;font-size:13px;line-height:1.85}.site .site-inline-note p{margin:0}.site .site-inline-note a{color:#4e6759;border-color:#afc5b6}.site .site-inline-note span{font-size:12px}.site .site-course-nav{border-top:1px solid var(--site-line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding-block:22px;display:flex}.site .site-course-nav>a{color:#707870;border-radius:14px;align-items:center;gap:9px;padding:10px 16px;font-size:13px;transition:background-color .2s,color .2s;display:inline-flex}.site .site-course-nav>a>span{background:var(--section-color);opacity:.65;border-radius:50%;width:5px;height:5px}.site .site-course-nav>a[aria-current=page]{background:color-mix(in srgb, var(--section-color) 10%, #fff);color:#354139}.site .site-course-nav>a:hover{background:#f2f5ef}.site .site-course-nav .site-course-overview{background:0 0;margin-left:auto;padding-right:0}.site .site-course-overview svg{width:17px}.site .site-catalog-section{margin-bottom:46px}.site .site-catalog-section .site-section-head{margin-bottom:20px}.site .site-catalog-section .site-section-head h2{margin:0;font-size:26px}.site .site-app-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.site .site-app-link{border-radius:var(--site-round);background:#fff;border:1px solid #e8ece5;align-items:flex-start;gap:18px;min-height:144px;padding:25px 23px;transition:border-color .24s,background-color .24s;position:relative}.site .site-app-label{overflow-wrap:anywhere;text-align:center;width:54px;min-width:0;min-height:54px;color:color-mix(in srgb, var(--section-color) 48%, #4c544e);background:color-mix(in srgb, var(--section-color) 12%, #fff);border-radius:28.5714%;flex:0 0 54px;place-items:center;margin:0;padding:6px;font-size:10px;line-height:1.6;display:grid}.site .site-app-label.is-word{white-space:nowrap;padding-inline:3px;font-size:9px}.site .site-app-label>svg{width:31px;height:31px}.site .site-app-link h3{color:#343e37;font-size:20px;font-weight:300;line-height:1.4}.site .site-app-link p{max-width:36ch;margin-top:9px;font-size:13px;line-height:1.8}.site .site-app-link>svg{color:#8d9a90;width:18px;height:18px;margin-top:3px;transition:transform .24s}.site .site-app-link:hover{border-color:color-mix(in srgb, var(--section-color) 28%, #dce3d8);background:#fbfcf9}.site .site-app-link:hover>svg{transform:translate(3px)}.site .site-other-sections{gap:18px;margin-top:0;padding-block:22px}.site .site-materials{padding-block:var(--site-section-space);border-top:0}.site .site-material-branches{gap:32px;max-width:740px;margin-top:28px}.site .site-material-branches>a{border-radius:var(--site-round);border:1px solid #e8ece5;padding:18px 22px 24px;transition:background-color .24s}.site .site-material-branches>a:hover{background:#fbfcf9}.site .site-material-branches .site-sketch{max-width:250px;height:100px;margin:0 auto 12px}.site .site-material-branches span{font-size:25px;font-weight:300}.site .site-material-branches p{margin-top:10px;line-height:1.85}.site .site-material-join{margin-block:23px 16px}.site .site-approach-question{margin-block:var(--site-section-space);border-left-color:#ddba93;max-width:790px;padding-left:27px}.site .site-approach-question p{font-size:15px;line-height:1.9}.site .site-learning-notes article{padding-top:28px}.site .site-learning-notes h2{letter-spacing:-.4px;font-size:26px;line-height:1.4}.site .site-learning-notes p{max-width:53ch;font-size:14px;line-height:1.9}.site .site-learning-notes .site-sketch{height:100px;margin-top:16px}.site .site-learning-loop{margin-top:var(--site-section-space);padding-block:38px}.site .site-learning-loop>div{align-items:center;gap:16px;font-size:13px}.site .site-learning-loop>div>span{background:#f1f5ee;border-radius:14px;padding:12px 16px}.site .site-learning-loop svg{color:#a6b5a5;width:18px}.site .site-learning-loop p{max-width:73ch;font-size:14px}.site .site-bottom-action{margin-block:30px 45px}.site .site-glossary-controls{margin-bottom:28px;padding-block:28px 0}.site .site-search{background:#f8faf6;border:1px solid #dce3d8;border-radius:17px;gap:12px;max-width:650px;padding:9px 17px;transition:border-color .18s,background-color .18s}.site .site-search:focus-within{background:#fff;border-color:#90ad9b}.site .site-search input{font-size:15px}.site .site-search input::placeholder{color:#899388;font-size:13px}.site .site-glossary-tabs button{--section-color:#829382;color:#697568;border:0;border-radius:13px;min-height:39px;padding:9px 15px;font-size:12px;transition:background-color .2s,color .2s}.site .site-glossary-tabs button:hover{background:#f3f6ef}.site .site-glossary-tabs button[aria-pressed=true]{background:color-mix(in srgb, var(--section-color) 13%, #fff);color:#364736}.site .site-glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.site .site-glossary-list article{border:1px solid var(--term-border,#e5eae1);border-radius:var(--site-round);background:var(--term-fill,#fff);flex-direction:column;padding:27px;scroll-margin-top:28px;display:flex}.site .site-term-heading{flex-wrap:wrap;align-items:center;gap:10px 15px;margin-bottom:16px}.site .site-term-heading h2{letter-spacing:-.4px;overflow-wrap:anywhere;font-size:36px;font-weight:300;line-height:1.3}.site .site-term-heading>span{letter-spacing:.2px;color:#6c7c6e;background:color-mix(in srgb, var(--section-color) 9%, #fff);border-radius:9px;padding:5px 9px;font-size:10px}.site .site-glossary-list dl>div{margin:0 0 18px}.site .site-glossary-list dt{color:#7d8c7b;letter-spacing:.9px;margin-bottom:6px;font-size:9px}.site .site-glossary-list dd{font-size:14px;line-height:1.85}.site .site-glossary-list dl>.site-term-example{background:#ffffff73;border:0;border-radius:13px;margin-bottom:22px;padding:15px 17px}.site .site-glossary-list .site-text-link{color:#587360;margin-top:auto;font-size:12px}.site .site-glossary-list .site-text-link svg{width:17px}.site .site-empty-search{padding-block:30px}@media (width<=1000px){.site .site-page-intro-split{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.site .site-page-intro{padding-bottom:42px}.site .site-page-intro h1{letter-spacing:-1px;font-size:clamp(35px,4.4vw,48px)}.site .site-page-intro-copy>p{font-size:15px}.site .site-app-list{gap:16px}.site .site-app-link{gap:13px;padding:20px}.site .site-app-label{flex-basis:44px;width:44px;min-height:44px;font-size:9px}.site .site-app-label.is-word{font-size:8px}.site .site-app-label>svg{width:27px;height:27px}.site .site-app-link h3{font-size:18px}.site .site-glossary-list{gap:18px}.site .site-glossary-list article{padding:22px}.site .site-term-heading h2{font-size:27.6px}}@media (width<=640px){.site .site-inner{padding-top:21px}.site .site-breadcrumb{gap:8px;margin-bottom:22px;font-size:10px}.site .site-page-intro-split{grid-template-columns:minmax(0,1fr);gap:20px}.site .site-page-intro{padding-block:4px 32px}.site .site-page-intro h1{margin:17px 0 20px;font-size:clamp(34px,9.4vw,43px);line-height:1.2}.site .site-page-intro-art{width:min(70%,250px)}.site .site-page-intro-art .site-sketch{max-height:112px}.site .site-page-illustration{max-height:124px}.site .site-page-intro-copy>p{font-size:14px}.site .site-page-intro .site-button{margin-top:22px;font-size:13px}.site .site-inner .site-course-paths{padding-top:26px}.site .site-inner .site-course-start{grid-template-columns:minmax(0,1fr);gap:28px}.site .site-principles.is-full{padding-block:28px}.site .site-course-nav{gap:7px;margin-bottom:10px;padding-block:18px}.site .site-course-nav>a{gap:7px;padding:9px 12px;font-size:12px}.site .site-course-nav .site-course-overview{flex-basis:100%;justify-content:flex-end;padding-top:6px}.site .site-catalog-section{margin-bottom:30px}.site .site-catalog-section .site-section-head{gap:10px;margin-bottom:18px}.site .site-catalog-section .site-section-head h2{font-size:24px}.site .site-app-list{grid-template-columns:minmax(0,1fr);gap:12px}.site .site-app-link{border-radius:18px;gap:13px;min-height:0;padding:20px 17px}.site .site-app-link>svg{width:16px}.site .site-app-link p{font-size:12px;line-height:1.8}.site .site-other-sections{flex-wrap:wrap}.site .site-other-sections a{font-size:13px}.site .site-material-branches{gap:14px;margin-top:22px}.site .site-material-branches>a{border-radius:17px;padding:8px 12px 19px}.site .site-material-branches .site-sketch{height:67px;margin-bottom:3px}.site .site-material-branches span{font-size:23px}.site .site-material-branches p{font-size:12px}.site .site-material-result{font-size:19px}.site .site-approach-question{padding-left:19px}.site .site-approach-question p{font-size:14px}.site .site-learning-notes{grid-template-columns:minmax(0,1fr);gap:27px}.site .site-learning-notes h2{font-size:25px}.site .site-learning-loop{margin-bottom:20px;padding-block:28px}.site .site-learning-loop>div{flex-direction:column;align-items:flex-start;gap:9px}.site .site-learning-loop>div>span{width:100%;padding:12px 16px}.site .site-learning-loop svg{align-self:center;transform:rotate(90deg)}.site .site-glossary-controls{margin-bottom:22px;padding-top:23px}.site .site-search{gap:9px;padding:6px 12px}.site .site-search input{font-size:14px}.site .site-search input::placeholder{font-size:11px}.site .site-glossary-tabs{gap:6px;margin-top:17px}.site .site-glossary-tabs button{padding:8px 12px;font-size:11px}.site .site-glossary-list{grid-template-columns:minmax(0,1fr);gap:16px}.site .site-glossary-list article{border-radius:18px;padding:21px}.site .site-glossary-list dd{font-size:13px}.site .site-term-heading h2{font-size:28.8px}}@media (prefers-reduced-motion:reduce){.site *,.site :before,.site :after{transition-duration:0s!important;animation-duration:0s!important}}.site-playground{justify-self:center;width:100%;max-width:420px;padding:16px 0}.site-playground.is-compact{max-width:390px}.site-demo-top{border-bottom:1px solid #e8ece5;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.site-demo-top>span{letter-spacing:.6px;color:#889087;max-width:145px;font-size:10px;line-height:1.7}.site-demo-tabs{background:#f5f7f2;border-radius:15px;gap:4px;padding:3px;display:flex}.site-demo-tabs button{color:#828c80;background:0 0;border:0;border-radius:12px;padding:9px 12px;font-size:12px;transition:color .18s,background-color .18s}.site-demo-tabs button[aria-pressed=true]{color:#43574a;background:#e9efe5}.site-demo-body{flex-direction:column;justify-content:center;min-height:270px;padding-top:22px;animation:.28s cubic-bezier(.22,.7,.28,1) both site-demo-enter;display:flex}.site-keyboard-figure{flex:1;place-items:center;min-height:185px;display:grid}.site-demo-keyboard{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;width:100%;max-width:338px;display:grid}.site-demo-key{aspect-ratio:1;background:var(--key-fill);width:100%;min-width:0;color:var(--key-ink);transform-origin:50%;border:0;border-radius:28.5714%;place-items:center;padding:0;transition:transform .18s cubic-bezier(.22,.7,.28,1),background-color .15s,box-shadow .15s;display:grid;position:relative}.site-demo-key span{font-size:19px;font-weight:300;line-height:1}.site-demo-key.is-active{background:color-mix(in srgb, var(--key-light) 86%, #fff);box-shadow:0 0 10px 2px var(--key-glow);transform:scale(1.05)}.site-demo-caption{text-align:center;color:#879084;min-height:19px;margin:19px 0 0;font-size:11px;line-height:1.7}.site-demo-notice{color:#956132;text-align:center;margin-top:12px;font-size:12px}.site-rhythm-figure{flex-direction:column;justify-content:center;gap:15px;display:flex}.site-rhythm-formula{letter-spacing:2px;text-align:center;color:#66716c;min-height:38px;font-size:28px;font-weight:300;line-height:1.35}.site-rhythm-row{justify-content:center;align-items:center;width:100%;height:70px;display:flex}.site-rhythm-stage{position:relative}.site-rhythm-canvas{transform-origin:0 0;isolation:isolate;height:40px;position:relative}.site-rhythm-hatch{pointer-events:none;transform-origin:0;opacity:0;height:36px;position:absolute;top:2px;left:0}.site-rhythm-hatch canvas{width:100%;height:36px;display:block}.site-rhythm-cell{z-index:1;transform-origin:0;will-change:transform;background:0 0;border:0;width:34px;height:48px;padding:0;position:absolute;top:-4px;left:0}.site-rhythm-cell>span{background:#fff;border:2.09px solid #b6c2d0;border-radius:28.5714%;width:34px;height:34px;transition:background-color 85ms,box-shadow 85ms;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.site-rhythm-cell.is-beat>span{border-width:2.66px;border-color:#93a2b6}.site-rhythm-cell:disabled{opacity:1;cursor:default}.site-rhythm-cell.has-hit{z-index:3}.site-rhythm-cell.has-hit>span{background:#7c8591;border:0}.site-rhythm-cell.is-active>span{background:#fff6d5;box-shadow:0 0 8px 1.3px #efcd6f30}.site-rhythm-cell.has-hit.is-active>span{background:#cdc8ac}.site-rhythm-contours{z-index:2;pointer-events:none;width:100%;height:40px;position:absolute;inset:0;overflow:visible}.site-rhythm-contours path{fill:none;stroke:#a0a8b1;stroke-width:2.04px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.site-rhythm-guide{color:#92998f;justify-content:space-between;align-self:center;width:min(100%,329px);font-size:10px;line-height:1.5;display:flex}.site-rhythm-play{color:#4e6554;background:#edf2e9;border:0;border-radius:14px;align-items:center;gap:11px;min-height:44px;margin:21px auto 0;padding:10px 18px;font-size:12px;transition:background-color .18s;display:flex}.site-rhythm-play:hover{background:#e5eddf}.site-rhythm-play span{font-size:10px}.site-demo-tabs button:focus-visible,.site-demo-key:focus-visible,.site-rhythm-play:focus-visible{outline-offset:4px;outline:2px solid #789c80}.site-rhythm-cell:focus-visible{outline:none}.site-rhythm-cell:focus-visible>span{outline-offset:4px;outline:2px solid #789c80}@keyframes site-demo-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.site-playground,.site-playground.is-compact{max-width:360px;padding-top:8px}.site-demo-top>span{max-width:126px;font-size:9px}.site-demo-tabs button{padding-inline:10px;font-size:11px}.site-demo-keyboard{gap:7px}.site-demo-key span{font-size:18px}.site-demo-caption{font-size:10px}.site-rhythm-formula{font-size:26px}}@media (prefers-reduced-motion:reduce){.site-playground *,.site-playground :before{transition:none!important;animation:none!important}}.site-syllable-practice{gap:var(--site-column-gap);padding-block:var(--site-section-space);border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}.site-practice-copy h2{letter-spacing:-.7px;margin:14px 0 22px;font-size:clamp(27px,2.6vw,34px);font-weight:300;line-height:1.35}.site-practice-copy>p{color:#7c857d;max-width:38ch;font-size:14px;line-height:1.9}.site-practice-steps{gap:17px;margin:26px 0 0;padding:0;list-style:none;display:grid}.site-practice-steps li{color:#9da59d;align-items:center;gap:13px;font-size:13px;transition:color .22s;display:flex}.site-practice-steps li>span{color:#8c9c8c;background:#f3f6ef;border-radius:10px;place-items:center;width:30px;height:30px;font-size:10px;transition:background-color .22s;display:grid}.site-practice-steps li.is-current{color:#354a3a}.site-practice-steps li.is-current>span{color:#55784e;background:#e4efdf}.site-practice-steps li.is-done{color:#71856c}.site-practice-panel{background:#fff;border:1px solid #e6ebe3;border-radius:22px;min-width:0;padding:22px}.site-practice-panel-head{letter-spacing:.3px;color:#8a9687;border-bottom:1px solid #eef1eb;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;font-size:10px;display:flex}.site-practice-reset{color:#7f8f7d;background:0 0;border:0;border-radius:50%;width:34px;height:34px;font-size:23px}.site-practice-reset:hover{background:#f1f5ed}.site-practice-formula{text-align:center;color:#758271;min-height:34px;margin-top:24px;font-size:23px;font-weight:300}.site-practice-reveal{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .46s cubic-bezier(.22,.7,.28,1),opacity .3s,visibility .46s;display:grid}.site-practice-reveal.is-open{opacity:1;visibility:visible;grid-template-rows:1fr}.site-practice-reveal>div{min-height:0;overflow:hidden}.site-practice-syllables{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;width:min(100%,337px);margin:4px auto 15px;display:grid}.site-practice-syllables button{color:#a4aca0;background:0 0;border:0;border-radius:12px;min-width:0;min-height:41px;padding:0;font-size:17px;font-weight:300;transition:background-color .1s,color .1s,transform .1s,box-shadow .1s}.site-practice-syllables button.is-stress{font-weight:400}.site-practice-syllables button.is-next{color:#596951;animation:2.6s ease-in-out infinite site-syllable-guide}.site-practice-syllables button.is-learned{color:#6a7764}.site-practice-syllables button.is-active{color:#485b3f;background:#fff1bc;transform:scale(1.05);box-shadow:0 0 8px 1px #efd06d26}.site-practice-syllables button:disabled{cursor:default;opacity:1}.site-practice-instruction{color:#7f897a;text-align:center;min-height:42px;margin:18px 0;font-size:12px;line-height:1.75}.site-practice-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.site .site-practice-actions .site-button{border-radius:14px;min-height:42px;padding:10px 16px;font-size:12px}.site-practice-actions button:disabled{opacity:.4;cursor:default}.site-practice-back,.site-practice-stop{color:#81907b;background:0 0;border:0;border-radius:12px;padding:11px 8px;font-size:11px}.site-practice-back:hover,.site-practice-stop:hover{background:#f4f7ef}.site-practice-circle-control{width:200px;height:200px;margin:32px auto;position:relative}.site-practice-circle{isolation:isolate;background:#c1cad6;border:0;border-radius:50%;width:100%;height:100%;margin:0;padding:0;transition:background-color 90ms,box-shadow .16s,transform .18s ease-out;display:block;position:relative}.site-practice-circle.is-hit{animation:.22s ease-out both site-practice-clap-press}.site-practice-circle:active{transform:scale(.97)}.site-practice-circle>svg{width:100%;height:100%;position:absolute;inset:0}.site-practice-clap-moments{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.site-practice-circle-hit{transform-box:fill-box;transform-origin:50%}.site-practice-circle-hit.is-active{animation:.36s ease-out both site-practice-clap-moment}.site-practice-circle-hit.is-active .site-practice-moment-light{opacity:1!important}@keyframes site-practice-clap-moment{0%,to{transform:translate(0)scale(1)}22%{transform:translate(var(--out-x),var(--out-y)) scale(1.32)}}@keyframes site-practice-clap-press{0%{background:#c8d0d8;transform:scale(.99)}to{background:#c1cad6;transform:scale(1)}}.site-practice-circle-orbit{pointer-events:none;will-change:transform;position:absolute;inset:9px}.site-practice-circle-orbit>span{background:#9bad9d;border-radius:50%;width:7px;height:7px;margin:-3.5px;position:absolute;top:0;left:50%}.site-practice-hands{pointer-events:none;position:absolute;inset:45px}.site-practice-hands>span{position:absolute;inset:0}.site-practice-hands canvas{width:100%;height:100%;display:block}.site-practice-clap-caption{text-align:center;color:#95a08e;margin:0;font-size:10px;line-height:1.8}@keyframes site-syllable-guide{0%,to{background:#fff8de;box-shadow:0 0 5px #efdc9f12}50%{background:#fff0b9;box-shadow:0 0 9px 2px #efdc9f25}}.site-preview-seasons>button{color:#64748b;background:0 0;border:0;border-radius:12px;width:64px;height:80px;padding:0;position:relative}.site-season-pencil{pointer-events:none;height:48px;position:absolute;inset:0 0 auto}.site-season-pencil canvas{width:100%;height:48px;display:block}.site-season-paper{pointer-events:none;background:radial-gradient(#ffffffeb,#ffffffb3 30%,#0000 72%);width:24px;height:40px;position:absolute;top:4px;left:calc(50% - 12px)}.site-season-number{place-items:center;height:48px;font-size:25px;font-weight:300;line-height:1;display:grid;position:absolute;inset:0 0 auto;transform:translateY(-2px)}.site-preview-seasons>button>small{color:#7c857a;margin:0;font-size:10px;display:block;position:absolute;inset:auto 0 6px}.site-preview-seasons>button:focus-visible,.site-syllable-practice button:focus-visible{outline-offset:4px;outline:2px solid #8ea885}@media (width<=720px){.site-syllable-practice{grid-template-columns:minmax(0,1fr);gap:27px}.site-practice-steps{gap:12px}.site-practice-panel{justify-self:center;width:100%;max-width:460px;padding:18px 14px}.site-practice-copy h2{font-size:29px}.site-practice-copy>p{font-size:13px}.site-practice-syllables button{border-radius:10px;min-height:38px;font-size:16px}}@media (prefers-reduced-motion:reduce){.site-syllable-practice *,.site-preview-seasons *{transition:none!important;animation:none!important}}.site-course-outline{padding-block:var(--site-section-space,64px);border-top:1px solid var(--site-line);scroll-margin-top:30px}.site-course-outline-layout{grid-template-columns:minmax(285px,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(36px,6vw,86px);display:grid}.site-course-tree{min-width:0}.site-course-tree ol{margin:0;padding:0;list-style:none}.site-course-branch+.site-course-branch{margin-top:12px}.site-course-branch-toggle{text-align:left;color:#3f4941;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:32px;padding:3px 8px 3px 0;font-size:16px;font-weight:400;display:flex}.site-course-branch-toggle>svg{color:#929b91;transition:transform .26s}.site-course-branch-toggle[aria-expanded=true]>svg{transform:rotate(90deg)}.site-course-section-dot{background:var(--lesson-color);opacity:.8;border-radius:50%;width:6px;height:6px}.site-course-branch-toggle small{letter-spacing:1px;color:#9aa195;font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px;font-weight:300}.site-course-branch-content{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .24s;display:grid}.site-course-branch-content.is-expanded{opacity:1;grid-template-rows:1fr}.site-course-branch-content>ol{min-height:0;padding-left:25px;overflow:hidden}.site-course-lesson{border-left:1px solid #e1e5dd;align-items:stretch;padding-left:15px;display:flex;position:relative}.site-course-lesson:before{content:"";border-top:1px solid #e1e5dd;width:12px;position:absolute;top:17px;left:-1px}.site-course-lesson:last-child{border-left-color:#0000}.site-course-lesson:last-child:after{content:"";border-left:1px solid #e1e5dd;height:17px;position:absolute;top:0;left:-1px}.site-course-lesson>a{color:#626d62;border-radius:9px 0 0 9px;flex:1;align-items:center;gap:13px;min-width:0;min-height:34px;padding:5px 8px;font-size:13px;line-height:1.65;transition:background-color .22s,color .22s;display:flex}.site-course-lesson-number{color:#a0a79b;font-variant-numeric:tabular-nums;letter-spacing:.4px;font-size:10px;transition:color .22s}.site-course-peek{color:#a7afa1;background:0 0;border:0;border-radius:0 9px 9px 0;flex:0 0 34px;place-items:center;width:34px;padding:0;transition:color .22s,background-color .22s;display:grid}.site-course-lesson:hover>a,.site-course-lesson.is-previewed>a,.site-course-lesson:focus-within>a,.site-course-lesson:hover>button,.site-course-lesson.is-previewed>button,.site-course-lesson:focus-within>button{background:color-mix(in srgb, var(--lesson-color) 8%, #fff);color:#364837}.site-course-lesson.is-previewed .site-course-lesson-number{color:color-mix(in srgb, var(--lesson-color) 65%, #626d62)}.site-course-tree-note{color:#8b9588;align-items:center;gap:9px;margin:28px 0 0;padding-left:22px;font-size:10px;line-height:1.7;display:flex}.site-course-tree-note svg{flex-shrink:0;width:15px}.site-course-preview-column{align-self:stretch;min-width:0}.site-course-preview{background:#fff;border:1px solid #e2e7dd;border-radius:18px 21px 19px 22px;max-width:520px;margin-inline:auto;transition:border-color .32s,opacity .28s;position:sticky;top:28px;overflow:hidden;box-shadow:0 16px 45px -30px #52604d38}.site-course-preview.is-closing{opacity:0;pointer-events:none}.site-course-preview.has-lesson{border-color:color-mix(in srgb, var(--lesson-color) 24%, #e2e7dd);animation:.32s course-caption-enter}@media (width>=681px){.site-course-preview.has-lesson{left:var(--preview-left);width:var(--preview-width);top:var(--preview-top,24px);z-index:8;max-height:calc(100svh - var(--preview-top,24px) - 24px);flex-direction:column;display:flex;position:fixed}.site-course-preview.has-lesson .site-course-preview-screen{flex:0 auto;min-height:0}.site-course-preview.has-lesson .site-course-preview-bar,.site-course-preview.has-lesson .site-course-preview-details{flex-shrink:0}.site-course-preview.is-compact .site-course-preview-details{min-height:0;padding-block:14px}.site-course-preview.is-compact .site-course-preview-details p,.site-course-preview.is-compact .site-course-preview-details .site-eyebrow{display:none}.site-course-preview.is-compact .site-course-preview-details h3{margin:0;font-size:18px}.site-course-preview.is-compact .site-course-preview-details .site-text-link{margin-top:8px}}.site-course-preview-bar{color:#828f7e;letter-spacing:.3px;background:#f9fbf7;border-bottom:1px solid #edf0e8;align-items:center;gap:14px;min-height:44px;padding:15px 18px;font-size:10px;display:flex}.site-course-preview-lights{gap:5px;display:flex}.site-course-preview-lights i{background:#bec8b9;border-radius:50%;width:4px;height:4px;display:block}.site-course-preview-lights i:nth-child(2){background:#d2d9c8}.site-course-preview-lights i:last-child{background:#dfe4d8}.site-course-preview-caption{margin-left:auto;font-size:9px}.site-course-preview-screen{aspect-ratio:760/650;background:#fff;position:relative;overflow:hidden}.site-course-preview-placeholder{opacity:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px;transition:opacity .32s;display:flex;position:absolute;inset:0}.site-course-preview-placeholder.is-hidden{opacity:0}.site-course-preview-placeholder .site-sketch{opacity:.55;width:54%;max-width:200px;height:auto;margin-bottom:25px}.site-course-preview-placeholder>span{color:#687967;font-size:16px}.site-course-preview-placeholder p{color:#a0aa9a;margin-top:10px;font-size:11px}.site-course-preview-page{opacity:0;pointer-events:none;transition:opacity .32s,transform .44s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(5px)}.site-course-preview-page.is-visible{opacity:1;transform:translateY(0)}.site-course-preview-page iframe{transform-origin:0 0;pointer-events:none;border:0;width:760px;height:740px;display:block}.site-course-preview-paper{pointer-events:none;background:linear-gradient(#0000,#fff);height:24px;position:absolute;bottom:0;left:0;right:0}.site-course-preview-details{background:#fcfdfb;border-top:1px solid #edf0e8;min-height:177px;padding:21px 25px 23px}.site-course-preview-details>div{animation:.32s both course-caption-enter}.site-course-preview-details .site-eyebrow{letter-spacing:1px;color:#909b8a;font-size:8px}.site-course-preview-details h3{color:#424f40;margin:10px 0 8px;font-size:22px;font-weight:300;line-height:1.45}.site-course-preview-details p{color:#7c8776;max-width:45ch;margin:0;font-size:12px;line-height:1.8}.site-course-preview-details .site-text-link{color:#627f65;gap:12px;margin-top:18px;font-size:11px}@keyframes course-caption-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.site-course-outline-layout{grid-template-columns:minmax(265px,1fr) minmax(0,1fr);gap:30px}.site-course-preview-details{padding:20px}.site-course-preview-details h3{font-size:20px}}@media (width<=680px){.site-course-outline-layout{grid-template-columns:minmax(0,1fr);gap:28px}.site-course-outline>.site-section-head{flex-wrap:wrap;align-items:flex-start;gap:15px}.site-course-outline .site-small-note{font-size:10px}.site-course-lesson>a{min-height:44px;font-size:14px}.site-course-peek{flex-basis:44px;width:44px}.site-course-lesson:before{top:22px}.site-course-lesson:last-child:after{height:22px}.site-course-preview-column{z-index:4;position:sticky;bottom:10px}.site-course-preview{display:none}.site-course-preview.has-lesson{border-radius:16px;grid-template-columns:42% minmax(0,1fr);display:grid;position:relative;top:auto;box-shadow:0 5px 30px #354a3426}.site-course-preview-bar{grid-column:1/-1;min-height:32px;padding:10px 13px}.site-course-preview-screen{align-self:center}.site-course-preview-details{border-top:0;border-left:1px solid #edf0e8;min-height:0;padding:15px 13px}.site-course-preview-details h3{margin:0 0 6px;font-size:16px}.site-course-preview-details .site-eyebrow{display:none}.site-course-preview-details p{font-size:10px;line-height:1.6}.site-course-preview-details .site-text-link{gap:5px;margin-top:9px;font-size:10px}.site-course-preview-details .site-text-link svg{width:13px}.site-course-preview-placeholder{padding:8px}.site-course-preview-placeholder>span{font-size:10px}.site-course-preview-placeholder .site-sketch{margin-bottom:8px}.site-course-preview-placeholder p{display:none}}@media (prefers-reduced-motion:reduce){.site-course-outline *,.site-course-outline :before,.site-course-outline :after{transition:none!important;animation:none!important}}.site-glossary-probe{border-top:1px solid color-mix(in srgb,var(--term-border,#e9ede6) 45%,transparent);margin:auto 0 18px}.site-glossary-probe-toggle{color:#587360;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:15px 0;font-size:12px;display:flex}.site-glossary-page{position:relative}.site-glossary-probe-toggle:hover,.site-glossary-probe.is-open .site-glossary-probe-toggle{color:#354d3d}.site-glossary-window-slot{z-index:12;pointer-events:none;position:absolute}.site-course-preview.site-glossary-window{z-index:12;opacity:0;visibility:hidden;pointer-events:none;transform-origin:24px 0;width:100%;max-width:none;max-height:calc(100dvh - 32px);transform:translate3d(var(--probe-from-x,-24px),var(--probe-from-y,-64px),0) scale(.94);flex-direction:column;margin:0;transition:opacity .28s,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s .42s;display:flex;position:relative;top:auto}.site-course-preview.site-glossary-window.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;animation:.42s cubic-bezier(.22,1,.36,1) both glossary-window-enter;transform:translate(0,0)scale(1)}.site-glossary-mask{z-index:11;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s,visibility 0s .42s;position:fixed;inset:0;overflow:hidden}.site-glossary-mask.is-visible{opacity:1;visibility:visible;transition-delay:0s;animation:.42s both glossary-mask-enter}.site-glossary-mask>svg{display:block}.site-glossary-window .site-course-preview-bar{flex:none;min-height:44px;padding:8px 16px}.site-glossary-window-close{color:#85917e;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;margin-left:auto;padding:0;display:grid}.site-glossary-window-close:hover{color:#516849;background:#edf2e8}.site-glossary-window-close:focus-visible{outline-offset:2px;outline:2px solid #8aa877}.site-glossary-window-content{overscroll-behavior:contain;min-height:0;overflow-y:auto}.site-glossary-window .site-glossary-demo{border:0;border-radius:0;padding:14px 20px}.site-glossary-demo{box-sizing:border-box;background:#fff;border:1px solid #e9ede6;border-radius:17px;grid-template-rows:64px minmax(0,1fr) 43px 46px;gap:8px;width:100%;height:440px;padding:14px 12px;display:grid}.site-glossary-demo-hint{color:#6c7b67;align-self:center;max-width:45ch;margin:0;font-size:12px;line-height:1.75}.site-glossary-demo-figure{flex-direction:column;justify-content:center;min-width:0;min-height:0;display:flex}.site-glossary-demo-actions{justify-content:center;align-items:center;gap:10px;min-height:43px;display:flex}.site-glossary-listen{color:#526a4c;background:#edf3e9;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:9px 15px;font-size:12px;transition:background-color .15s;display:inline-flex}.site-glossary-listen:hover{background:#e3eedc}.site-glossary-listen>span{font-size:9px}.site-glossary-reset{color:#8b9a86;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.site-glossary-reset:hover{background:#f2f6ef}.site-glossary-demo-status{text-align:center;color:#82907d;align-self:center;margin:0;font-size:11px;line-height:1.7}.site-glossary-demo+.site-text-link{padding-top:10px}.site-glossary-hit-figure{flex-direction:column;align-items:center;gap:13px;display:flex}.site-glossary-hit-cell{transform-origin:50%;background:#fff;border:3.014px solid #718096;border-radius:28.5714%;flex:none;width:34px;height:34px;padding:0;display:block}.site-glossary-hit-cell.has-hit{background:#7c8591;border:0}.site-glossary-hit-figure>span{color:#94a08e;font-size:10px}.site-glossary-parts{color:#8a9984;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.site-glossary-parts>span{margin-right:8px}.site-glossary-parts button{color:#84957e;background:0 0;border:0;border-radius:9px;min-height:32px;padding:5px 10px}.site-glossary-parts button[aria-pressed=true]{color:#526d49;background:#edf3e7}.site-glossary-timeline{flex:1;min-width:0;height:66px;margin:0 16px;position:relative}.site-glossary-demo-figure>.site-glossary-timeline{flex:0 0 66px}.site-glossary-timeline-line{background:#7f8da194;border-radius:999px;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.site-glossary-timeline button{background:0 0;border:0;width:32px;height:100%;padding:0;position:absolute;top:0}.site-glossary-timeline button>i{width:2px;height:var(--tick-height);opacity:.58;transform-origin:50%;background:#7f8da1;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-glossary-timeline button:not(.is-beat)>i{opacity:.8;background:#aeb9c8}.site-glossary-timeline button:first-of-type>i{opacity:1}.site-glossary-timeline button.is-active>i{opacity:1;animation:.36s ease-out glossary-tick-pulse}.site-glossary-timeline button:not(.is-beat).is-active>i{animation-name:glossary-subdivision-pulse}.site-glossary-timeline-hit{opacity:0;background:#7c8591;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 22px);left:12px}.site-glossary-timeline .has-hit .site-glossary-timeline-hit{opacity:1}.site-glossary-timeline .has-hit.is-active .site-glossary-timeline-hit{background:#b5ae90;transform:scale(1.2)}.site-glossary-ruler-cursor{opacity:0;pointer-events:none;will-change:transform;width:100%;height:8px;position:absolute;top:calc(50% - 4px);left:0}.site-glossary-ruler-cursor.is-visible{opacity:1}.site-glossary-ruler-cursor>i{background:#64748b;border-radius:50%;width:8px;height:8px;margin-left:-4px;display:block;box-shadow:0 0 8px #64748b2e}.site-glossary-interval{height:67px;margin:10px 22px 0;position:relative}.site-glossary-interval:before{content:"";background:#e3e9dd;height:1.5px;position:absolute;top:20px;left:0;right:0}.site-glossary-interval-ink{transform-origin:0;background:#a6b694;width:100%;height:2px;position:absolute;top:20px;left:0;transform:scaleX(0)}.site-glossary-interval-start,.site-glossary-interval-end{pointer-events:none;width:100%;position:absolute;top:15px;left:0}.site-glossary-interval i{opacity:0;background:#c3cdb9;border-radius:50%;width:10px;height:10px;margin-left:-5px;display:block}.site-glossary-interval.has-start .site-glossary-interval-start i,.site-glossary-interval.has-end .site-glossary-interval-end i{opacity:1;background:#7c8591}.site-glossary-interval.has-start:not(.has-end) .site-glossary-interval-end i{opacity:.5}.site-glossary-interval small{color:#8f9d88;font-size:9px;position:absolute;top:23px;left:-20px}.site-glossary-interval-end small{top:-19px}.site-glossary-interval-readout{text-align:center;color:#789168;font-variant-numeric:tabular-nums;font-size:22px;font-weight:300}.site-glossary-season-row{align-items:center;gap:9px;width:100%;display:flex}.site-glossary-season-row .site-rhythm-row{flex:1;min-width:0}.site-glossary-season-badge{isolation:isolate;background:0 0;border:0;flex:none;width:44px;height:52px;padding:0;display:block;position:relative}.site-glossary-season-badge>canvas{z-index:0;pointer-events:none;width:18px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-glossary-season-paper{z-index:1;pointer-events:none;background:radial-gradient(#ffffffeb,#ffffffb3 30%,#0000 72%);width:12px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-glossary-season-badge b{z-index:2;color:#64748b;transform-origin:50%;pointer-events:none;place-items:center;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.site-glossary-season-badge.is-active b{color:#475569;text-shadow:0 0 7px #64748b52;animation:.24s ease-out glossary-season-number-pulse}.site-glossary-season-badge.is-active>canvas{animation:.28s ease-out glossary-season-coat-pulse}.site-glossary-duration-count{color:#84907b;justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.site-glossary-duration-count strong{color:#6d8261;font-size:29px;font-weight:300;line-height:1.2}.site-glossary-duration-count span{font-size:10px;line-height:1.65}.site-glossary-duration-slider{color:#939e8c;grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:9px;font-size:9px;display:grid}.site-glossary-duration-slider input{accent-color:#8aa877;width:100%;min-width:0;margin:0}.site-glossary-demo .site-rhythm-cell>span{transition:none}.site-glossary-demo .site-rhythm-cell:not(.has-hit)>span{border-inline-width:var(--site-cell-border-x)}.site-glossary-demo .site-rhythm-cell.is-beat:not(.has-hit)>span{border-inline-width:var(--site-beat-border-x)}.site-glossary-demo .site-rhythm-cell.is-season-first:not(.has-hit)>span{border-width:3.014px;border-color:#718096;border-inline-width:var(--site-first-border-x)}.site-glossary-demo .site-rhythm-cell.is-active>span{transition:background-color 75ms,box-shadow 75ms}.site-glossary-demo .site-rhythm-cell.is-active{z-index:4}.site-glossary-demo button:focus-visible{outline-offset:4px;outline:2px solid #8aa877}.site-glossary-keys{gap:8px;width:100%;max-width:328px;margin:6px auto;display:grid}.site-glossary-keys .site-demo-key{justify-self:center;max-width:66px}.site-glossary-keys .site-demo-key[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--key-ink)}.site-glossary-keys .site-demo-key>span{font-size:13px;font-weight:800}.site-glossary-scale-context{color:#8a9984;justify-content:center;align-items:center;gap:25px;min-height:28px;margin-top:7px;font-size:10px;display:flex}.site-glossary-scale-context b{font-size:17px;font-weight:400}.site-glossary-moods{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 15px;width:min(100%,270px);margin:10px auto;display:grid}.site-glossary-mood{background:var(--mood-fill);color:var(--mood-ink);aspect-ratio:1;border:0;border-radius:28.5714%;width:100%;padding:0;transition:transform .15s,background-color .15s,box-shadow .15s}.site-glossary-mood svg{width:100%;height:100%;display:block}.site-glossary-mood.is-active{background:color-mix(in srgb,var(--mood-ink) 16%,var(--mood-fill));box-shadow:0 0 13px color-mix(in srgb,var(--mood-ink) 18%,transparent);transform:scale(1.05)}.site-glossary-circle{gap:4px;width:100%;display:grid}.site-glossary-circle .site-glossary-season-row,.site-glossary-circle .site-glossary-timeline{height:52px}.site-glossary-meter-choices{flex-wrap:wrap;gap:3px}.site-glossary-meter-choices button{padding-inline:8px;font-size:11px}.site-glossary-formula{text-align:center;letter-spacing:1px;color:#738568;min-height:34px;padding-top:14px;font-size:23px;font-weight:300}.site-glossary-formula small{letter-spacing:0;font-size:10px}.site-glossary-demo .site-rhythm-row.has-labels{height:112px}.site-glossary-demo .site-rhythm-label{color:#8d98a5;will-change:transform;isolation:isolate;background:0 0;border:0;border-radius:8px;width:34px;height:29px;padding:0;font-size:13px;font-weight:400;line-height:1;position:absolute;top:44px;left:0}.site-glossary-demo .site-rhythm-label:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(#fff1bc,#0000 75%);position:absolute;inset:0}.site-glossary-demo .site-rhythm-label>span{z-index:1;transform:scaleX(var(--site-text-scale-x));display:block;position:relative}.site-glossary-demo .site-rhythm-label.is-hit{color:#596779;font-weight:600}.site-glossary-demo .site-rhythm-label.is-active{color:#665324}.site-glossary-demo .site-rhythm-label.is-active:before{opacity:1}.site-glossary-demo .site-rhythm-label.is-active>span{animation:.18s ease-out glossary-syllable-pulse}.site-glossary-demo .site-rhythm-cell.has-degree>span{border-color:var(--degree-border);background:var(--degree-paper);color:var(--degree-ink);place-items:center;font-size:12px;font-weight:800;display:grid}.site-glossary-demo .site-rhythm-degree{font-weight:inherit;transform:scaleX(var(--site-text-scale-x));display:block}.site-glossary-demo .site-rhythm-cell.has-degree.has-hit>span{background:var(--degree-fill)}.site-glossary-demo .site-rhythm-cell.has-degree:is(.is-active,.is-chosen)>span{background:color-mix(in srgb,var(--degree-fill) 86%,#fff);box-shadow:0 0 8px 1.3px var(--degree-glow)}.site-glossary-demo .site-rhythm-cell.is-chosen:not(.has-degree)>span{background:#cdc8ac;box-shadow:0 0 8px 1.3px #efcd6f30}@keyframes glossary-window-enter{0%{opacity:0;transform:translate3d(var(--probe-from-x,-24px),var(--probe-from-y,-64px),0) scale(.94)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes glossary-mask-enter{0%{opacity:0}to{opacity:1}}@keyframes glossary-tick-pulse{0%,to{transform:translate(-50%,-50%)scaleY(1)}24%{transform:translate(-50%,-50%)scaleY(1.48)}}@keyframes glossary-subdivision-pulse{0%,to{transform:translate(-50%,-50%)scaleY(1)}24%{transform:translate(-50%,-50%)scaleY(1.35)}}@keyframes glossary-syllable-pulse{0%,to{transform:scaleX(var(--site-text-scale-x))}24%{transform:scaleX(var(--site-text-scale-x)) scale(1.05)}}@keyframes glossary-season-number-pulse{0%,to{transform:scale(1)}35%{transform:scale(1.2)}}@keyframes glossary-season-coat-pulse{0%,to{transform:translate(-50%,-50%)scaleY(1)}30%{transform:translate(-50%,-50%)scaleY(1.025)}}@media (width<=640px){.site-glossary-demo-hint{font-size:11px}.site-glossary-season-row{gap:6px}.site-glossary-season-badge{width:36px}.site-glossary-duration-slider{gap:6px;font-size:8px}.site-glossary-keys{gap:6px}}@media (prefers-reduced-motion:reduce){.site-glossary-demo *,.site-glossary-demo :before{transition:none!important;animation:none!important}.site-course-preview.site-glossary-window,.site-glossary-mask{transition:none;animation:none}}.site{--site-ink:#293b32;--site-copy:#526057;--site-muted:#657168;--site-line:#d5dbd1;--site-canvas:#f6f5f0;--site-accent:#365a43;--site-round:24px;--site-section-space:48px;background:var(--site-canvas);color:var(--site-ink);min-height:100vh;padding-bottom:1px}.site .site-width{width:min(1200px,100% - 80px)}.site :is(a,button,input):focus-visible{outline-offset:5px;outline:2px solid #396a54}.site :is(section[id],nav[id]){scroll-margin-top:28px}.site .site-eyebrow{color:#57664f;letter-spacing:1.4px;font-size:11px;font-weight:600}.site .site-text-link{color:#3c5c49;min-height:36px;font-weight:500}.site .site-text-link:hover{color:#213f2e}.site .site-button{background:var(--site-accent);border-color:var(--site-accent);border-radius:12px 14px 13px 11px;gap:25px;min-height:50px;padding:14px 22px;font-weight:500;transition:background-color .18s,box-shadow .18s,transform .18s;box-shadow:0 3px #233c2612}.site .site-button:hover{background:#294b35;box-shadow:0 5px 12px #233c2614}.site .site-header{border-bottom:1px solid #d4d9ce;gap:24px;min-height:94px}.site .site-brand{color:#344837}.site .site-nav a{border:1px solid #0000;border-radius:10px;padding:11px 13px;transition:background-color .18s,border-color .18s}.site .site-nav a:hover{background:#e9ede3}.site .site-nav a[aria-current=page]{color:#294a31;background:#e1e9da;border-color:#b7c7af}.site .site-header-app{color:#3f5743;background:#fff;border-color:#aebda9;border-radius:12px;min-height:43px;font-size:13px}.site .site-header-app:hover{background:#eaf0e5}.site .site-skip-link{color:var(--site-ink)}.site .site-hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:48px;padding-block:56px 40px}.site .site-hero h1{letter-spacing:-2.3px;color:var(--site-ink);margin:22px 0 25px;font-size:clamp(44px,4.65vw,68px);line-height:1.09}.site .site-hero h1>span{color:#916141}.site .site-hero-copy>p{color:var(--site-copy);font-size:16px;line-height:1.85}.site .site-hero-note{color:#667360;letter-spacing:.15px;font-size:12px;line-height:1.6}.site-hero-demo{background:#fff;border:1px solid #d8dfd2;border-radius:28px 32px 28px 30px;min-width:0;padding:22px 20px 12px;box-shadow:0 8px 30px -22px #30452b38}.site-demo-heading{border-bottom:1px solid #e5e9df;flex-direction:column;gap:6px;margin:0 7px 18px;padding-bottom:17px;display:flex}.site-demo-heading>span:last-child{color:#60715e;font-size:12px;line-height:1.6}.site .site-composition-source-hint{color:#687366}.site .site-composition-footer p{color:#64705e}.site .site-composition-placeholder{color:#6a7663}.site-first-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:44px;display:grid}.site-first-steps>a{background:#fff;border:1px solid #d4dacd;border-radius:17px;align-items:center;gap:15px;min-width:0;padding:21px 20px;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.site-first-steps>a:hover{background:#f9fbf6;border-color:#9fb696;transform:translateY(-2px)}.site-entry-number{color:#587549;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.site-first-steps>a>div{flex:1;min-width:0}.site-first-steps strong{margin-bottom:5px;font-size:16px;font-weight:500;line-height:1.4;display:block}.site-first-steps>a>div>span{color:#667262;font-size:11px;line-height:1.6;display:block}.site-first-steps>a>svg{color:#647958;flex:none;width:17px}.site .site-panel,.site .site-inner .site-panel{border:1px solid var(--panel-border,#d7ddd2);border-radius:var(--site-round);background:var(--panel-background,#fff);max-width:none;margin:0 0 32px;padding:clamp(26px,3.4vw,46px)}.site .site-panel-warm{--panel-background:#f3ebdc;--panel-border:#dfd2bb}.site .site-panel-sage{--panel-background:#eaf0e3;--panel-border:#cbd9c2}.site .site-panel-lilac{--panel-background:#efebf4;--panel-border:#d8d0e3}.site .site-section-head{align-items:flex-end;gap:22px;margin-bottom:28px}.site :is(.site-section-head,.site-chords-copy,.site-guide-teaser) h2,.site .site-course-start h2,.site .site-materials h2,.site .site-learning-loop h2,.site .site-approach-question h2{color:var(--site-ink);letter-spacing:-.7px;text-wrap:balance;font-size:clamp(26px,2.55vw,34px);font-weight:400;line-height:1.3}.site .site-section-head>.site-text-link{padding-bottom:0}.site .site-panel>.site-eyebrow,.site .site-panel .site-section-head .site-eyebrow,.site .site-panel :is(.site-chords-copy,.site-practice-copy)>.site-eyebrow{align-items:center;gap:9px;display:flex}.site .site-panel>.site-eyebrow:before,.site .site-panel .site-section-head .site-eyebrow:before,.site .site-panel :is(.site-chords-copy,.site-practice-copy)>.site-eyebrow:before{content:"";background:#8ba07a;border-radius:60% 40%;flex:none;width:18px;height:3px;display:block}.site .site-panel-warm .site-eyebrow:before{background:#c69b67}.site .site-path{border:1px solid color-mix(in srgb,var(--section-color) 35%,#e5e8df);background:color-mix(in srgb,var(--section-color) 7%,#fff);border-radius:18px;padding:22px 24px 24px;transition:border-color .22s,transform .22s,background-color .22s}.site .site-path-top{color:#61745b}.site .site-path .site-sketch{height:114px;margin:6px 0 14px}.site .site-path h3{color:#344535;font-size:28px;font-weight:400}.site .site-path p{color:#556252;font-size:14px;line-height:1.75}.site .site-path-label{color:#425b3f;letter-spacing:.9px;padding-top:22px;font-size:10px;font-weight:600}.site .site-material-note{color:#65705f;margin-top:22px}.site .site-chords{gap:52px}.site .site-chords-grid{background:#fffcf7;border:1px solid #e3d9c8;border-radius:24px;gap:12px 16px;width:min(100%,360px);padding:23px 26px}.site .site-chord-mood{color:#71634d;letter-spacing:.1px;font-size:11px}.site .site-chords-copy .site-chords-invitation{color:#73634f;font-size:13px}.site .site-principle-grid article{border-top:2px solid color-mix(in srgb,var(--section-color) 40%,#e3e7de);padding-top:21px;padding-left:0}.site .site-principle-number{color:#64775a;margin-bottom:15px;font-size:12px;display:block;position:static}.site .site-principle-grid h3{margin-bottom:12px;font-size:25px;font-weight:400}.site .site-principle-grid p{color:var(--site-copy);font-size:14px;line-height:1.8}.site .site-word-preview{background:#fff;border:1px solid #dad4e1;border-radius:20px;width:min(100%,380px);padding:28px}.site .site-word-preview>p{color:#596454;font-size:14px}.site .site-word-preview>small{color:#677261;font-size:12px}.site .site-tools-teaser{gap:26px}.site .site-breadcrumb>span:last-child{color:#374b36}.site .site-page-intro h1{color:var(--site-ink);font-size:clamp(36px,4.1vw,56px);line-height:1.18}.site .site-page-intro-copy>p{color:var(--site-copy);line-height:1.85}.site .site-page-intro-art{width:min(100%,310px)}.site .site-intro-actions{flex-wrap:wrap;align-items:center;gap:15px 24px;margin-top:26px;display:flex}.site .site-intro-actions .site-button{margin:0}.site-page-contents{background:#e9eee2;border:1px solid #d2dacb;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 32px;padding:19px 24px;display:flex}.site-page-contents>span{color:#5e6d55;padding-right:10px;font-size:11px}.site-page-contents>a{border-radius:8px;align-items:center;gap:9px;min-height:36px;padding:3px 9px;font-size:13px;transition:background-color .18s;display:inline-flex}.site-page-contents>a:hover{background:#fff9}.site-page-contents small{color:#657b58;font-size:10px}.site-page-contents svg{color:#6c7f5d;width:14px;height:14px;transform:rotate(90deg)}.site .site-course-nav{background:#e9eee2;border:1px solid #d2dacb;border-radius:15px;margin-bottom:32px;padding:10px 14px}.site .site-course-nav>a{color:#4e6146;min-height:42px}.site .site-course-nav>a[aria-current=page]{background:#fff;box-shadow:0 1px 4px #3a4a2920}.site .site-inner .site-course-start{gap:40px}.site .site-course-start>.site-playground{background:#fff;border:1px solid #cad9bd;border-radius:22px;max-width:440px;padding:24px}.site .site-demo-top>span,.site .site-demo-caption{color:#64735d}.site .site-demo-tabs button{color:#5c6b55}.site .site-demo-tabs button[aria-pressed=true]{color:#304a2a;background:#dce8d3}.site .site-app-link{background:#fafbf8;border-color:#d7dfd0;border-radius:17px;padding:24px}.site .site-app-link h3{color:#334730;font-weight:400}.site .site-app-link p{color:#596450;font-size:14px}.site .site-app-link:hover{background:#eef4e8;border-color:#a8be9a}.site .site-inline-note{color:#526848;background:#eaf0e3;border:0;border-left:3px solid #adc39a;border-radius:0 12px 12px 0;margin:12px 0 28px;padding:17px 22px}.site .site-course-outline-layout{grid-template-columns:minmax(290px,1fr) minmax(0,1fr);gap:40px}.site .site-course-branch{background:color-mix(in srgb,var(--lesson-color) 5%,#fff);border:1px solid #dce2d5;border-radius:13px;padding:12px 14px}.site .site-course-branch+.site-course-branch{margin-top:10px}.site .site-course-branch-toggle{color:#364a31;min-height:35px}.site .site-course-lesson>a{color:#4c5e44;font-size:13px}.site .site-course-lesson:hover>a,.site .site-course-lesson.is-previewed>a,.site .site-course-lesson:hover>button,.site .site-course-lesson.is-previewed>button{background:color-mix(in srgb,var(--lesson-color) 16%,#fff)}.site .site-course-tree-note{color:#65745b;padding-left:0;font-size:11px}.site .site-course-preview{border-color:#cbd6c2}.site .site-course-preview-placeholder p,.site .site-course-preview-details p{color:#637359}.site .site-syllable-practice{gap:40px}.site .site-practice-copy h2{color:var(--site-ink);font-weight:400;line-height:1.3}.site .site-practice-panel{border-color:#bfd0b2}.site .site-practice-panel-head,.site .site-practice-instruction,.site .site-practice-clap-caption{color:#637658}.site .site-materials>.site-eyebrow{justify-content:center}.site .site-material-branches>a{background:#f8f7ef;border-color:#dcdccf}.site .site-material-branches>a:last-child{background:#f0f5e9}.site .site-approach-question p{max-width:78ch;color:var(--site-copy)}.site .site-learning-notes{gap:20px;margin-bottom:32px}.site .site-learning-notes article{background:#fff;border:1px solid #d5ddce;border-radius:20px;padding:30px}.site .site-learning-loop>div>span{color:#425d34;background:#fff;border:1px solid #d2dec8}.site .site-learning-loop>div>span:last-child{background:#d8e5ce}.site .site-glossary-controls{background:#eaf0e3;border:1px solid #cad6bf;border-radius:22px;margin:0 0 28px;padding:26px 30px}.site-glossary-search-heading{flex-wrap:wrap;align-items:baseline;gap:12px 28px;margin-bottom:20px;display:flex}.site .site-glossary-search-heading h2{letter-spacing:-.4px;font-size:24px;font-weight:400}.site-glossary-search-heading p{color:#526949;font-size:13px;line-height:1.7}.site .site-search{background:#fff;border-color:#aebe9f;border-radius:13px;max-width:none;min-height:54px}.site .site-glossary-tabs{gap:9px;margin:18px 0 15px}.site .site-glossary-tabs button{color:#4d6145;background:#f9fbf6;border:1px solid #c1ceb5;border-radius:11px;min-height:42px;padding:10px 17px;font-size:13px}.site .site-glossary-tabs button[aria-pressed=true]{color:#fff;background:#44633a;border-color:#44633a}.site .site-glossary-list{gap:24px}.site .site-glossary-list article{border-color:color-mix(in srgb,var(--term-border) 65%,#889481);box-shadow:0 3px 9px -7px #28382045}.site .site-glossary-list dt{color:#586d53;font-size:10px}.site .site-term-heading>span{color:#465d40;background:#ffffffe0}.site .site-glossary-probe{border-top-color:#6c806844}.site .site-glossary-probe-toggle{color:#385a32;font-size:13px;font-weight:500}.site .site-glossary-probe-toggle:hover{color:#23491c}.site .site-footer{background:#e3eadb;border:1px solid #c9d4bf;border-radius:22px;margin-top:48px;margin-bottom:24px;padding:32px}.site .site-footer-main{gap:24px}.site .site-footer-nav{color:#455c3b;gap:25px;padding:25px 0;font-size:13px}.site .site-footer-nav a:hover{text-underline-offset:5px;text-decoration:underline}.site .site-footer-bottom{color:#5b6b50;border-color:#c7d3be;line-height:1.7}@media (width<=1080px){.site .site-width{width:calc(100% - 48px)}.site .site-header{gap:15px}.site .site-nav{gap:0}.site .site-nav a{padding-inline:10px;font-size:12px}.site .site-hero{gap:28px}.site .site-hero h1{font-size:clamp(42px,5.1vw,56px)}.site .site-hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.site-first-steps>a{gap:11px;padding:18px 14px}.site-first-steps strong{font-size:15px}.site .site-panel,.site .site-inner .site-panel{padding:30px}.site .site-path{padding:19px}.site .site-path .site-sketch{height:100px}.site .site-course-outline-layout{grid-template-columns:minmax(260px,1fr) minmax(0,1fr);gap:24px}.site .site-footer-main{flex-wrap:wrap}}@media (width<=880px){.site .site-header{min-height:80px}.site .site-menu-toggle{color:#3d5934;background:#e5ecdd;border-radius:10px;padding:12px;font-size:13px}.site .site-nav{background:#fff;border-color:#cbd6c2;border-radius:14px;top:73px;box-shadow:0 12px 26px #2b412018}.site .site-nav a{padding:12px 14px;font-size:15px}.site .site-page-intro-split{gap:25px}.site-first-steps{gap:10px}.site-entry-number,.site-first-steps>a>svg{display:none}.site-page-contents{gap:5px 10px;padding:16px}.site-page-contents>span{flex-basis:100%;margin-bottom:5px}}@media (width<=720px){.site .site-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:36px}.site .site-hero h1{font-size:clamp(43px,8.5vw,59px)}.site .site-hero-actions{flex-direction:row;align-items:center;gap:16px 22px}.site .site-hero-copy>p{font-size:15px}.site-hero-demo{justify-self:center;width:100%;max-width:580px}.site .site-chords,.site .site-guide-teaser,.site .site-inner .site-course-start{grid-template-columns:minmax(0,1fr);gap:30px}.site .site-course-preview-column{min-width:0}.site .site-section-head{flex-wrap:wrap;gap:15px}}@media (width<=680px){.site .site-course-outline-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.site .site-width{width:calc(100% - 32px)}.site .site-header{gap:12px;min-height:76px}.site .site-brand{font-size:19px}.site .site-header .site-brand>span>span{letter-spacing:1px;font-size:10px}.site .site-header-app{gap:8px;min-height:42px;padding:10px;font-size:11px}.site .site-header-app>svg{width:15px}.site .site-menu-toggle{gap:6px;min-height:42px;padding:10px;font-size:12px}.site .site-nav{top:69px}.site .site-hero h1{letter-spacing:-1.7px;margin:18px 0 22px}.site .site-hero-note{font-size:11px}.site-hero-demo{border-radius:23px;padding:19px 12px 8px}.site-demo-heading{gap:5px;margin-bottom:14px}.site-demo-heading>span:last-child{font-size:11px}.site-first-steps{grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:28px}.site-first-steps>a{gap:17px;padding:17px 18px}.site-entry-number,.site-first-steps>a>svg{display:block}.site-first-steps strong{font-size:16px}.site .site-panel,.site .site-inner .site-panel{border-radius:21px;margin-bottom:24px;padding:25px 21px}.site :is(.site-section-head,.site-chords-copy,.site-guide-teaser) h2,.site .site-course-start h2,.site .site-materials h2,.site .site-learning-loop h2,.site .site-approach-question h2{letter-spacing:-.6px;font-size:27px}.site .site-panel :is(.site-chords-copy,.site-practice-copy)>p,.site .site-guide-teaser>div>p,.site .site-course-start>div>p{font-size:14px}.site .site-path-grid{grid-template-columns:minmax(0,1fr);gap:13px}.site .site-path{grid-template-columns:minmax(0,1fr) 95px;gap:0 10px;padding:19px 16px}.site .site-path .site-sketch{width:95px;height:79px;margin:0}.site .site-path h3{font-size:26px}.site .site-path p{font-size:13px}.site .site-path-label{padding-top:18px}.site .site-material-note{font-size:11px;line-height:1.8}.site .site-principle-grid{gap:24px}.site .site-principle-grid article{padding-top:17px;padding-left:0}.site .site-principle-number{margin-bottom:10px;position:static}.site .site-chords-grid{gap:12px;padding:20px}.site .site-word-preview{padding:22px 18px}.site .site-tools-teaser{flex-wrap:wrap;gap:15px}.site .site-tools-teaser .site-sketch{width:75px}.site .site-tools-teaser>div{flex:1;min-width:160px}.site .site-tools-teaser>a{margin-left:0}.site .site-inner{padding-top:18px}.site .site-breadcrumb{margin-bottom:13px;font-size:11px}.site .site-page-intro{padding:16px 0 30px}.site .site-page-intro-split{grid-template-columns:minmax(0,1fr);gap:22px}.site .site-page-intro h1{letter-spacing:-1px;font-size:clamp(34px,8vw,43px)}.site .site-page-intro-copy>p{font-size:15px}.site .site-page-intro-art{width:min(65%,240px)}.site .site-intro-actions{gap:10px 20px;margin-top:23px}.site-page-contents{margin-bottom:24px}.site-page-contents>a{min-height:40px;padding-inline:4px;font-size:12px}.site .site-course-nav{margin-bottom:24px;padding:10px}.site .site-course-nav .site-course-overview{padding-right:8px}.site .site-app-list{gap:12px}.site .site-app-link{padding:18px 15px}.site .site-app-link h3{font-size:19px}.site .site-app-link p{font-size:13px}.site .site-course-start>.site-playground{padding:19px 14px}.site .site-course-branch{padding:10px}.site .site-course-branch-content>ol{padding-left:11px}.site .site-course-lesson{padding-left:9px}.site .site-course-lesson>a{gap:8px;font-size:13px}.site .site-course-lesson:before{width:8px}.site .site-learning-notes{gap:18px;margin-bottom:24px}.site .site-learning-notes article{padding:25px 22px}.site .site-learning-notes h2{font-size:25px}.site .site-glossary-controls{padding:23px 19px}.site-glossary-search-heading{gap:9px}.site .site-glossary-search-heading h2{font-size:23px}.site .site-glossary-tabs{gap:7px}.site .site-glossary-tabs button{padding-inline:14px;font-size:12px}.site .site-glossary-list{gap:20px}.site .site-footer{margin-top:30px;padding:25px 21px}.site .site-footer-main{align-items:flex-start;gap:17px}.site .site-footer-main>a:last-child{margin-left:0}.site .site-footer-nav{flex-wrap:wrap;gap:8px 22px;padding-block:23px}.site .site-footer-nav>a{align-items:center;min-height:36px;display:inline-flex}}@media (width<=380px){.site .site-header .site-brand>span>span{display:none}.site .site-header{gap:10px}.site .site-panel,.site .site-inner .site-panel{padding:22px 16px}.site .site-path{grid-template-columns:minmax(0,1fr) 76px;padding:17px 13px}.site .site-path .site-sketch{width:76px}.site .site-footer-bottom{font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site *,.site :before,.site :after{transition-duration:0s!important;animation-duration:0s!important}}.site .site-mood{scroll-margin-top:24px}.site-mood-intro{color:#63705e;max-width:370px;margin:0;font-size:14px;line-height:1.8}.site-mood-paper{background:#fff;border:1px solid #dce2d6;border-radius:24px;max-width:660px;margin:0 auto;padding:26px 44px 22px}.site-mood-material{flex-direction:column;align-items:center;gap:22px;padding:2px 0 28px;display:flex}.site-mood .site-demo-key{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.site-mood .site-demo-key:active{cursor:grabbing}.site-mood :is(.site-rhythm-cell.has-hit.has-degree,.site-mood-background.is-filled){cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.site-mood :is(.site-rhythm-cell.has-hit.has-degree,.site-mood-background.is-filled):active{cursor:grabbing}.site-mood .site-demo-key>svg{pointer-events:none;width:100%;height:100%}.site-mood .site-demo-key>span{font-weight:500}.site-mood .site-demo-key{transition:none}.site-mood .site-demo-key.is-active{transition:transform 75ms,background-color 75ms,box-shadow 75ms}.site-mood :is(.site-demo-key,.site-mood-background)>svg>:is(path,circle){stroke-width:1.8px}.site-mood :is(.site-demo-key,.site-mood-background)>svg>ellipse{stroke-width:1.15px}.site-mood-score{border-block:1px solid #e5e9e1;padding:22px 0 16px}.site-mood-random{color:#56684e;background:#f2f5ef;border:0;border-radius:10px;align-items:center;gap:9px;min-height:36px;padding:9px 10px;font-size:11px;display:flex}.site-mood-random>span{font-size:21px;line-height:1}.site-mood-seasons{max-width:480px;margin-inline:auto}.site-mood-season{--mood-badge-width:24px;--mood-gap:10px;--mood-cell-width:min(40px,calc((100% - var(--mood-badge-width) - var(--mood-gap) - var(--mood-gap) - 8px) / var(--mood-cell-columns)));grid-template-columns:var(--mood-badge-width) var(--mood-cell-width) minmax(0,1fr);-moz-column-gap:var(--mood-gap);column-gap:var(--mood-gap);align-items:center;height:56.4706px;display:grid;position:relative}.site-mood-season:not(:last-child):after{content:"";opacity:.4;pointer-events:none;background:#cbd5e1;height:1px;position:absolute;bottom:0;left:1px;right:1px}.site-mood-season .site-rhythm-row{min-width:0;height:47.0588px}.site-mood-season-badge{isolation:isolate;width:24px;height:47.0588px;display:block;position:relative}.site-mood-season-badge.is-active{transition:transform 75ms;transform:scale(1.05)}.site-mood-season-badge>canvas{width:24px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-mood-season-paper{background:radial-gradient(#ffffffeb,#ffffffb3 30%,#0000 72%);width:16px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-mood-season-badge b{color:#64748b;place-items:center;font-size:12px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.site-mood-season-badge.is-active b{color:#475569;animation:.24s ease-out glossary-season-number-pulse}.site-mood-season-badge.is-active>canvas{animation:.28s ease-out glossary-season-coat-pulse}.site-mood-background{color:#98a5b5;background:#fff;border:2.46px solid #b6c2d0;border-radius:28.5714%;place-items:center;width:40px;height:40px;padding:0;transition:background-color .1s;display:grid}.site-mood-season .site-mood-background{width:100%;min-width:0}.site-mood-background>svg{width:100%;max-width:34px;height:34px;display:block}.site-mood-background.is-filled{color:var(--mood-ink);background:var(--mood-fill);border-color:color-mix(in srgb,var(--mood-ink) 45%,white)}.site-mood-background:is(.is-mood-drop,.is-chosen){border-color:#8fa481;box-shadow:0 0 0 3px #a8b99a33}.site-mood-background.is-active{transition:transform 75ms,background-color 75ms;transform:scale(1.05)}.site-mood-background.is-sounding.is-filled{box-shadow:0 0 9px color-mix(in srgb,var(--mood-ink) 25%,transparent)}.site-mood-backgrounds{padding:23px 0 20px}.site-mood-transport{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:2px;display:flex}.site .site-mood-transport .site-button{gap:9px;min-width:102px;min-height:44px;padding:11px 14px;font-size:12px}.site-mood-transport .site-button>span{font-size:10px}.site .site-mood-secondary{color:#5c6c55;box-shadow:none;background:#f5f7f2;border-color:#dde4d6}.site .site-mood-secondary:hover{background:#edf2e8;border-color:#bdcdb3}.site-mood .site-button:disabled{opacity:.6;cursor:wait;transform:none}.site-mood-clear{width:102px}.site-mood-clear>.site-button{width:100%}.site-mood-clear-choices{background:#f1c3bb;border-radius:12px;grid-template-columns:1fr 1fr;animation:.16s ease-out both site-mood-confirm-in;display:grid}.site .site-mood-clear-choices .site-button{min-width:0;box-shadow:none;border:1px solid #0000;padding:11px 4px}.site .site-mood-clear-choices .site-mood-clear-no{color:#356543;background:#d9ebd6;border-color:#c0d9bc;border-radius:12px 0 0 12px}.site .site-mood-clear-choices .site-mood-clear-yes{color:#973c32;background:#f1c3bb;border-color:#e6aaa0;border-radius:0 12px 12px 0}.site .site-mood-clear-no:hover{background:#c9e2c4}.site .site-mood-clear-yes:hover{background:#eeb0a5}.site .site-mood-clear-choices .site-button:hover{transform:none}@keyframes site-mood-confirm-in{0%{opacity:.5}to{opacity:1}}.site-mood button:focus-visible{outline-offset:4px;outline:2px solid #789c80}.site-mood .site-rhythm-cell:focus-visible{outline:none}.site-mood .site-rhythm-cell>span{transition:none}.site-mood .site-rhythm-cell:not(.has-hit)>span{border-inline-width:var(--site-cell-border-x)}.site-mood .site-rhythm-cell.is-beat:not(.has-hit)>span{border-inline-width:var(--site-beat-border-x)}.site-mood .site-rhythm-cell.has-degree>span{border-color:var(--degree-border);color:var(--degree-ink);background:var(--degree-paper);place-items:center;font-size:12px;display:grid}.site-mood .site-rhythm-cell.has-degree.has-hit>span{background:var(--degree-fill)}.site-mood .site-rhythm-degree{transform:scaleX(var(--site-text-scale-x));font-weight:600}.site-mood .site-rhythm-cell.is-active .site-rhythm-degree{transform:scaleX(var(--site-text-scale-x)) scale(1.12);color:color-mix(in srgb,var(--degree-ink) 82%,#000);text-shadow:0 0 4px var(--degree-glow)}.site-mood.is-playing .site-rhythm-cell.has-hit.is-active>span{animation:.36s ease-out both site-mood-hit-pulse}.site-mood.is-playing .site-rhythm-cell.has-hit.is-active .site-rhythm-degree{animation:.24s ease-out both site-mood-degree-pulse}@keyframes site-mood-hit-pulse{0%,to{transform:translateY(-50%)scale(1)}22%{transform:translateY(-50%)scale(1.07)}}@keyframes site-mood-degree-pulse{0%{transform:scaleX(var(--site-text-scale-x))}35%{transform:scaleX(var(--site-text-scale-x)) scale(1.2)}to{transform:scaleX(var(--site-text-scale-x)) scale(1.12)}}.site-mood .site-rhythm-cell.has-hit:is(.is-chosen,.is-mood-drop)>span{background:#abaca0;box-shadow:0 0 9px #dfc77c33}.site-mood .site-rhythm-cell.has-degree.has-hit:is(.is-active,.is-chosen,.is-mood-drop)>span{background:color-mix(in srgb,var(--degree-fill) 86%,white);box-shadow:0 0 8px 1.3px var(--degree-glow)}.site-mood .site-rhythm-cell.has-degree:not(.has-hit).is-active>span{background:color-mix(in srgb,var(--degree-paper) 60%,#fff1bc)}.site-mood .site-rhythm-cell.is-active{z-index:4}.site-mood-phantom{z-index:200;pointer-events:none;font-family:inherit;position:fixed;transform:translate(-50%,-50%)}.site-mood-phantom-fill{background:var(--mood-fill);border-radius:28.5714%;position:absolute;inset:0}.site-mood-phantom.is-dragging .site-mood-phantom-fill{border-radius:50%}.site-mood-phantom-label{color:var(--mood-ink);place-items:center;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}.site-mood-phantom-label>svg{width:100%;height:100%}.site-mood-phantom.is-flying{animation:.2s cubic-bezier(.2,.55,.45,1) both site-mood-to-cell}.site-mood-phantom.is-flying .site-mood-phantom-fill{animation:.2s cubic-bezier(.2,.55,.45,1) both site-mood-spread}@keyframes site-mood-to-cell{0%{transform:translate(-50%,-50%)}to{transform:translate(calc(-50% + var(--flight-x)),calc(-50% + var(--flight-y)))}}@keyframes site-mood-spread{0%{transform:scale(var(--flight-scale-x),var(--flight-scale-y));border-radius:50%}to{border-radius:28.5714%;transform:scale(1)}}@media (width<=640px){.site-mood-intro{font-size:13px}.site-mood-paper{border-radius:18px;margin-inline:-8px;padding:24px 16px 20px}.site-mood-season{--mood-badge-width:22px;--mood-gap:8px}.site-mood-season-badge{width:22px}.site-mood-random{gap:5px;padding-inline:8px;font-size:10px}.site-mood-transport{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site .site-mood-transport .site-button{min-width:0}.site-mood-clear{width:100%}}@media (prefers-reduced-motion:reduce){.site-mood-phantom,.site-mood-phantom *,.site-mood-clear-choices,.site-mood .site-rhythm-degree,.site-mood .site-rhythm-cell>span,.site-mood-season-badge,.site-mood-season-badge *,.site-mood .site-demo-key,.site-mood-background{transition:none!important;animation:none!important}}.site{--ink:#252525;--graphite:#626262;--muted:#767676;--pencil-light:#b7b7b7;--line:#e6e6e6;--line-strong:#d2d2d2;--paper:#f7f7f5;--white:#fff;--orange:#f47a37;--orange-ink:#b4521c;--teal:#18aaa6;--teal-ink:#0e7c78;--green:#4ac336;--green-ink:#2f7d22;--red:#de4b49;--red-ink:#b83a38;--tint-orange:color-mix(in srgb, var(--orange) 7%, #fff);--tint-teal:color-mix(in srgb, var(--teal) 7%, #fff);--tint-green:color-mix(in srgb, var(--green) 7%, #fff);--radius-l:28px 31px 29px 30px;--radius-m:18px 20px 19px 17px;--radius-s:12px 14px 13px 11px;--ease:cubic-bezier(.22,.65,.36,1);--site-ink:var(--ink);--site-copy:var(--graphite);--site-muted:var(--muted);--site-line:var(--line);--site-canvas:var(--white);--site-accent:var(--ink);--site-paper:var(--paper);--site-round:22px;background:var(--white);color:var(--ink);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Open Sans,Segoe UI,Helvetica Neue,Arial,sans-serif}.site ::selection{background:color-mix(in srgb, var(--orange) 26%, #fff);color:var(--ink)}.site :is(a,button,input,summary):focus-visible{outline:2px solid var(--teal-ink);outline-offset:4px;border-radius:6px}.site :is(h1,h2,h3){color:var(--ink);text-wrap:balance}.site :is(p,dd,li){text-wrap:pretty}.site{--pencil-underline-orange:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 16%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 9.0C60 8.5 150 6.3 236 6.0%22 stroke=%22%23F47A37%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%220.95%22/%3E%3Cpath d=%22M7 10.5C60 11.0 150 7.6 230 8.5%22 stroke=%22%23F47A37%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--pencil-dash-orange:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 28 6%22%3E%3Cpath d=%22M2 3.6C9 2.4 18 2.2 26 2.8%22 stroke=%22%23F47A37%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M5 4.4C12 3.6 19 3.5 24 3.9%22 stroke=%22%23F47A37%22 stroke-width=%221%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%22.5%22/%3E%3C/svg%3E");--pencil-hatch-orange:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 280 190%22 fill=%22none%22%3E%3Cg stroke=%22%23F47A37%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M282.0 70.2Q281.3 69.3 281.0 68.3%22 stroke-width=%220.71%22 opacity=%220.24%22/%3E%3Cpath d=%22M281.0 68.3Q278.8 65.3 277.6 61.8%22 stroke-width=%220.71%22 opacity=%220.54%22/%3E%3Cpath d=%22M277.6 61.8Q276.9 60.8 276.6 59.6%22 stroke-width=%220.71%22 opacity=%220.22%22/%3E%3Cpath d=%22M279.3 74.6Q278.6 72.9 277.7 71.4%22 stroke-width=%221.03%22 opacity=%220.25%22/%3E%3Cpath d=%22M277.7 71.4Q275.2 65.7 272.1 60.3%22 stroke-width=%221.03%22 opacity=%220.55%22/%3E%3Cpath d=%22M272.1 60.3Q271.2 58.5 270.2 56.8%22 stroke-width=%221.03%22 opacity=%220.22%22/%3E%3Cpath d=%22M275.3 75.6Q274.5 73.8 273.5 72.2%22 stroke-width=%220.59%22 opacity=%220.27%22/%3E%3Cpath d=%22M273.5 72.2Q270.8 66.3 267.6 60.6%22 stroke-width=%220.59%22 opacity=%220.59%22/%3E%3Cpath d=%22M267.6 60.6Q266.8 58.7 265.7 56.9%22 stroke-width=%220.59%22 opacity=%220.24%22/%3E%3Cpath d=%22M268.7 76.8Q266.5 73.0 264.7 68.9%22 stroke-width=%220.61%22 opacity=%220.29%22/%3E%3Cpath d=%22M264.7 68.9Q257.1 55.6 250.8 41.6%22 stroke-width=%220.61%22 opacity=%220.65%22/%3E%3Cpath d=%22M250.8 41.6Q248.3 37.3 246.3 32.8%22 stroke-width=%220.61%22 opacity=%220.26%22/%3E%3Cpath d=%22M266.9 80.4Q265.7 77.5 264.1 74.8%22 stroke-width=%220.92%22 opacity=%220.22%22/%3E%3Cpath d=%22M264.1 74.8Q259.9 64.7 254.2 55.5%22 stroke-width=%220.92%22 opacity=%220.49%22/%3E%3Cpath d=%22M254.2 55.5Q252.9 52.2 251.0 49.2%22 stroke-width=%220.92%22 opacity=%220.20%22/%3E%3Cpath d=%22M263.1 77.0L257.8 66.6%22 stroke-width=%220.64%22 opacity=%220.22%22/%3E%3Cpath d=%22M261.0 79.7Q258.8 76.1 257.2 72.2%22 stroke-width=%220.66%22 opacity=%220.22%22/%3E%3Cpath d=%22M257.2 72.2Q249.7 59.7 244.0 46.3%22 stroke-width=%220.66%22 opacity=%220.48%22/%3E%3Cpath d=%22M244.0 46.3Q241.6 42.3 239.8 38.0%22 stroke-width=%220.66%22 opacity=%220.19%22/%3E%3Cpath d=%22M252.7 76.9Q250.4 71.9 247.7 67.0%22 stroke-width=%220.94%22 opacity=%220.22%22/%3E%3Cpath d=%22M247.7 67.0Q239.6 49.7 230.4 33.1%22 stroke-width=%220.94%22 opacity=%220.50%22/%3E%3Cpath d=%22M230.4 33.1Q227.8 27.5 224.8 22.1%22 stroke-width=%220.94%22 opacity=%220.20%22/%3E%3Cpath d=%22M253.8 86.7Q250.8 80.9 247.9 75.0%22 stroke-width=%220.74%22 opacity=%220.22%22/%3E%3Cpath d=%22M247.9 75.0Q237.4 55.0 227.4 34.7%22 stroke-width=%220.74%22 opacity=%220.50%22/%3E%3Cpath d=%22M227.4 34.7Q224.0 28.3 220.7 21.7%22 stroke-width=%220.74%22 opacity=%220.20%22/%3E%3Cpath d=%22M246.6 86.2Q244.4 81.1 241.6 76.3%22 stroke-width=%221.00%22 opacity=%220.21%22/%3E%3Cpath d=%22M241.6 76.3Q233.8 58.9 224.3 42.3%22 stroke-width=%221.00%22 opacity=%220.48%22/%3E%3Cpath d=%22M224.3 42.3Q221.8 36.7 218.7 31.3%22 stroke-width=%221.00%22 opacity=%220.19%22/%3E%3Cpath d=%22M251.5 102.6Q248.2 96.8 245.5 90.8%22 stroke-width=%220.99%22 opacity=%220.20%22/%3E%3Cpath d=%22M245.5 90.8Q234.0 71.0 224.8 50.1%22 stroke-width=%220.99%22 opacity=%220.45%22/%3E%3Cpath d=%22M224.8 50.1Q221.1 43.7 218.1 37.0%22 stroke-width=%220.99%22 opacity=%220.18%22/%3E%3Cpath d=%22M251.3 113.4Q246.8 105.0 242.6 96.4%22 stroke-width=%220.68%22 opacity=%220.21%22/%3E%3Cpath d=%22M242.6 96.4Q227.2 67.3 212.7 37.7%22 stroke-width=%220.68%22 opacity=%220.48%22/%3E%3Cpath d=%22M212.7 37.7Q207.7 28.3 203.1 18.7%22 stroke-width=%220.68%22 opacity=%220.19%22/%3E%3Cpath d=%22M245.4 113.1Q241.4 104.7 237.0 96.6%22 stroke-width=%220.83%22 opacity=%220.19%22/%3E%3Cpath d=%22M237.0 96.6Q223.2 67.9 208.1 39.8%22 stroke-width=%220.83%22 opacity=%220.43%22/%3E%3Cpath d=%22M208.1 39.8Q203.6 30.5 198.8 21.5%22 stroke-width=%220.83%22 opacity=%220.17%22/%3E%3Cpath d=%22M241.3 115.3Q238.1 108.7 234.6 102.2%22 stroke-width=%220.77%22 opacity=%220.18%22/%3E%3Cpath d=%22M234.6 102.2Q223.6 79.3 211.6 57.0%22 stroke-width=%220.77%22 opacity=%220.39%22/%3E%3Cpath d=%22M211.6 57.0Q208.0 49.6 204.1 42.5%22 stroke-width=%220.77%22 opacity=%220.16%22/%3E%3Cpath d=%22M232.2 100.6L218.7 74.0%22 stroke-width=%220.54%22 opacity=%220.18%22/%3E%3Cpath d=%22M236.9 114.8Q233.4 108.2 230.1 101.4%22 stroke-width=%220.84%22 opacity=%220.25%22/%3E%3Cpath d=%22M230.1 101.4Q217.9 78.7 206.7 55.5%22 stroke-width=%220.84%22 opacity=%220.56%22/%3E%3Cpath d=%22M206.7 55.5Q202.7 48.1 199.1 40.6%22 stroke-width=%220.84%22 opacity=%220.22%22/%3E%3Cpath d=%22M231.8 107.5L215.5 75.5%22 stroke-width=%220.59%22 opacity=%220.25%22/%3E%3Cpath d=%22M223.0 100.7Q218.9 92.9 215.0 84.9%22 stroke-width=%220.71%22 opacity=%220.25%22/%3E%3Cpath d=%22M215.0 84.9Q200.6 58.0 187.2 30.4%22 stroke-width=%220.71%22 opacity=%220.56%22/%3E%3Cpath d=%22M187.2 30.4Q182.6 21.8 178.3 12.9%22 stroke-width=%220.71%22 opacity=%220.22%22/%3E%3Cpath d=%22M225.2 112.3Q221.5 105.4 218.2 98.5%22 stroke-width=%220.95%22 opacity=%220.26%22/%3E%3Cpath d=%22M218.2 98.5Q205.5 74.9 193.9 50.8%22 stroke-width=%220.95%22 opacity=%220.59%22/%3E%3Cpath d=%22M193.9 50.8Q189.8 43.2 186.1 35.5%22 stroke-width=%220.95%22 opacity=%220.23%22/%3E%3Cpath d=%22M218.6 110.9Q215.2 104.8 212.2 98.5%22 stroke-width=%220.98%22 opacity=%220.22%22/%3E%3Cpath d=%22M212.2 98.5Q200.6 77.4 190.4 55.6%22 stroke-width=%220.98%22 opacity=%220.49%22/%3E%3Cpath d=%22M190.4 55.6Q186.6 48.8 183.3 41.8%22 stroke-width=%220.98%22 opacity=%220.20%22/%3E%3Cpath d=%22M217.7 120.9Q213.5 113.0 209.6 105.0%22 stroke-width=%221.05%22 opacity=%220.18%22/%3E%3Cpath d=%22M209.6 105.0Q195.3 77.7 181.6 50.1%22 stroke-width=%221.05%22 opacity=%220.40%22/%3E%3Cpath d=%22M181.6 50.1Q177.0 41.3 172.6 32.4%22 stroke-width=%221.05%22 opacity=%220.16%22/%3E%3Cpath d=%22M213.2 123.0Q209.2 115.6 205.6 108.0%22 stroke-width=%220.59%22 opacity=%220.21%22/%3E%3Cpath d=%22M205.6 108.0Q191.6 82.6 179.3 56.3%22 stroke-width=%220.59%22 opacity=%220.48%22/%3E%3Cpath d=%22M179.3 56.3Q174.7 48.1 170.8 39.6%22 stroke-width=%220.59%22 opacity=%220.19%22/%3E%3Cpath d=%22M207.6 118.9Q203.7 111.2 199.7 103.4%22 stroke-width=%220.86%22 opacity=%220.25%22/%3E%3Cpath d=%22M199.7 103.4Q186.1 76.7 172.5 49.9%22 stroke-width=%220.86%22 opacity=%220.55%22/%3E%3Cpath d=%22M172.5 49.9Q168.1 41.3 163.7 32.7%22 stroke-width=%220.86%22 opacity=%220.22%22/%3E%3Cpath d=%22M209.9 134.8Q205.3 125.3 200.3 116.0%22 stroke-width=%221.00%22 opacity=%220.18%22/%3E%3Cpath d=%22M200.3 116.0Q184.7 83.3 167.4 51.5%22 stroke-width=%221.00%22 opacity=%220.40%22/%3E%3Cpath d=%22M167.4 51.5Q162.3 40.9 156.8 30.6%22 stroke-width=%221.00%22 opacity=%220.16%22/%3E%3Cpath d=%22M194.2 115.4Q190.6 108.1 186.9 101.0%22 stroke-width=%220.95%22 opacity=%220.18%22/%3E%3Cpath d=%22M186.9 101.0Q174.4 76.1 161.6 51.4%22 stroke-width=%220.95%22 opacity=%220.40%22/%3E%3Cpath d=%22M161.6 51.4Q157.6 43.4 153.5 35.4%22 stroke-width=%220.95%22 opacity=%220.16%22/%3E%3Cpath d=%22M194.8 129.0Q191.1 121.6 187.3 114.3%22 stroke-width=%220.97%22 opacity=%220.16%22/%3E%3Cpath d=%22M187.3 114.3Q174.4 88.9 161.5 63.6%22 stroke-width=%220.97%22 opacity=%220.37%22/%3E%3Cpath d=%22M161.5 63.6Q157.3 55.4 153.1 47.2%22 stroke-width=%220.97%22 opacity=%220.15%22/%3E%3Cpath d=%22M183.3 116.0Q181.7 112.3 179.6 108.7%22 stroke-width=%220.76%22 opacity=%220.17%22/%3E%3Cpath d=%22M179.6 108.7Q173.9 95.8 166.8 83.6%22 stroke-width=%220.76%22 opacity=%220.38%22/%3E%3Cpath d=%22M166.8 83.6Q165.0 79.5 162.7 75.6%22 stroke-width=%220.76%22 opacity=%220.15%22/%3E%3Cpath d=%22M186.4 131.3Q183.4 124.7 179.8 118.4%22 stroke-width=%220.57%22 opacity=%220.18%22/%3E%3Cpath d=%22M179.8 118.4Q169.5 95.6 157.1 73.8%22 stroke-width=%220.57%22 opacity=%220.41%22/%3E%3Cpath d=%22M157.1 73.8Q153.8 66.4 149.8 59.4%22 stroke-width=%220.57%22 opacity=%220.16%22/%3E%3Cpath d=%22M178.4 123.8Q175.4 117.1 171.8 110.8%22 stroke-width=%220.62%22 opacity=%220.22%22/%3E%3Cpath d=%22M171.8 110.8Q161.6 87.9 149.1 66.2%22 stroke-width=%220.62%22 opacity=%220.48%22/%3E%3Cpath d=%22M149.1 66.2Q145.8 58.8 141.7 51.8%22 stroke-width=%220.62%22 opacity=%220.19%22/%3E%3Cpath d=%22M171.9 121.3Q169.5 116.5 167.0 111.7%22 stroke-width=%220.86%22 opacity=%220.19%22/%3E%3Cpath d=%22M167.0 111.7Q158.8 95.2 150.2 78.8%22 stroke-width=%220.86%22 opacity=%220.43%22/%3E%3Cpath d=%22M150.2 78.8Q147.6 73.4 144.8 68.1%22 stroke-width=%220.86%22 opacity=%220.17%22/%3E%3Cpath d=%22M163.4 118.7Q160.6 112.8 157.4 107.0%22 stroke-width=%220.56%22 opacity=%220.18%22/%3E%3Cpath d=%22M157.4 107.0Q147.9 86.5 136.9 66.8%22 stroke-width=%220.56%22 opacity=%220.39%22/%3E%3Cpath d=%22M136.9 66.8Q133.9 60.1 130.3 53.8%22 stroke-width=%220.56%22 opacity=%220.16%22/%3E%3Cpath d=%22M168.8 139.3Q164.3 130.5 159.9 121.7%22 stroke-width=%220.86%22 opacity=%220.19%22/%3E%3Cpath d=%22M159.9 121.7Q144.4 91.5 129.0 61.2%22 stroke-width=%220.86%22 opacity=%220.42%22/%3E%3Cpath d=%22M129.0 61.2Q124.0 51.4 119.1 41.6%22 stroke-width=%220.86%22 opacity=%220.17%22/%3E%3Cpath d=%22M157.4 125.6Q156.1 122.5 154.3 119.6%22 stroke-width=%220.78%22 opacity=%220.18%22/%3E%3Cpath d=%22M154.3 119.6Q149.9 108.8 143.8 98.9%22 stroke-width=%220.78%22 opacity=%220.39%22/%3E%3Cpath d=%22M143.8 98.9Q142.4 95.4 140.4 92.2%22 stroke-width=%220.78%22 opacity=%220.16%22/%3E%3Cpath d=%22M157.3 138.4Q152.9 130.5 149.2 122.3%22 stroke-width=%220.78%22 opacity=%220.18%22/%3E%3Cpath d=%22M149.2 122.3Q134.0 95.3 121.0 67.1%22 stroke-width=%220.78%22 opacity=%220.41%22/%3E%3Cpath d=%22M121.0 67.1Q116.1 58.3 111.9 49.3%22 stroke-width=%220.78%22 opacity=%220.16%22/%3E%3Cpath d=%22M149.8 130.6Q146.7 123.9 143.1 117.5%22 stroke-width=%221.00%22 opacity=%220.17%22/%3E%3Cpath d=%22M143.1 117.5Q132.3 94.4 120.0 72.1%22 stroke-width=%221.00%22 opacity=%220.38%22/%3E%3Cpath d=%22M120.0 72.1Q116.5 64.7 112.6 57.5%22 stroke-width=%221.00%22 opacity=%220.15%22/%3E%3Cpath d=%22M146.5 138.2Q142.6 131.1 139.2 123.8%22 stroke-width=%220.72%22 opacity=%220.18%22/%3E%3Cpath d=%22M139.2 123.8Q125.6 99.4 113.9 74.1%22 stroke-width=%220.72%22 opacity=%220.40%22/%3E%3Cpath d=%22M113.9 74.1Q109.5 66.3 105.7 58.1%22 stroke-width=%220.72%22 opacity=%220.16%22/%3E%3Cpath d=%22M134.2 117.7L117.8 85.4%22 stroke-width=%220.51%22 opacity=%220.18%22/%3E%3Cpath d=%22M149.3 151.6Q146.6 146.1 143.8 140.8%22 stroke-width=%220.94%22 opacity=%220.11%22/%3E%3Cpath d=%22M143.8 140.8Q134.7 122.1 124.9 103.7%22 stroke-width=%220.94%22 opacity=%220.25%22/%3E%3Cpath d=%22M124.9 103.7Q122.0 97.7 118.8 91.7%22 stroke-width=%220.94%22 opacity=%220.10%22/%3E%3Cpath d=%22M140.3 136.9L128.3 113.3%22 stroke-width=%220.66%22 opacity=%220.11%22/%3E%3Cpath d=%22M135.5 136.7Q132.6 130.3 129.2 124.2%22 stroke-width=%220.66%22 opacity=%220.17%22/%3E%3Cpath d=%22M129.2 124.2Q119.2 102.1 107.2 81.0%22 stroke-width=%220.66%22 opacity=%220.37%22/%3E%3Cpath d=%22M107.2 81.0Q103.9 73.8 100.1 67.0%22 stroke-width=%220.66%22 opacity=%220.15%22/%3E%3Cpath d=%22M131.1 135.8Q127.5 128.8 124.0 121.8%22 stroke-width=%220.71%22 opacity=%220.16%22/%3E%3Cpath d=%22M124.0 121.8Q111.6 97.8 99.5 73.6%22 stroke-width=%220.71%22 opacity=%220.35%22/%3E%3Cpath d=%22M99.5 73.6Q95.5 65.8 91.6 58.1%22 stroke-width=%220.71%22 opacity=%220.14%22/%3E%3Cpath d=%22M123.2 133.3Q119.4 125.8 115.6 118.3%22 stroke-width=%220.84%22 opacity=%220.16%22/%3E%3Cpath d=%22M115.6 118.3Q102.3 92.4 89.2 66.5%22 stroke-width=%220.84%22 opacity=%220.35%22/%3E%3Cpath d=%22M89.2 66.5Q84.9 58.2 80.7 49.8%22 stroke-width=%220.84%22 opacity=%220.14%22/%3E%3Cpath d=%22M111.0 113.1L95.2 82.2%22 stroke-width=%220.59%22 opacity=%220.16%22/%3E%3Cpath d=%22M119.1 131.5Q115.8 125.1 112.6 118.7%22 stroke-width=%220.80%22 opacity=%220.14%22/%3E%3Cpath d=%22M112.6 118.7Q101.2 96.8 90.2 74.7%22 stroke-width=%220.80%22 opacity=%220.31%22/%3E%3Cpath d=%22M90.2 74.7Q86.5 67.7 82.9 60.5%22 stroke-width=%220.80%22 opacity=%220.12%22/%3E%3Cpath d=%22M118.7 141.2Q115.1 133.9 111.3 126.7%22 stroke-width=%220.79%22 opacity=%220.14%22/%3E%3Cpath d=%22M111.3 126.7Q99.1 101.5 85.8 76.8%22 stroke-width=%220.79%22 opacity=%220.31%22/%3E%3Cpath d=%22M85.8 76.8Q81.9 68.7 77.6 60.7%22 stroke-width=%220.79%22 opacity=%220.12%22/%3E%3Cpath d=%22M103.1 114.2L85.4 79.6%22 stroke-width=%220.55%22 opacity=%220.14%22/%3E%3Cpath d=%22M114.6 145.6Q110.8 137.4 106.4 129.5%22 stroke-width=%220.94%22 opacity=%220.13%22/%3E%3Cpath d=%22M106.4 129.5Q93.3 101.5 78.3 74.3%22 stroke-width=%220.94%22 opacity=%220.29%22/%3E%3Cpath d=%22M78.3 74.3Q74.0 65.3 69.2 56.5%22 stroke-width=%220.94%22 opacity=%220.12%22/%3E%3Cpath d=%22M105.7 131.2L88.1 96.7%22 stroke-width=%220.66%22 opacity=%220.13%22/%3E%3Cpath d=%22M108.6 143.4Q106.6 139.5 104.6 135.7%22 stroke-width=%220.68%22 opacity=%220.08%22/%3E%3Cpath d=%22M104.6 135.7Q97.8 122.3 91.0 109.0%22 stroke-width=%220.68%22 opacity=%220.18%22/%3E%3Cpath d=%22M91.0 109.0Q88.8 104.7 86.7 100.4%22 stroke-width=%220.68%22 opacity=%220.07%22/%3E%3Cpath d=%22M102.0 134.2L94.9 120.3%22 stroke-width=%220.47%22 opacity=%220.08%22/%3E%3Cpath d=%22M99.9 137.2Q96.2 130.2 92.8 123.2%22 stroke-width=%220.81%22 opacity=%220.10%22/%3E%3Cpath d=%22M92.8 123.2Q80.2 99.2 68.2 75.0%22 stroke-width=%220.81%22 opacity=%220.23%22/%3E%3Cpath d=%22M68.2 75.0Q64.2 67.3 60.3 59.4%22 stroke-width=%220.81%22 opacity=%220.09%22/%3E%3Cpath d=%22M90.5 129.9Q87.1 124.1 84.4 118.0%22 stroke-width=%220.71%22 opacity=%220.10%22/%3E%3Cpath d=%22M84.4 118.0Q72.9 97.8 63.3 76.7%22 stroke-width=%220.71%22 opacity=%220.23%22/%3E%3Cpath d=%22M63.3 76.7Q59.6 70.2 56.6 63.4%22 stroke-width=%220.71%22 opacity=%220.09%22/%3E%3Cpath d=%22M90.3 141.5Q87.9 136.2 85.0 131.1%22 stroke-width=%220.91%22 opacity=%220.07%22/%3E%3Cpath d=%22M85.0 131.1Q76.6 113.0 66.9 95.5%22 stroke-width=%220.91%22 opacity=%220.15%22/%3E%3Cpath d=%22M66.9 95.5Q64.1 89.6 61.0 84.0%22 stroke-width=%220.91%22 opacity=%220.06%22/%3E%3Cpath d=%22M80.5 128.7Q78.0 123.6 75.4 118.6%22 stroke-width=%220.89%22 opacity=%220.06%22/%3E%3Cpath d=%22M75.4 118.6Q66.8 101.1 57.7 83.8%22 stroke-width=%220.89%22 opacity=%220.14%22/%3E%3Cpath d=%22M57.7 83.8Q54.9 78.2 52.0 72.6%22 stroke-width=%220.89%22 opacity=%220.06%22/%3E%3Cpath d=%22M70.6 112.2L58.2 88.0%22 stroke-width=%220.62%22 opacity=%220.06%22/%3E%3Cpath d=%22M78.4 139.1Q75.5 133.7 72.9 128.2%22 stroke-width=%220.64%22 opacity=%220.07%22/%3E%3Cpath d=%22M72.9 128.2Q62.8 109.6 53.6 90.5%22 stroke-width=%220.64%22 opacity=%220.16%22/%3E%3Cpath d=%22M53.6 90.5Q50.4 84.4 47.4 78.3%22 stroke-width=%220.64%22 opacity=%220.06%22/%3E%3Cpath d=%22M73.8 133.0L62.7 111.0%22 stroke-width=%220.45%22 opacity=%220.07%22/%3E%3Cpath d=%22M70.1 130.9Q67.3 126.0 65.0 121.0%22 stroke-width=%221.05%22 opacity=%220.06%22/%3E%3Cpath d=%22M65.0 121.0Q55.5 104.3 47.7 86.9%22 stroke-width=%221.05%22 opacity=%220.12%22/%3E%3Cpath d=%22M47.7 86.9Q44.6 81.5 42.1 75.9%22 stroke-width=%221.05%22 opacity=%220.05%22/%3E%3Cpath d=%22M67.8 134.8Q66.2 131.4 64.4 128.1%22 stroke-width=%220.78%22 opacity=%220.07%22/%3E%3Cpath d=%22M64.4 128.1Q59.0 116.3 52.7 105.0%22 stroke-width=%220.78%22 opacity=%220.15%22/%3E%3Cpath d=%22M52.7 105.0Q50.9 101.2 48.9 97.6%22 stroke-width=%220.78%22 opacity=%220.06%22/%3E%3C/g%3E%3C/svg%3E");--pencil-underline-teal:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 16%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 9.0C60 9.9 150 7.9 236 6.0%22 stroke=%22%2318AAA6%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%220.95%22/%3E%3Cpath d=%22M7 10.5C60 9.3 150 8.0 230 8.5%22 stroke=%22%2318AAA6%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--pencil-dash-teal:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 28 6%22%3E%3Cpath d=%22M2 3.6C9 2.4 18 2.2 26 2.8%22 stroke=%22%2318AAA6%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M5 4.4C12 3.6 19 3.5 24 3.9%22 stroke=%22%2318AAA6%22 stroke-width=%221%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%22.5%22/%3E%3C/svg%3E");--pencil-hatch-teal:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 280 190%22 fill=%22none%22%3E%3Cg stroke=%22%2318AAA6%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M284.1 75.0Q283.9 74.1 283.2 73.4%22 stroke-width=%220.79%22 opacity=%220.18%22/%3E%3Cpath d=%22M283.2 73.4Q282.7 70.0 280.3 67.6%22 stroke-width=%220.79%22 opacity=%220.40%22/%3E%3Cpath d=%22M280.3 67.6Q280.1 66.5 279.3 65.7%22 stroke-width=%220.79%22 opacity=%220.16%22/%3E%3Cpath d=%22M281.0 77.2Q280.6 76.3 280.1 75.4%22 stroke-width=%220.75%22 opacity=%220.22%22/%3E%3Cpath d=%22M280.1 75.4Q278.7 72.3 277.0 69.4%22 stroke-width=%220.75%22 opacity=%220.49%22/%3E%3Cpath d=%22M277.0 69.4Q276.6 68.4 276.0 67.4%22 stroke-width=%220.75%22 opacity=%220.20%22/%3E%3Cpath d=%22M276.4 78.4Q275.4 77.0 274.9 75.3%22 stroke-width=%220.96%22 opacity=%220.19%22/%3E%3Cpath d=%22M274.9 75.3Q271.5 70.4 269.5 64.8%22 stroke-width=%220.96%22 opacity=%220.43%22/%3E%3Cpath d=%22M269.5 64.8Q268.4 63.2 267.8 61.4%22 stroke-width=%220.96%22 opacity=%220.17%22/%3E%3Cpath d=%22M274.7 85.2Q274.2 83.7 273.3 82.4%22 stroke-width=%221.01%22 opacity=%220.21%22/%3E%3Cpath d=%22M273.3 82.4Q271.6 77.3 268.4 72.9%22 stroke-width=%221.01%22 opacity=%220.47%22/%3E%3Cpath d=%22M268.4 72.9Q267.9 71.3 266.9 69.8%22 stroke-width=%221.01%22 opacity=%220.19%22/%3E%3Cpath d=%22M266.3 82.6Q265.6 80.4 264.3 78.5%22 stroke-width=%220.89%22 opacity=%220.27%22/%3E%3Cpath d=%22M264.3 78.5Q261.6 71.1 257.2 64.6%22 stroke-width=%220.89%22 opacity=%220.61%22/%3E%3Cpath d=%22M257.2 64.6Q256.3 62.2 254.9 60.1%22 stroke-width=%220.89%22 opacity=%220.24%22/%3E%3Cpath d=%22M262.4 83.8Q261.1 81.0 259.7 78.3%22 stroke-width=%220.90%22 opacity=%220.20%22/%3E%3Cpath d=%22M259.7 78.3Q255.1 68.8 250.1 59.6%22 stroke-width=%220.90%22 opacity=%220.45%22/%3E%3Cpath d=%22M250.1 59.6Q248.7 56.6 247.1 53.6%22 stroke-width=%220.90%22 opacity=%220.18%22/%3E%3Cpath d=%22M255.6 73.8L250.9 64.4%22 stroke-width=%220.63%22 opacity=%220.20%22/%3E%3Cpath d=%22M256.8 81.4Q256.4 80.0 255.5 78.8%22 stroke-width=%220.92%22 opacity=%220.18%22/%3E%3Cpath d=%22M255.5 78.8Q254.1 73.9 250.9 69.9%22 stroke-width=%220.92%22 opacity=%220.41%22/%3E%3Cpath d=%22M250.9 69.9Q250.5 68.3 249.5 67.0%22 stroke-width=%220.92%22 opacity=%220.16%22/%3E%3Cpath d=%22M252.9 85.6Q250.5 81.2 248.4 76.7%22 stroke-width=%220.94%22 opacity=%220.20%22/%3E%3Cpath d=%22M248.4 76.7Q239.9 61.7 232.8 46.0%22 stroke-width=%220.94%22 opacity=%220.44%22/%3E%3Cpath d=%22M232.8 46.0Q230.0 41.2 227.7 36.1%22 stroke-width=%220.94%22 opacity=%220.18%22/%3E%3Cpath d=%22M248.4 86.8Q245.5 81.9 243.2 76.7%22 stroke-width=%220.63%22 opacity=%220.30%22/%3E%3Cpath d=%22M243.2 76.7Q233.3 59.8 225.4 41.9%22 stroke-width=%220.63%22 opacity=%220.67%22/%3E%3Cpath d=%22M225.4 41.9Q222.3 36.4 219.7 30.6%22 stroke-width=%220.63%22 opacity=%220.27%22/%3E%3Cpath d=%22M235.5 66.0L224.2 43.7%22 stroke-width=%220.44%22 opacity=%220.30%22/%3E%3Cpath d=%22M250.0 99.9Q247.0 94.4 244.3 88.7%22 stroke-width=%221.04%22 opacity=%220.27%22/%3E%3Cpath d=%22M244.3 88.7Q234.0 69.8 224.8 50.3%22 stroke-width=%221.04%22 opacity=%220.61%22/%3E%3Cpath d=%22M224.8 50.3Q221.4 44.2 218.4 38.0%22 stroke-width=%221.04%22 opacity=%220.24%22/%3E%3Cpath d=%22M252.0 117.2Q247.4 108.6 243.1 99.8%22 stroke-width=%220.62%22 opacity=%220.27%22/%3E%3Cpath d=%22M243.1 99.8Q227.1 70.2 212.5 39.8%22 stroke-width=%220.62%22 opacity=%220.60%22/%3E%3Cpath d=%22M212.5 39.8Q207.4 30.2 202.7 20.4%22 stroke-width=%220.62%22 opacity=%220.24%22/%3E%3Cpath d=%22M251.7 125.3Q247.1 116.7 242.8 107.8%22 stroke-width=%220.75%22 opacity=%220.28%22/%3E%3Cpath d=%22M242.8 107.8Q226.9 78.0 212.1 47.6%22 stroke-width=%220.75%22 opacity=%220.63%22/%3E%3Cpath d=%22M212.1 47.6Q207.0 38.0 202.2 28.2%22 stroke-width=%220.75%22 opacity=%220.25%22/%3E%3Cpath d=%22M239.1 110.6Q237.9 107.4 236.0 104.5%22 stroke-width=%220.68%22 opacity=%220.24%22/%3E%3Cpath d=%22M236.0 104.5Q231.7 93.3 225.1 83.2%22 stroke-width=%220.68%22 opacity=%220.54%22/%3E%3Cpath d=%22M225.1 83.2Q223.7 79.6 221.6 76.3%22 stroke-width=%220.68%22 opacity=%220.22%22/%3E%3Cpath d=%22M242.8 126.8Q238.3 117.3 233.3 108.0%22 stroke-width=%220.97%22 opacity=%220.23%22/%3E%3Cpath d=%22M233.3 108.0Q217.8 75.3 200.4 43.6%22 stroke-width=%220.97%22 opacity=%220.51%22/%3E%3Cpath d=%22M200.4 43.6Q195.4 33.0 189.8 22.8%22 stroke-width=%220.97%22 opacity=%220.20%22/%3E%3Cpath d=%22M230.0 112.1Q226.7 106.0 223.7 99.8%22 stroke-width=%220.99%22 opacity=%220.18%22/%3E%3Cpath d=%22M223.7 99.8Q212.4 78.8 202.0 57.4%22 stroke-width=%220.99%22 opacity=%220.41%22/%3E%3Cpath d=%22M202.0 57.4Q198.4 50.6 195.1 43.7%22 stroke-width=%220.99%22 opacity=%220.16%22/%3E%3Cpath d=%22M232.0 129.9Q228.9 124.1 226.0 118.1%22 stroke-width=%220.81%22 opacity=%220.21%22/%3E%3Cpath d=%22M226.0 118.1Q215.4 98.0 205.4 77.6%22 stroke-width=%220.81%22 opacity=%220.47%22/%3E%3Cpath d=%22M205.4 77.6Q201.9 71.1 198.7 64.5%22 stroke-width=%220.81%22 opacity=%220.19%22/%3E%3Cpath d=%22M218.4 112.6Q215.0 106.3 211.9 99.9%22 stroke-width=%221.02%22 opacity=%220.17%22/%3E%3Cpath d=%22M211.9 99.9Q200.3 78.1 189.5 55.9%22 stroke-width=%221.02%22 opacity=%220.39%22/%3E%3Cpath d=%22M189.5 55.9Q185.8 48.9 182.3 41.7%22 stroke-width=%221.02%22 opacity=%220.16%22/%3E%3Cpath d=%22M212.6 106.2L200.7 82.8%22 stroke-width=%220.71%22 opacity=%220.17%22/%3E%3Cpath d=%22M215.3 116.9Q212.1 109.9 208.3 103.1%22 stroke-width=%220.87%22 opacity=%220.20%22/%3E%3Cpath d=%22M208.3 103.1Q197.1 78.9 184.2 55.7%22 stroke-width=%220.87%22 opacity=%220.44%22/%3E%3Cpath d=%22M184.2 55.7Q180.5 47.9 176.4 40.4%22 stroke-width=%220.87%22 opacity=%220.18%22/%3E%3Cpath d=%22M201.9 93.4L188.6 67.4%22 stroke-width=%220.61%22 opacity=%220.20%22/%3E%3Cpath d=%22M216.1 125.2Q213.0 118.5 209.4 112.0%22 stroke-width=%220.80%22 opacity=%220.19%22/%3E%3Cpath d=%22M209.4 112.0Q198.6 88.6 186.0 66.2%22 stroke-width=%220.80%22 opacity=%220.42%22/%3E%3Cpath d=%22M186.0 66.2Q182.5 58.6 178.5 51.4%22 stroke-width=%220.80%22 opacity=%220.17%22/%3E%3Cpath d=%22M216.1 136.7Q211.7 128.3 207.4 119.7%22 stroke-width=%220.70%22 opacity=%220.21%22/%3E%3Cpath d=%22M207.4 119.7Q192.2 90.5 177.5 61.0%22 stroke-width=%220.70%22 opacity=%220.47%22/%3E%3Cpath d=%22M177.5 61.0Q172.6 51.6 167.9 42.1%22 stroke-width=%220.70%22 opacity=%220.19%22/%3E%3Cpath d=%22M200.7 117.0Q196.5 108.8 192.3 100.5%22 stroke-width=%220.66%22 opacity=%220.26%22/%3E%3Cpath d=%22M192.3 100.5Q177.6 72.1 163.2 43.5%22 stroke-width=%220.66%22 opacity=%220.58%22/%3E%3Cpath d=%22M163.2 43.5Q158.5 34.3 153.9 25.1%22 stroke-width=%220.66%22 opacity=%220.23%22/%3E%3Cpath d=%22M180.1 81.4L166.2 54.1%22 stroke-width=%220.46%22 opacity=%220.26%22/%3E%3Cpath d=%22M197.3 121.3Q195.5 117.1 193.2 113.2%22 stroke-width=%220.90%22 opacity=%220.17%22/%3E%3Cpath d=%22M193.2 113.2Q187.1 98.8 179.0 85.4%22 stroke-width=%220.90%22 opacity=%220.38%22/%3E%3Cpath d=%22M179.0 85.4Q177.1 80.7 174.4 76.4%22 stroke-width=%220.90%22 opacity=%220.15%22/%3E%3Cpath d=%22M195.0 126.1Q191.1 117.9 186.8 110.0%22 stroke-width=%220.97%22 opacity=%220.19%22/%3E%3Cpath d=%22M186.8 110.0Q173.3 81.7 158.3 54.2%22 stroke-width=%220.97%22 opacity=%220.41%22/%3E%3Cpath d=%22M158.3 54.2Q154.0 45.1 149.2 36.2%22 stroke-width=%220.97%22 opacity=%220.17%22/%3E%3Cpath d=%22M190.1 130.4Q186.5 122.4 182.1 114.7%22 stroke-width=%220.88%22 opacity=%220.18%22/%3E%3Cpath d=%22M182.1 114.7Q169.5 87.2 154.6 60.8%22 stroke-width=%220.88%22 opacity=%220.41%22/%3E%3Cpath d=%22M154.6 60.8Q150.6 51.9 145.8 43.3%22 stroke-width=%220.88%22 opacity=%220.16%22/%3E%3Cpath d=%22M170.8 97.2L156.3 68.7%22 stroke-width=%220.61%22 opacity=%220.18%22/%3E%3Cpath d=%22M184.5 125.7Q180.1 117.7 176.2 109.4%22 stroke-width=%220.99%22 opacity=%220.20%22/%3E%3Cpath d=%22M176.2 109.4Q160.9 81.7 147.6 53.1%22 stroke-width=%220.99%22 opacity=%220.44%22/%3E%3Cpath d=%22M147.6 53.1Q142.6 44.2 138.3 35.0%22 stroke-width=%220.99%22 opacity=%220.17%22/%3E%3Cpath d=%22M172.6 105.6L159.2 79.3%22 stroke-width=%220.69%22 opacity=%220.20%22/%3E%3Cpath d=%22M188.4 147.6Q182.9 137.5 177.9 127.1%22 stroke-width=%220.65%22 opacity=%220.15%22/%3E%3Cpath d=%22M177.9 127.1Q159.2 92.2 141.9 56.5%22 stroke-width=%220.65%22 opacity=%220.34%22/%3E%3Cpath d=%22M141.9 56.5Q135.9 45.2 130.3 33.7%22 stroke-width=%220.65%22 opacity=%220.14%22/%3E%3Cpath d=%22M177.1 132.0Q173.4 125.1 170.0 118.1%22 stroke-width=%220.91%22 opacity=%220.14%22/%3E%3Cpath d=%22M170.0 118.1Q157.4 94.3 145.6 70.2%22 stroke-width=%220.91%22 opacity=%220.31%22/%3E%3Cpath d=%22M145.6 70.2Q141.5 62.5 137.7 54.7%22 stroke-width=%220.91%22 opacity=%220.13%22/%3E%3Cpath d=%22M177.9 146.7Q173.5 137.8 168.9 129.0%22 stroke-width=%220.68%22 opacity=%220.20%22/%3E%3Cpath d=%22M168.9 129.0Q153.8 98.3 137.9 68.1%22 stroke-width=%220.68%22 opacity=%220.45%22/%3E%3Cpath d=%22M137.9 68.1Q133.0 58.2 127.9 48.5%22 stroke-width=%220.68%22 opacity=%220.18%22/%3E%3Cpath d=%22M172.4 143.9Q168.0 134.7 163.1 125.7%22 stroke-width=%220.78%22 opacity=%220.18%22/%3E%3Cpath d=%22M163.1 125.7Q148.0 93.8 131.1 62.9%22 stroke-width=%220.78%22 opacity=%220.39%22/%3E%3Cpath d=%22M131.1 62.9Q126.2 52.6 120.7 42.6%22 stroke-width=%220.78%22 opacity=%220.16%22/%3E%3Cpath d=%22M165.0 142.8Q160.4 133.1 155.3 123.7%22 stroke-width=%220.70%22 opacity=%220.14%22/%3E%3Cpath d=%22M155.3 123.7Q139.4 90.3 121.7 57.9%22 stroke-width=%220.70%22 opacity=%220.31%22/%3E%3Cpath d=%22M121.7 57.9Q116.6 47.1 110.9 36.6%22 stroke-width=%220.70%22 opacity=%220.13%22/%3E%3Cpath d=%22M155.3 134.6Q151.9 128.1 148.7 121.6%22 stroke-width=%220.90%22 opacity=%220.13%22/%3E%3Cpath d=%22M148.7 121.6Q137.2 99.5 126.0 77.1%22 stroke-width=%220.90%22 opacity=%220.30%22/%3E%3Cpath d=%22M126.0 77.1Q122.3 70.0 118.7 62.7%22 stroke-width=%220.90%22 opacity=%220.12%22/%3E%3Cpath d=%22M151.5 134.0Q148.6 127.5 145.1 121.4%22 stroke-width=%220.89%22 opacity=%220.16%22/%3E%3Cpath d=%22M145.1 121.4Q134.9 99.1 122.9 77.8%22 stroke-width=%220.89%22 opacity=%220.35%22/%3E%3Cpath d=%22M122.9 77.8Q119.6 70.6 115.7 63.8%22 stroke-width=%220.89%22 opacity=%220.14%22/%3E%3Cpath d=%22M138.0 112.0L123.1 82.7%22 stroke-width=%220.62%22 opacity=%220.16%22/%3E%3Cpath d=%22M153.1 150.5Q148.7 142.6 144.9 134.4%22 stroke-width=%220.79%22 opacity=%220.18%22/%3E%3Cpath d=%22M144.9 134.4Q129.8 107.1 116.6 78.8%22 stroke-width=%220.79%22 opacity=%220.39%22/%3E%3Cpath d=%22M116.6 78.8Q111.7 70.0 107.5 60.9%22 stroke-width=%220.79%22 opacity=%220.16%22/%3E%3Cpath d=%22M136.3 124.8Q133.0 118.4 129.8 112.0%22 stroke-width=%220.67%22 opacity=%220.15%22/%3E%3Cpath d=%22M129.8 112.0Q118.3 89.9 107.2 67.7%22 stroke-width=%220.67%22 opacity=%220.33%22/%3E%3Cpath d=%22M107.2 67.7Q103.6 60.6 100.0 53.4%22 stroke-width=%220.67%22 opacity=%220.13%22/%3E%3Cpath d=%22M138.9 141.7Q134.7 134.1 131.0 126.3%22 stroke-width=%220.76%22 opacity=%220.13%22/%3E%3Cpath d=%22M131.0 126.3Q116.7 100.1 103.9 73.1%22 stroke-width=%220.76%22 opacity=%220.29%22/%3E%3Cpath d=%22M103.9 73.1Q99.3 64.7 95.2 56.0%22 stroke-width=%220.76%22 opacity=%220.12%22/%3E%3Cpath d=%22M131.1 136.9Q127.1 128.5 122.7 120.4%22 stroke-width=%220.71%22 opacity=%220.11%22/%3E%3Cpath d=%22M122.7 120.4Q108.9 91.4 93.6 63.3%22 stroke-width=%220.71%22 opacity=%220.25%22/%3E%3Cpath d=%22M93.6 63.3Q89.1 53.9 84.2 44.8%22 stroke-width=%220.71%22 opacity=%220.10%22/%3E%3Cpath d=%22M120.1 124.0Q116.2 116.9 112.8 109.6%22 stroke-width=%220.96%22 opacity=%220.10%22/%3E%3Cpath d=%22M112.8 109.6Q99.2 85.1 87.4 59.7%22 stroke-width=%220.96%22 opacity=%220.23%22/%3E%3Cpath d=%22M87.4 59.7Q83.0 51.8 79.2 43.7%22 stroke-width=%220.96%22 opacity=%220.09%22/%3E%3Cpath d=%22M117.4 131.2Q114.4 125.1 111.2 119.0%22 stroke-width=%220.59%22 opacity=%220.13%22/%3E%3Cpath d=%22M111.2 119.0Q100.8 97.9 89.8 77.0%22 stroke-width=%220.59%22 opacity=%220.29%22/%3E%3Cpath d=%22M89.8 77.0Q86.5 70.2 82.9 63.5%22 stroke-width=%220.59%22 opacity=%220.12%22/%3E%3Cpath d=%22M106.0 117.6Q102.9 110.8 99.2 104.3%22 stroke-width=%220.86%22 opacity=%220.09%22/%3E%3Cpath d=%22M99.2 104.3Q88.6 80.9 75.9 58.5%22 stroke-width=%220.86%22 opacity=%220.20%22/%3E%3Cpath d=%22M75.9 58.5Q72.4 50.9 68.3 43.7%22 stroke-width=%220.86%22 opacity=%220.08%22/%3E%3Cpath d=%22M104.5 126.4Q101.9 120.6 98.7 115.1%22 stroke-width=%220.74%22 opacity=%220.08%22/%3E%3Cpath d=%22M98.7 115.1Q89.6 95.0 78.7 75.9%22 stroke-width=%220.74%22 opacity=%220.18%22/%3E%3Cpath d=%22M78.7 75.9Q75.8 69.4 72.3 63.3%22 stroke-width=%220.74%22 opacity=%220.07%22/%3E%3Cpath d=%22M92.2 112.4Q89.8 107.4 87.1 102.5%22 stroke-width=%220.88%22 opacity=%220.10%22/%3E%3Cpath d=%22M87.1 102.5Q78.8 85.2 69.7 68.3%22 stroke-width=%220.88%22 opacity=%220.22%22/%3E%3Cpath d=%22M69.7 68.3Q67.1 62.8 64.1 57.3%22 stroke-width=%220.88%22 opacity=%220.09%22/%3E%3Cpath d=%22M94.0 125.7Q90.9 119.3 87.5 113.0%22 stroke-width=%220.78%22 opacity=%220.12%22/%3E%3Cpath d=%22M87.5 113.0Q76.8 90.8 65.2 69.1%22 stroke-width=%220.78%22 opacity=%220.26%22/%3E%3Cpath d=%22M65.2 69.1Q61.7 61.9 58.0 54.9%22 stroke-width=%220.78%22 opacity=%220.10%22/%3E%3Cpath d=%22M89.3 125.0Q86.2 119.4 83.5 113.5%22 stroke-width=%220.92%22 opacity=%220.07%22/%3E%3Cpath d=%22M83.5 113.5Q72.8 94.0 63.3 73.8%22 stroke-width=%220.92%22 opacity=%220.16%22/%3E%3Cpath d=%22M63.3 73.8Q59.8 67.5 56.7 61.0%22 stroke-width=%220.92%22 opacity=%220.06%22/%3E%3Cpath d=%22M77.6 112.7Q76.8 110.4 75.4 108.4%22 stroke-width=%220.72%22 opacity=%220.07%22/%3E%3Cpath d=%22M75.4 108.4Q72.5 100.3 67.7 93.3%22 stroke-width=%220.72%22 opacity=%220.15%22/%3E%3Cpath d=%22M67.7 93.3Q66.7 90.7 65.2 88.4%22 stroke-width=%220.72%22 opacity=%220.06%22/%3E%3Cpath d=%22M73.5 116.7Q72.0 113.0 69.9 109.6%22 stroke-width=%220.67%22 opacity=%220.07%22/%3E%3Cpath d=%22M69.9 109.6Q64.7 96.8 57.5 85.1%22 stroke-width=%220.67%22 opacity=%220.15%22/%3E%3Cpath d=%22M57.5 85.1Q55.8 81.0 53.4 77.2%22 stroke-width=%220.67%22 opacity=%220.06%22/%3E%3Cpath d=%22M63.4 109.3Q61.6 105.8 59.9 102.2%22 stroke-width=%220.56%22 opacity=%220.06%22/%3E%3Cpath d=%22M59.9 102.2Q53.5 90.2 47.5 78.0%22 stroke-width=%220.56%22 opacity=%220.14%22/%3E%3Cpath d=%22M47.5 78.0Q45.4 74.1 43.5 70.1%22 stroke-width=%220.56%22 opacity=%220.06%22/%3E%3Cpath d=%22M59.7 111.8Q58.2 108.9 56.8 106.1%22 stroke-width=%220.88%22 opacity=%220.07%22/%3E%3Cpath d=%22M56.8 106.1Q51.8 96.3 46.8 86.6%22 stroke-width=%220.88%22 opacity=%220.17%22/%3E%3Cpath d=%22M46.8 86.6Q45.2 83.4 43.6 80.3%22 stroke-width=%220.88%22 opacity=%220.07%22/%3E%3Cpath d=%22M55.3 110.7Q54.6 108.7 53.4 107.0%22 stroke-width=%220.62%22 opacity=%220.06%22/%3E%3Cpath d=%22M53.4 107.0Q50.9 100.1 46.9 94.1%22 stroke-width=%220.62%22 opacity=%220.13%22/%3E%3Cpath d=%22M46.9 94.1Q46.1 91.9 44.7 89.9%22 stroke-width=%220.62%22 opacity=%220.05%22/%3E%3Cpath d=%22M48.7 109.3Q48.1 107.8 47.2 106.5%22 stroke-width=%220.90%22 opacity=%220.07%22/%3E%3Cpath d=%22M47.2 106.5Q45.3 101.4 42.3 96.8%22 stroke-width=%220.90%22 opacity=%220.16%22/%3E%3Cpath d=%22M42.3 96.8Q41.7 95.2 40.7 93.7%22 stroke-width=%220.90%22 opacity=%220.06%22/%3E%3Cpath d=%22M45.4 106.3L43.1 101.8%22 stroke-width=%220.63%22 opacity=%220.07%22/%3E%3Cpath d=%22M42.4 106.3Q41.8 104.6 40.8 103.2%22 stroke-width=%220.82%22 opacity=%220.06%22/%3E%3Cpath d=%22M40.8 103.2Q38.8 97.6 35.5 92.7%22 stroke-width=%220.82%22 opacity=%220.13%22/%3E%3Cpath d=%22M35.5 92.7Q34.8 90.9 33.7 89.3%22 stroke-width=%220.82%22 opacity=%220.05%22/%3E%3C/g%3E%3C/svg%3E");--pencil-underline-green:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 16%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 9.0C60 9.3 150 6.0 236 6.0%22 stroke=%22%234AC336%22 stroke-width=%223.2%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%220.95%22/%3E%3Cpath d=%22M7 10.5C60 10.2 150 9.4 230 8.5%22 stroke=%22%234AC336%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%220.55%22/%3E%3C/svg%3E");--pencil-dash-green:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 28 6%22%3E%3Cpath d=%22M2 3.6C9 2.4 18 2.2 26 2.8%22 stroke=%22%234AC336%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M5 4.4C12 3.6 19 3.5 24 3.9%22 stroke=%22%234AC336%22 stroke-width=%221%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%22.5%22/%3E%3C/svg%3E");--pencil-hatch-green:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 280 190%22 fill=%22none%22%3E%3Cg stroke=%22%234AC336%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M262.0 52.0Q261.8 51.2 261.3 50.6%22 stroke-width=%220.76%22 opacity=%220.28%22/%3E%3Cpath d=%22M261.3 50.6Q260.7 47.8 258.8 45.7%22 stroke-width=%220.76%22 opacity=%220.62%22/%3E%3Cpath d=%22M258.8 45.7Q258.6 44.8 258.0 44.2%22 stroke-width=%220.76%22 opacity=%220.25%22/%3E%3Cpath d=%22M258.8 55.7Q257.8 54.3 257.3 52.8%22 stroke-width=%220.69%22 opacity=%220.19%22/%3E%3Cpath d=%22M257.3 52.8Q254.0 48.2 252.2 42.8%22 stroke-width=%220.69%22 opacity=%220.43%22/%3E%3Cpath d=%22M252.2 42.8Q251.2 41.3 250.6 39.6%22 stroke-width=%220.69%22 opacity=%220.17%22/%3E%3Cpath d=%22M254.5 50.9L251.5 44.8%22 stroke-width=%220.48%22 opacity=%220.19%22/%3E%3Cpath d=%22M269.8 87.8Q267.9 83.2 265.3 79.0%22 stroke-width=%220.62%22 opacity=%220.21%22/%3E%3Cpath d=%22M265.3 79.0Q258.6 63.3 249.8 48.6%22 stroke-width=%220.62%22 opacity=%220.48%22/%3E%3Cpath d=%22M249.8 48.6Q247.7 43.5 244.9 38.8%22 stroke-width=%220.62%22 opacity=%220.19%22/%3E%3Cpath d=%22M259.0 70.8L249.0 51.1%22 stroke-width=%220.43%22 opacity=%220.21%22/%3E%3Cpath d=%22M271.8 100.8Q269.5 96.6 267.4 92.3%22 stroke-width=%220.86%22 opacity=%220.18%22/%3E%3Cpath d=%22M267.4 92.3Q259.7 77.6 252.4 62.8%22 stroke-width=%220.86%22 opacity=%220.40%22/%3E%3Cpath d=%22M252.4 62.8Q249.9 58.1 247.6 53.3%22 stroke-width=%220.86%22 opacity=%220.16%22/%3E%3Cpath d=%22M267.4 103.8Q264.7 98.3 261.9 92.9%22 stroke-width=%220.73%22 opacity=%220.25%22/%3E%3Cpath d=%22M261.9 92.9Q252.4 73.9 242.6 55.1%22 stroke-width=%220.73%22 opacity=%220.55%22/%3E%3Cpath d=%22M242.6 55.1Q239.6 49.0 236.4 42.9%22 stroke-width=%220.73%22 opacity=%220.22%22/%3E%3Cpath d=%22M260.5 98.9Q257.8 93.6 255.1 88.3%22 stroke-width=%220.86%22 opacity=%220.26%22/%3E%3Cpath d=%22M255.1 88.3Q245.7 70.2 236.5 51.9%22 stroke-width=%220.86%22 opacity=%220.57%22/%3E%3Cpath d=%22M236.5 51.9Q233.5 46.0 230.6 40.1%22 stroke-width=%220.86%22 opacity=%220.23%22/%3E%3Cpath d=%22M256.6 101.1Q255.5 98.2 253.8 95.6%22 stroke-width=%220.81%22 opacity=%220.22%22/%3E%3Cpath d=%22M253.8 95.6Q250.0 85.4 244.0 76.4%22 stroke-width=%220.81%22 opacity=%220.50%22/%3E%3Cpath d=%22M244.0 76.4Q242.8 73.2 240.9 70.3%22 stroke-width=%220.81%22 opacity=%220.20%22/%3E%3Cpath d=%22M251.9 96.5L245.0 83.0%22 stroke-width=%220.57%22 opacity=%220.22%22/%3E%3Cpath d=%22M259.0 119.0Q254.9 110.5 250.4 102.3%22 stroke-width=%220.73%22 opacity=%220.26%22/%3E%3Cpath d=%22M250.4 102.3Q236.6 73.1 221.1 44.7%22 stroke-width=%220.73%22 opacity=%220.58%22/%3E%3Cpath d=%22M221.1 44.7Q216.7 35.3 211.7 26.2%22 stroke-width=%220.73%22 opacity=%220.23%22/%3E%3Cpath d=%22M249.4 108.0Q245.7 101.5 242.5 94.6%22 stroke-width=%221.00%22 opacity=%220.25%22/%3E%3Cpath d=%22M242.5 94.6Q229.9 72.0 219.0 48.4%22 stroke-width=%221.00%22 opacity=%220.55%22/%3E%3Cpath d=%22M219.0 48.4Q214.9 41.1 211.4 33.5%22 stroke-width=%221.00%22 opacity=%220.22%22/%3E%3Cpath d=%22M234.0 80.8L222.1 57.2%22 stroke-width=%220.70%22 opacity=%220.25%22/%3E%3Cpath d=%22M242.2 104.6Q238.4 96.9 234.3 89.2%22 stroke-width=%220.78%22 opacity=%220.28%22/%3E%3Cpath d=%22M234.3 89.2Q221.3 62.4 207.3 36.2%22 stroke-width=%220.78%22 opacity=%220.62%22/%3E%3Cpath d=%22M207.3 36.2Q203.1 27.5 198.6 19.1%22 stroke-width=%220.78%22 opacity=%220.25%22/%3E%3Cpath d=%22M243.3 120.2Q238.7 111.2 234.1 102.3%22 stroke-width=%220.81%22 opacity=%220.22%22/%3E%3Cpath d=%22M234.1 102.3Q218.5 71.3 202.6 40.4%22 stroke-width=%220.81%22 opacity=%220.48%22/%3E%3Cpath d=%22M202.6 40.4Q197.6 30.4 192.5 20.5%22 stroke-width=%220.81%22 opacity=%220.19%22/%3E%3Cpath d=%22M225.5 88.7L202.9 44.2%22 stroke-width=%220.57%22 opacity=%220.22%22/%3E%3Cpath d=%22M237.4 116.8Q232.7 107.5 227.9 98.2%22 stroke-width=%220.70%22 opacity=%220.23%22/%3E%3Cpath d=%22M227.9 98.2Q211.6 66.1 195.2 34.1%22 stroke-width=%220.70%22 opacity=%220.51%22/%3E%3Cpath d=%22M195.2 34.1Q190.0 23.7 184.7 13.4%22 stroke-width=%220.70%22 opacity=%220.21%22/%3E%3Cpath d=%22M228.1 111.7Q225.6 106.1 222.6 100.8%22 stroke-width=%220.84%22 opacity=%220.18%22/%3E%3Cpath d=%22M222.6 100.8Q213.9 81.5 203.4 63.2%22 stroke-width=%220.84%22 opacity=%220.40%22/%3E%3Cpath d=%22M203.4 63.2Q200.6 56.9 197.2 51.0%22 stroke-width=%220.84%22 opacity=%220.16%22/%3E%3Cpath d=%22M223.2 108.7Q220.0 102.0 216.6 95.6%22 stroke-width=%221.00%22 opacity=%220.28%22/%3E%3Cpath d=%22M216.6 95.6Q205.5 72.8 193.6 50.4%22 stroke-width=%221.00%22 opacity=%220.63%22/%3E%3Cpath d=%22M193.6 50.4Q190.0 43.1 186.1 35.9%22 stroke-width=%221.00%22 opacity=%220.25%22/%3E%3Cpath d=%22M227.6 131.4Q223.3 123.6 219.6 115.7%22 stroke-width=%220.96%22 opacity=%220.17%22/%3E%3Cpath d=%22M219.6 115.7Q205.0 89.1 192.1 61.7%22 stroke-width=%220.96%22 opacity=%220.39%22/%3E%3Cpath d=%22M192.1 61.7Q187.4 53.1 183.2 44.3%22 stroke-width=%220.96%22 opacity=%220.16%22/%3E%3Cpath d=%22M211.4 103.7L193.6 68.9%22 stroke-width=%220.67%22 opacity=%220.17%22/%3E%3Cpath d=%22M213.1 109.1Q212.0 106.4 210.4 103.9%22 stroke-width=%220.75%22 opacity=%220.21%22/%3E%3Cpath d=%22M210.4 103.9Q206.6 94.5 201.3 85.9%22 stroke-width=%220.75%22 opacity=%220.46%22/%3E%3Cpath d=%22M201.3 85.9Q200.1 82.9 198.3 80.2%22 stroke-width=%220.75%22 opacity=%220.18%22/%3E%3Cpath d=%22M208.5 111.4Q205.6 105.0 202.1 98.9%22 stroke-width=%221.04%22 opacity=%220.21%22/%3E%3Cpath d=%22M202.1 98.9Q192.0 76.9 180.1 55.8%22 stroke-width=%221.04%22 opacity=%220.47%22/%3E%3Cpath d=%22M180.1 55.8Q176.9 48.7 173.0 41.9%22 stroke-width=%221.04%22 opacity=%220.19%22/%3E%3Cpath d=%22M207.0 122.0Q204.7 117.4 202.3 112.8%22 stroke-width=%220.86%22 opacity=%220.16%22/%3E%3Cpath d=%22M202.3 112.8Q194.3 96.9 186.1 81.1%22 stroke-width=%220.86%22 opacity=%220.36%22/%3E%3Cpath d=%22M186.1 81.1Q183.6 76.0 180.9 70.9%22 stroke-width=%220.86%22 opacity=%220.14%22/%3E%3Cpath d=%22M208.7 132.2Q205.5 125.9 202.3 119.7%22 stroke-width=%221.05%22 opacity=%220.20%22/%3E%3Cpath d=%22M202.3 119.7Q191.4 98.0 180.2 76.5%22 stroke-width=%221.05%22 opacity=%220.44%22/%3E%3Cpath d=%22M180.2 76.5Q176.7 69.5 173.1 62.5%22 stroke-width=%221.05%22 opacity=%220.18%22/%3E%3Cpath d=%22M198.3 116.5L188.5 97.2%22 stroke-width=%220.73%22 opacity=%220.20%22/%3E%3Cpath d=%22M194.4 114.7Q190.6 107.1 186.7 99.6%22 stroke-width=%220.90%22 opacity=%220.17%22/%3E%3Cpath d=%22M186.7 99.6Q173.4 73.4 160.1 47.3%22 stroke-width=%220.90%22 opacity=%220.37%22/%3E%3Cpath d=%22M160.1 47.3Q155.8 38.9 151.5 30.5%22 stroke-width=%220.90%22 opacity=%220.15%22/%3E%3Cpath d=%22M195.9 128.6Q192.7 121.4 188.8 114.5%22 stroke-width=%221.02%22 opacity=%220.20%22/%3E%3Cpath d=%22M188.8 114.5Q177.5 89.7 164.0 66.0%22 stroke-width=%221.02%22 opacity=%220.43%22/%3E%3Cpath d=%22M164.0 66.0Q160.4 58.0 156.1 50.4%22 stroke-width=%221.02%22 opacity=%220.17%22/%3E%3Cpath d=%22M195.5 138.7Q192.3 133.0 189.6 127.2%22 stroke-width=%220.62%22 opacity=%220.16%22/%3E%3Cpath d=%22M189.6 127.2Q178.8 107.6 169.3 87.4%22 stroke-width=%220.62%22 opacity=%220.36%22/%3E%3Cpath d=%22M169.3 87.4Q165.8 81.1 162.8 74.6%22 stroke-width=%220.62%22 opacity=%220.14%22/%3E%3Cpath d=%22M188.1 132.3Q184.8 125.2 181.0 118.4%22 stroke-width=%220.99%22 opacity=%220.17%22/%3E%3Cpath d=%22M181.0 118.4Q169.9 93.8 156.5 70.4%22 stroke-width=%220.99%22 opacity=%220.38%22/%3E%3Cpath d=%22M156.5 70.4Q153.0 62.5 148.7 55.0%22 stroke-width=%220.99%22 opacity=%220.15%22/%3E%3Cpath d=%22M179.9 127.6Q175.8 119.0 171.2 110.7%22 stroke-width=%220.66%22 opacity=%220.19%22/%3E%3Cpath d=%22M171.2 110.7Q157.4 80.9 141.4 52.2%22 stroke-width=%220.66%22 opacity=%220.41%22/%3E%3Cpath d=%22M141.4 52.2Q137.0 42.6 131.8 33.3%22 stroke-width=%220.66%22 opacity=%220.16%22/%3E%3Cpath d=%22M171.8 116.2L155.2 83.5%22 stroke-width=%220.46%22 opacity=%220.19%22/%3E%3Cpath d=%22M180.2 140.4Q175.6 132.1 171.6 123.5%22 stroke-width=%221.04%22 opacity=%220.22%22/%3E%3Cpath d=%22M171.6 123.5Q155.7 94.9 141.9 65.2%22 stroke-width=%221.04%22 opacity=%220.49%22/%3E%3Cpath d=%22M141.9 65.2Q136.8 55.9 132.3 46.4%22 stroke-width=%221.04%22 opacity=%220.20%22/%3E%3Cpath d=%22M171.8 133.6Q167.0 124.3 162.2 114.9%22 stroke-width=%220.98%22 opacity=%220.23%22/%3E%3Cpath d=%22M162.2 114.9Q145.9 82.8 129.5 50.6%22 stroke-width=%220.98%22 opacity=%220.50%22/%3E%3Cpath d=%22M129.5 50.6Q124.2 40.3 118.9 29.9%22 stroke-width=%220.98%22 opacity=%220.20%22/%3E%3Cpath d=%22M167.0 134.2Q163.9 127.3 160.2 120.7%22 stroke-width=%220.93%22 opacity=%220.19%22/%3E%3Cpath d=%22M160.2 120.7Q149.3 97.1 136.6 74.4%22 stroke-width=%220.93%22 opacity=%220.43%22/%3E%3Cpath d=%22M136.6 74.4Q133.1 66.8 129.0 59.5%22 stroke-width=%220.93%22 opacity=%220.17%22/%3E%3Cpath d=%22M166.1 145.7Q161.4 136.0 156.3 126.4%22 stroke-width=%220.98%22 opacity=%220.16%22/%3E%3Cpath d=%22M156.3 126.4Q140.0 93.0 122.5 60.1%22 stroke-width=%220.98%22 opacity=%220.36%22/%3E%3Cpath d=%22M122.5 60.1Q117.2 49.3 111.6 38.7%22 stroke-width=%220.98%22 opacity=%220.14%22/%3E%3Cpath d=%22M154.5 132.6Q152.8 128.8 150.7 125.2%22 stroke-width=%221.05%22 opacity=%220.18%22/%3E%3Cpath d=%22M150.7 125.2Q144.9 111.9 137.6 99.5%22 stroke-width=%221.05%22 opacity=%220.41%22/%3E%3Cpath d=%22M137.6 99.5Q135.7 95.2 133.4 91.2%22 stroke-width=%221.05%22 opacity=%220.16%22/%3E%3Cpath d=%22M147.3 127.3Q144.7 122.8 142.6 118.0%22 stroke-width=%220.69%22 opacity=%220.14%22/%3E%3Cpath d=%22M142.6 118.0Q133.6 102.6 126.4 86.2%22 stroke-width=%220.69%22 opacity=%220.31%22/%3E%3Cpath d=%22M126.4 86.2Q123.5 81.3 121.2 76.0%22 stroke-width=%220.69%22 opacity=%220.12%22/%3E%3Cpath d=%22M150.3 143.9Q146.1 135.5 141.7 127.1%22 stroke-width=%221.04%22 opacity=%220.17%22/%3E%3Cpath d=%22M141.7 127.1Q127.3 98.0 112.2 69.2%22 stroke-width=%221.04%22 opacity=%220.37%22/%3E%3Cpath d=%22M112.2 69.2Q107.6 59.8 102.7 50.5%22 stroke-width=%221.04%22 opacity=%220.15%22/%3E%3Cpath d=%22M137.1 125.5Q133.7 119.3 130.8 113.0%22 stroke-width=%220.91%22 opacity=%220.13%22/%3E%3Cpath d=%22M130.8 113.0Q119.2 92.0 109.0 70.2%22 stroke-width=%220.91%22 opacity=%220.28%22/%3E%3Cpath d=%22M109.0 70.2Q105.2 63.4 101.9 56.4%22 stroke-width=%220.91%22 opacity=%220.11%22/%3E%3Cpath d=%22M134.0 131.3Q130.9 125.6 128.2 119.9%22 stroke-width=%220.97%22 opacity=%220.15%22/%3E%3Cpath d=%22M128.2 119.9Q117.7 100.4 108.1 80.5%22 stroke-width=%220.97%22 opacity=%220.33%22/%3E%3Cpath d=%22M108.1 80.5Q104.7 74.2 101.6 67.8%22 stroke-width=%220.97%22 opacity=%220.13%22/%3E%3Cpath d=%22M133.1 141.7Q129.5 134.8 126.0 127.8%22 stroke-width=%221.02%22 opacity=%220.14%22/%3E%3Cpath d=%22M126.0 127.8Q113.6 103.9 101.6 79.8%22 stroke-width=%221.02%22 opacity=%220.30%22/%3E%3Cpath d=%22M101.6 79.8Q97.6 72.0 93.7 64.3%22 stroke-width=%221.02%22 opacity=%220.12%22/%3E%3Cpath d=%22M120.3 127.7Q117.0 121.4 113.8 115.0%22 stroke-width=%220.82%22 opacity=%220.15%22/%3E%3Cpath d=%22M113.8 115.0Q102.4 93.3 91.5 71.3%22 stroke-width=%220.82%22 opacity=%220.34%22/%3E%3Cpath d=%22M91.5 71.3Q87.9 64.3 84.3 57.2%22 stroke-width=%220.82%22 opacity=%220.14%22/%3E%3Cpath d=%22M118.1 131.6Q114.0 124.4 110.5 116.8%22 stroke-width=%220.75%22 opacity=%220.10%22/%3E%3Cpath d=%22M110.5 116.8Q96.4 91.9 84.5 65.8%22 stroke-width=%220.75%22 opacity=%220.23%22/%3E%3Cpath d=%22M84.5 65.8Q80.0 57.8 76.1 49.4%22 stroke-width=%220.75%22 opacity=%220.09%22/%3E%3Cpath d=%22M105.5 117.3Q103.0 112.0 100.2 106.9%22 stroke-width=%220.71%22 opacity=%220.11%22/%3E%3Cpath d=%22M100.2 106.9Q91.6 88.6 81.8 70.9%22 stroke-width=%220.71%22 opacity=%220.25%22/%3E%3Cpath d=%22M81.8 70.9Q79.0 65.0 75.9 59.3%22 stroke-width=%220.71%22 opacity=%220.10%22/%3E%3Cpath d=%22M107.4 130.5Q103.7 123.0 99.8 115.6%22 stroke-width=%220.97%22 opacity=%220.13%22/%3E%3Cpath d=%22M99.8 115.6Q87.2 89.9 73.8 64.5%22 stroke-width=%220.97%22 opacity=%220.28%22/%3E%3Cpath d=%22M73.8 64.5Q69.7 56.2 65.3 48.0%22 stroke-width=%220.97%22 opacity=%220.11%22/%3E%3Cpath d=%22M94.1 108.4L76.2 73.3%22 stroke-width=%220.68%22 opacity=%220.13%22/%3E%3Cpath d=%22M98.8 127.3Q96.5 122.1 93.6 117.2%22 stroke-width=%220.61%22 opacity=%220.08%22/%3E%3Cpath d=%22M93.6 117.2Q85.6 99.2 75.8 82.2%22 stroke-width=%220.61%22 opacity=%220.18%22/%3E%3Cpath d=%22M75.8 82.2Q73.2 76.3 70.0 70.9%22 stroke-width=%220.61%22 opacity=%220.07%22/%3E%3Cpath d=%22M97.4 132.5Q94.1 126.5 91.2 120.4%22 stroke-width=%220.73%22 opacity=%220.10%22/%3E%3Cpath d=%22M91.2 120.4Q79.8 100.1 70.1 78.9%22 stroke-width=%220.73%22 opacity=%220.21%22/%3E%3Cpath d=%22M70.1 78.9Q66.4 72.3 63.2 65.5%22 stroke-width=%220.73%22 opacity=%220.08%22/%3E%3Cpath d=%22M93.4 136.5Q90.5 131.6 88.2 126.3%22 stroke-width=%220.67%22 opacity=%220.07%22/%3E%3Cpath d=%22M88.2 126.3Q78.2 109.4 70.4 91.3%22 stroke-width=%220.67%22 opacity=%220.16%22/%3E%3Cpath d=%22M70.4 91.3Q67.1 85.8 64.6 80.0%22 stroke-width=%220.67%22 opacity=%220.07%22/%3E%3Cpath d=%22M87.8 136.7Q85.4 131.3 82.4 126.1%22 stroke-width=%221.04%22 opacity=%220.06%22/%3E%3Cpath d=%22M82.4 126.1Q74.1 107.4 63.8 89.6%22 stroke-width=%221.04%22 opacity=%220.14%22/%3E%3Cpath d=%22M63.8 89.6Q61.1 83.5 57.8 77.8%22 stroke-width=%221.04%22 opacity=%220.06%22/%3E%3Cpath d=%22M79.9 130.2Q77.6 125.4 75.1 120.7%22 stroke-width=%220.69%22 opacity=%220.06%22/%3E%3Cpath d=%22M75.1 120.7Q67.2 104.0 58.4 87.9%22 stroke-width=%220.69%22 opacity=%220.13%22/%3E%3Cpath d=%22M58.4 87.9Q55.8 82.5 53.0 77.3%22 stroke-width=%220.69%22 opacity=%220.05%22/%3E%3Cpath d=%22M77.5 137.2Q74.5 131.5 71.7 125.7%22 stroke-width=%220.62%22 opacity=%220.08%22/%3E%3Cpath d=%22M71.7 125.7Q61.4 106.2 51.6 86.3%22 stroke-width=%220.62%22 opacity=%220.18%22/%3E%3Cpath d=%22M51.6 86.3Q48.3 80.0 45.1 73.6%22 stroke-width=%220.62%22 opacity=%220.07%22/%3E%3Cpath d=%22M75.9 141.7Q73.2 136.2 70.3 130.8%22 stroke-width=%220.94%22 opacity=%220.08%22/%3E%3Cpath d=%22M70.3 130.8Q61.0 111.8 51.1 93.1%22 stroke-width=%220.94%22 opacity=%220.18%22/%3E%3Cpath d=%22M51.1 93.1Q48.1 86.9 44.9 80.9%22 stroke-width=%220.94%22 opacity=%220.07%22/%3E%3Cpath d=%22M70.5 140.0Q67.6 135.3 65.5 130.3%22 stroke-width=%220.65%22 opacity=%220.06%22/%3E%3Cpath d=%22M65.5 130.3Q55.8 114.2 48.5 96.9%22 stroke-width=%220.65%22 opacity=%220.14%22/%3E%3Cpath d=%22M48.5 96.9Q45.4 91.7 43.0 86.1%22 stroke-width=%220.65%22 opacity=%220.06%22/%3E%3Cpath d=%22M62.7 137.0Q61.4 135.1 60.6 132.9%22 stroke-width=%220.73%22 opacity=%220.06%22/%3E%3Cpath d=%22M60.6 132.9Q56.3 126.2 53.4 118.8%22 stroke-width=%220.73%22 opacity=%220.14%22/%3E%3Cpath d=%22M53.4 118.8Q52.0 116.7 51.1 114.3%22 stroke-width=%220.73%22 opacity=%220.05%22/%3E%3Cpath d=%22M58.0 138.5Q56.8 137.1 56.4 135.4%22 stroke-width=%220.64%22 opacity=%220.07%22/%3E%3Cpath d=%22M56.4 135.4Q52.5 130.8 51.1 124.9%22 stroke-width=%220.64%22 opacity=%220.16%22/%3E%3Cpath d=%22M51.1 124.9Q49.8 123.4 49.3 121.5%22 stroke-width=%220.64%22 opacity=%220.06%22/%3E%3Cpath d=%22M52.2 137.3Q51.9 136.2 51.2 135.4%22 stroke-width=%220.79%22 opacity=%220.05%22/%3E%3Cpath d=%22M51.2 135.4Q50.3 131.8 48.0 129.0%22 stroke-width=%220.79%22 opacity=%220.12%22/%3E%3Cpath d=%22M48.0 129.0Q47.7 127.9 46.9 127.0%22 stroke-width=%220.79%22 opacity=%220.05%22/%3E%3C/g%3E%3C/svg%3E");--pencil-dash-graphite:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 28 6%22%3E%3Cpath d=%22M2 3.6C9 2.4 18 2.2 26 2.8%22 stroke=%22%23626262%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M5 4.4C12 3.6 19 3.5 24 3.9%22 stroke=%22%23626262%22 stroke-width=%221%22 stroke-linecap=%22round%22 fill=%22none%22 opacity=%22.5%22/%3E%3C/svg%3E");--pencil-hatch-graphite:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 280 190%22 fill=%22none%22%3E%3Cg stroke=%22%23626262%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M281.8 92.0Q280.7 89.3 279.1 86.7%22 stroke-width=%220.71%22 opacity=%220.21%22/%3E%3Cpath d=%22M279.1 86.7Q275.2 77.3 269.9 68.6%22 stroke-width=%220.71%22 opacity=%220.47%22/%3E%3Cpath d=%22M269.9 68.6Q268.6 65.6 266.9 62.8%22 stroke-width=%220.71%22 opacity=%220.19%22/%3E%3Cpath d=%22M278.1 93.4Q277.3 91.8 276.4 90.2%22 stroke-width=%220.90%22 opacity=%220.23%22/%3E%3Cpath d=%22M276.4 90.2Q273.7 84.5 270.7 78.9%22 stroke-width=%220.90%22 opacity=%220.50%22/%3E%3Cpath d=%22M270.7 78.9Q269.8 77.1 268.9 75.3%22 stroke-width=%220.90%22 opacity=%220.20%22/%3E%3Cpath d=%22M274.2 88.6L271.8 83.9%22 stroke-width=%220.63%22 opacity=%220.23%22/%3E%3Cpath d=%22M278.2 103.4Q276.5 100.4 275.1 97.3%22 stroke-width=%221.03%22 opacity=%220.24%22/%3E%3Cpath d=%22M275.1 97.3Q269.2 87.0 264.3 76.3%22 stroke-width=%221.03%22 opacity=%220.54%22/%3E%3Cpath d=%22M264.3 76.3Q262.5 73.0 260.9 69.5%22 stroke-width=%221.03%22 opacity=%220.22%22/%3E%3Cpath d=%22M270.0 100.8Q268.3 97.1 266.3 93.7%22 stroke-width=%220.74%22 opacity=%220.21%22/%3E%3Cpath d=%22M266.3 93.7Q260.7 81.0 253.8 69.0%22 stroke-width=%220.74%22 opacity=%220.47%22/%3E%3Cpath d=%22M253.8 69.0Q251.9 64.9 249.7 61.1%22 stroke-width=%220.74%22 opacity=%220.19%22/%3E%3Cpath d=%22M267.2 102.0Q265.1 98.2 263.2 94.3%22 stroke-width=%220.62%22 opacity=%220.25%22/%3E%3Cpath d=%22M263.2 94.3Q256.1 81.2 249.6 67.6%22 stroke-width=%220.62%22 opacity=%220.55%22/%3E%3Cpath d=%22M249.6 67.6Q247.3 63.4 245.3 59.0%22 stroke-width=%220.62%22 opacity=%220.22%22/%3E%3Cpath d=%22M269.3 115.6Q266.9 111.4 264.9 106.9%22 stroke-width=%220.71%22 opacity=%220.25%22/%3E%3Cpath d=%22M264.9 106.9Q256.6 92.4 249.7 77.2%22 stroke-width=%220.71%22 opacity=%220.55%22/%3E%3Cpath d=%22M249.7 77.2Q247.1 72.5 244.8 67.6%22 stroke-width=%220.71%22 opacity=%220.22%22/%3E%3Cpath d=%22M259.8 111.9Q257.1 106.2 254.1 100.6%22 stroke-width=%220.59%22 opacity=%220.18%22/%3E%3Cpath d=%22M254.1 100.6Q244.6 81.1 234.4 61.9%22 stroke-width=%220.59%22 opacity=%220.41%22/%3E%3Cpath d=%22M234.4 61.9Q231.3 55.6 228.0 49.4%22 stroke-width=%220.59%22 opacity=%220.16%22/%3E%3Cpath d=%22M257.4 117.7Q254.6 112.9 252.4 107.8%22 stroke-width=%220.74%22 opacity=%220.21%22/%3E%3Cpath d=%22M252.4 107.8Q242.7 91.3 235.0 73.7%22 stroke-width=%220.74%22 opacity=%220.46%22/%3E%3Cpath d=%22M235.0 73.7Q231.9 68.4 229.4 62.7%22 stroke-width=%220.74%22 opacity=%220.19%22/%3E%3Cpath d=%22M248.4 105.8Q247.3 103.9 246.4 102.0%22 stroke-width=%220.93%22 opacity=%220.23%22/%3E%3Cpath d=%22M246.4 102.0Q242.7 95.7 239.8 89.0%22 stroke-width=%220.93%22 opacity=%220.50%22/%3E%3Cpath d=%22M239.8 89.0Q238.6 87.0 237.7 84.8%22 stroke-width=%220.93%22 opacity=%220.20%22/%3E%3Cpath d=%22M249.5 118.8Q247.0 113.7 244.4 108.8%22 stroke-width=%220.78%22 opacity=%220.18%22/%3E%3Cpath d=%22M244.4 108.8Q235.8 91.5 226.9 74.3%22 stroke-width=%220.78%22 opacity=%220.41%22/%3E%3Cpath d=%22M226.9 74.3Q224.1 68.8 221.2 63.2%22 stroke-width=%220.78%22 opacity=%220.16%22/%3E%3Cpath d=%22M239.3 108.6Q236.6 102.5 233.2 96.6%22 stroke-width=%220.99%22 opacity=%220.19%22/%3E%3Cpath d=%22M233.2 96.6Q223.7 75.5 212.2 55.4%22 stroke-width=%220.99%22 opacity=%220.43%22/%3E%3Cpath d=%22M212.2 55.4Q209.2 48.6 205.4 42.1%22 stroke-width=%220.99%22 opacity=%220.17%22/%3E%3Cpath d=%22M232.0 109.3Q230.4 106.1 228.8 102.9%22 stroke-width=%220.58%22 opacity=%220.27%22/%3E%3Cpath d=%22M228.8 102.9Q223.2 91.9 217.6 80.9%22 stroke-width=%220.58%22 opacity=%220.59%22/%3E%3Cpath d=%22M217.6 80.9Q215.7 77.3 213.9 73.8%22 stroke-width=%220.58%22 opacity=%220.24%22/%3E%3Cpath d=%22M223.0 96.3L217.6 85.7%22 stroke-width=%220.41%22 opacity=%220.27%22/%3E%3Cpath d=%22M230.5 113.5Q227.1 107.1 224.0 100.7%22 stroke-width=%220.73%22 opacity=%220.29%22/%3E%3Cpath d=%22M224.0 100.7Q212.4 78.7 201.5 56.5%22 stroke-width=%220.73%22 opacity=%220.64%22/%3E%3Cpath d=%22M201.5 56.5Q197.8 49.5 194.2 42.3%22 stroke-width=%220.73%22 opacity=%220.26%22/%3E%3Cpath d=%22M217.2 91.1L206.8 70.8%22 stroke-width=%220.51%22 opacity=%220.29%22/%3E%3Cpath d=%22M225.3 112.5Q222.4 107.0 219.6 101.3%22 stroke-width=%220.81%22 opacity=%220.22%22/%3E%3Cpath d=%22M219.6 101.3Q209.4 82.2 199.9 62.7%22 stroke-width=%220.81%22 opacity=%220.50%22/%3E%3Cpath d=%22M199.9 62.7Q196.6 56.5 193.6 50.2%22 stroke-width=%220.81%22 opacity=%220.20%22/%3E%3Cpath d=%22M218.9 103.1L209.7 85.1%22 stroke-width=%220.57%22 opacity=%220.22%22/%3E%3Cpath d=%22M224.8 121.9Q220.0 113.3 215.9 104.4%22 stroke-width=%220.96%22 opacity=%220.21%22/%3E%3Cpath d=%22M215.9 104.4Q199.4 74.8 185.2 44.1%22 stroke-width=%220.96%22 opacity=%220.47%22/%3E%3Cpath d=%22M185.2 44.1Q179.8 34.6 175.3 24.7%22 stroke-width=%220.96%22 opacity=%220.19%22/%3E%3Cpath d=%22M217.8 118.9Q213.7 110.9 209.7 102.9%22 stroke-width=%220.93%22 opacity=%220.19%22/%3E%3Cpath d=%22M209.7 102.9Q195.6 75.5 181.7 48.1%22 stroke-width=%220.93%22 opacity=%220.42%22/%3E%3Cpath d=%22M181.7 48.1Q177.2 39.2 172.7 30.4%22 stroke-width=%220.93%22 opacity=%220.17%22/%3E%3Cpath d=%22M207.7 109.8Q204.0 101.8 199.7 94.2%22 stroke-width=%220.77%22 opacity=%220.26%22/%3E%3Cpath d=%22M199.7 94.2Q187.3 66.7 172.4 40.5%22 stroke-width=%220.77%22 opacity=%220.57%22/%3E%3Cpath d=%22M172.4 40.5Q168.4 31.7 163.6 23.2%22 stroke-width=%220.77%22 opacity=%220.23%22/%3E%3Cpath d=%22M195.9 91.1L184.1 68.0%22 stroke-width=%220.54%22 opacity=%220.26%22/%3E%3Cpath d=%22M202.7 113.8Q198.7 106.7 195.3 99.3%22 stroke-width=%220.70%22 opacity=%220.18%22/%3E%3Cpath d=%22M195.3 99.3Q181.5 75.0 169.9 49.4%22 stroke-width=%220.70%22 opacity=%220.39%22/%3E%3Cpath d=%22M169.9 49.4Q165.5 41.6 161.7 33.4%22 stroke-width=%220.70%22 opacity=%220.16%22/%3E%3Cpath d=%22M203.0 122.5Q198.1 112.6 193.0 102.8%22 stroke-width=%220.98%22 opacity=%220.22%22/%3E%3Cpath d=%22M193.0 102.8Q175.9 68.7 158.4 34.9%22 stroke-width=%220.98%22 opacity=%220.49%22/%3E%3Cpath d=%22M158.4 34.9Q152.9 23.9 147.2 13.0%22 stroke-width=%220.98%22 opacity=%220.20%22/%3E%3Cpath d=%22M192.2 112.7Q189.6 108.2 187.5 103.5%22 stroke-width=%220.92%22 opacity=%220.22%22/%3E%3Cpath d=%22M187.5 103.5Q178.6 87.8 171.2 71.5%22 stroke-width=%220.92%22 opacity=%220.48%22/%3E%3Cpath d=%22M171.2 71.5Q168.3 66.5 165.9 61.2%22 stroke-width=%220.92%22 opacity=%220.19%22/%3E%3Cpath d=%22M190.9 119.9Q188.8 115.1 186.2 110.6%22 stroke-width=%220.86%22 opacity=%220.17%22/%3E%3Cpath d=%22M186.2 110.6Q179.1 94.2 170.0 78.9%22 stroke-width=%220.86%22 opacity=%220.39%22/%3E%3Cpath d=%22M170.0 78.9Q167.7 73.6 164.7 68.6%22 stroke-width=%220.86%22 opacity=%220.16%22/%3E%3Cpath d=%22M187.1 121.3Q183.1 113.8 179.4 106.1%22 stroke-width=%220.59%22 opacity=%220.24%22/%3E%3Cpath d=%22M179.4 106.1Q165.5 80.2 152.7 53.7%22 stroke-width=%220.59%22 opacity=%220.54%22/%3E%3Cpath d=%22M152.7 53.7Q148.2 45.3 144.0 36.8%22 stroke-width=%220.59%22 opacity=%220.21%22/%3E%3Cpath d=%22M186.2 130.3Q183.9 125.0 181.0 120.0%22 stroke-width=%220.98%22 opacity=%220.22%22/%3E%3Cpath d=%22M181.0 120.0Q173.0 101.8 163.0 84.6%22 stroke-width=%220.98%22 opacity=%220.50%22/%3E%3Cpath d=%22M163.0 84.6Q160.4 78.7 157.1 73.2%22 stroke-width=%220.98%22 opacity=%220.20%22/%3E%3Cpath d=%22M176.8 122.5Q175.4 119.1 173.5 116.0%22 stroke-width=%220.61%22 opacity=%220.19%22/%3E%3Cpath d=%22M173.5 116.0Q168.6 104.3 162.1 93.5%22 stroke-width=%220.61%22 opacity=%220.42%22/%3E%3Cpath d=%22M162.1 93.5Q160.5 89.8 158.4 86.3%22 stroke-width=%220.61%22 opacity=%220.17%22/%3E%3Cpath d=%22M169.0 118.0Q164.6 109.5 160.2 100.9%22 stroke-width=%221.02%22 opacity=%220.18%22/%3E%3Cpath d=%22M160.2 100.9Q145.1 71.6 130.2 42.1%22 stroke-width=%221.02%22 opacity=%220.41%22/%3E%3Cpath d=%22M130.2 42.1Q125.4 32.6 120.6 23.1%22 stroke-width=%221.02%22 opacity=%220.16%22/%3E%3Cpath d=%22M151.7 88.6L137.0 59.8%22 stroke-width=%220.71%22 opacity=%220.18%22/%3E%3Cpath d=%22M169.0 126.4Q165.4 119.3 161.8 112.2%22 stroke-width=%220.89%22 opacity=%220.15%22/%3E%3Cpath d=%22M161.8 112.2Q149.2 87.9 136.9 63.5%22 stroke-width=%220.89%22 opacity=%220.33%22/%3E%3Cpath d=%22M136.9 63.5Q132.9 55.6 128.9 47.7%22 stroke-width=%220.89%22 opacity=%220.13%22/%3E%3Cpath d=%22M173.7 147.5Q168.3 136.1 162.3 124.9%22 stroke-width=%220.65%22 opacity=%220.20%22/%3E%3Cpath d=%22M162.3 124.9Q143.4 85.6 122.7 47.2%22 stroke-width=%220.65%22 opacity=%220.44%22/%3E%3Cpath d=%22M122.7 47.2Q116.6 34.5 109.9 22.1%22 stroke-width=%220.65%22 opacity=%220.18%22/%3E%3Cpath d=%22M167.8 145.2Q163.4 135.9 158.5 126.9%22 stroke-width=%220.81%22 opacity=%220.17%22/%3E%3Cpath d=%22M158.5 126.9Q143.4 94.9 126.4 63.9%22 stroke-width=%220.81%22 opacity=%220.38%22/%3E%3Cpath d=%22M126.4 63.9Q121.5 53.5 116.0 43.5%22 stroke-width=%220.81%22 opacity=%220.15%22/%3E%3Cpath d=%22M163.0 147.3Q157.3 135.4 151.1 123.8%22 stroke-width=%220.76%22 opacity=%220.16%22/%3E%3Cpath d=%22M151.1 123.8Q131.4 82.9 109.9 43.0%22 stroke-width=%220.76%22 opacity=%220.35%22/%3E%3Cpath d=%22M109.9 43.0Q103.6 29.8 96.6 17.0%22 stroke-width=%220.76%22 opacity=%220.14%22/%3E%3Cpath d=%22M152.1 134.5Q148.2 127.2 144.7 119.8%22 stroke-width=%221.02%22 opacity=%220.15%22/%3E%3Cpath d=%22M144.7 119.8Q131.0 94.9 118.9 69.3%22 stroke-width=%221.02%22 opacity=%220.34%22/%3E%3Cpath d=%22M118.9 69.3Q114.5 61.3 110.6 53.0%22 stroke-width=%221.02%22 opacity=%220.14%22/%3E%3Cpath d=%22M143.0 131.1Q139.7 124.0 135.8 117.1%22 stroke-width=%220.79%22 opacity=%220.14%22/%3E%3Cpath d=%22M135.8 117.1Q124.4 92.5 111.2 68.8%22 stroke-width=%220.79%22 opacity=%220.30%22/%3E%3Cpath d=%22M111.2 68.8Q107.6 60.9 103.3 53.3%22 stroke-width=%220.79%22 opacity=%220.12%22/%3E%3Cpath d=%22M145.5 143.0Q142.3 136.0 138.5 129.3%22 stroke-width=%220.62%22 opacity=%220.17%22/%3E%3Cpath d=%22M138.5 129.3Q127.5 105.1 114.4 82.0%22 stroke-width=%220.62%22 opacity=%220.37%22/%3E%3Cpath d=%22M114.4 82.0Q110.8 74.2 106.6 66.7%22 stroke-width=%220.62%22 opacity=%220.15%22/%3E%3Cpath d=%22M139.5 145.1Q135.9 138.4 132.6 131.6%22 stroke-width=%220.58%22 opacity=%220.10%22/%3E%3Cpath d=%22M132.6 131.6Q120.4 108.7 109.1 85.4%22 stroke-width=%220.58%22 opacity=%220.22%22/%3E%3Cpath d=%22M109.1 85.4Q105.1 78.0 101.5 70.4%22 stroke-width=%220.58%22 opacity=%220.09%22/%3E%3Cpath d=%22M131.5 132.1L121.3 112.2%22 stroke-width=%220.41%22 opacity=%220.10%22/%3E%3Cpath d=%22M136.4 145.4Q131.2 134.8 125.7 124.5%22 stroke-width=%220.56%22 opacity=%220.13%22/%3E%3Cpath d=%22M125.7 124.5Q108.1 88.2 89.1 52.6%22 stroke-width=%220.56%22 opacity=%220.28%22/%3E%3Cpath d=%22M89.1 52.6Q83.4 40.8 77.2 29.3%22 stroke-width=%220.56%22 opacity=%220.11%22/%3E%3Cpath d=%22M117.9 122.8Q114.7 116.1 111.2 109.6%22 stroke-width=%220.77%22 opacity=%220.12%22/%3E%3Cpath d=%22M111.2 109.6Q100.4 86.7 88.1 64.5%22 stroke-width=%220.77%22 opacity=%220.26%22/%3E%3Cpath d=%22M88.1 64.5Q84.7 57.0 80.7 49.9%22 stroke-width=%220.77%22 opacity=%220.10%22/%3E%3Cpath d=%22M121.4 140.4Q117.4 132.9 113.7 125.3%22 stroke-width=%220.57%22 opacity=%220.13%22/%3E%3Cpath d=%22M113.7 125.3Q100.1 99.4 87.1 73.2%22 stroke-width=%220.57%22 opacity=%220.29%22/%3E%3Cpath d=%22M87.1 73.2Q82.8 64.9 78.6 56.4%22 stroke-width=%220.57%22 opacity=%220.11%22/%3E%3Cpath d=%22M107.8 117.6L88.9 80.4%22 stroke-width=%220.40%22 opacity=%220.13%22/%3E%3Cpath d=%22M115.8 139.2Q111.6 131.6 108.0 123.7%22 stroke-width=%220.59%22 opacity=%220.09%22/%3E%3Cpath d=%22M108.0 123.7Q93.4 97.6 80.8 70.4%22 stroke-width=%220.59%22 opacity=%220.19%22/%3E%3Cpath d=%22M80.8 70.4Q76.1 61.9 72.0 53.2%22 stroke-width=%220.59%22 opacity=%220.08%22/%3E%3Cpath d=%22M111.2 140.7Q107.7 133.0 103.6 125.7%22 stroke-width=%220.78%22 opacity=%220.12%22/%3E%3Cpath d=%22M103.6 125.7Q91.6 99.3 77.3 74.1%22 stroke-width=%220.78%22 opacity=%220.26%22/%3E%3Cpath d=%22M77.3 74.1Q73.4 65.6 68.8 57.5%22 stroke-width=%220.78%22 opacity=%220.11%22/%3E%3Cpath d=%22M102.5 133.7Q99.2 127.0 95.7 120.3%22 stroke-width=%220.85%22 opacity=%220.10%22/%3E%3Cpath d=%22M95.7 120.3Q84.1 97.0 72.1 74.0%22 stroke-width=%220.85%22 opacity=%220.23%22/%3E%3Cpath d=%22M72.1 74.0Q68.3 66.5 64.5 59.0%22 stroke-width=%220.85%22 opacity=%220.09%22/%3E%3Cpath d=%22M95.1 128.1Q92.9 122.9 90.0 118.1%22 stroke-width=%220.94%22 opacity=%220.11%22/%3E%3Cpath d=%22M90.0 118.1Q82.5 100.4 72.6 83.8%22 stroke-width=%220.94%22 opacity=%220.24%22/%3E%3Cpath d=%22M72.6 83.8Q70.1 78.1 66.9 72.7%22 stroke-width=%220.94%22 opacity=%220.10%22/%3E%3Cpath d=%22M91.2 130.6Q88.6 124.7 85.4 119.2%22 stroke-width=%220.70%22 opacity=%220.09%22/%3E%3Cpath d=%22M85.4 119.2Q76.4 99.1 65.5 79.9%22 stroke-width=%220.70%22 opacity=%220.20%22/%3E%3Cpath d=%22M65.5 79.9Q62.5 73.5 59.0 67.3%22 stroke-width=%220.70%22 opacity=%220.08%22/%3E%3Cpath d=%22M79.8 118.2Q77.1 113.4 74.8 108.5%22 stroke-width=%220.83%22 opacity=%220.10%22/%3E%3Cpath d=%22M74.8 108.5Q65.7 92.1 57.8 75.1%22 stroke-width=%220.83%22 opacity=%220.22%22/%3E%3Cpath d=%22M57.8 75.1Q54.9 69.8 52.3 64.3%22 stroke-width=%220.83%22 opacity=%220.09%22/%3E%3Cpath d=%22M74.6 118.3Q72.4 114.5 70.6 110.5%22 stroke-width=%220.80%22 opacity=%220.07%22/%3E%3Cpath d=%22M70.6 110.5Q63.0 97.3 56.8 83.4%22 stroke-width=%220.80%22 opacity=%220.15%22/%3E%3Cpath d=%22M56.8 83.4Q54.3 79.2 52.3 74.7%22 stroke-width=%220.80%22 opacity=%220.06%22/%3E%3Cpath d=%22M66.2 105.0L57.7 88.4%22 stroke-width=%220.56%22 opacity=%220.07%22/%3E%3Cpath d=%22M63.7 109.9Q61.8 106.8 60.4 103.4%22 stroke-width=%221.01%22 opacity=%220.08%22/%3E%3Cpath d=%22M60.4 103.4Q53.7 92.6 48.9 80.8%22 stroke-width=%221.01%22 opacity=%220.18%22/%3E%3Cpath d=%22M48.9 80.8Q46.7 77.3 45.2 73.5%22 stroke-width=%221.01%22 opacity=%220.07%22/%3E%3Cpath d=%22M59.6 105.1L51.9 90.0%22 stroke-width=%220.70%22 opacity=%220.08%22/%3E%3Cpath d=%22M58.7 109.3Q57.4 106.1 55.6 103.2%22 stroke-width=%221.00%22 opacity=%220.07%22/%3E%3Cpath d=%22M55.6 103.2Q51.4 92.2 44.9 82.4%22 stroke-width=%221.00%22 opacity=%220.16%22/%3E%3Cpath d=%22M44.9 82.4Q43.6 78.8 41.5 75.6%22 stroke-width=%221.00%22 opacity=%220.06%22/%3E%3Cpath d=%22M49.1 101.8Q48.2 100.2 47.4 98.5%22 stroke-width=%220.85%22 opacity=%220.05%22/%3E%3Cpath d=%22M47.4 98.5Q44.5 92.8 41.5 87.1%22 stroke-width=%220.85%22 opacity=%220.12%22/%3E%3Cpath d=%22M41.5 87.1Q40.6 85.2 39.7 83.4%22 stroke-width=%220.85%22 opacity=%220.05%22/%3E%3C/g%3E%3C/svg%3E")}.site .site-eyebrow{color:var(--graphite);letter-spacing:1.6px;text-transform:uppercase;align-items:center;gap:10px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-flex}.site .site-eyebrow:before,.site .site-panel>.site-eyebrow:before,.site .site-panel .site-section-head .site-eyebrow:before,.site .site-panel :is(.site-chords-copy,.site-practice-copy)>.site-eyebrow:before{content:"";background:var(--pencil-dash-orange) no-repeat center / contain;border-radius:0;flex:none;width:26px;height:6px;display:block}.site .site-eyebrow>i{display:none}.site .site-panel-warm .site-eyebrow:before{background-image:var(--pencil-dash-orange)}.site .site-panel-sage .site-eyebrow:before{background-image:var(--pencil-dash-teal)}.site .site-panel-lilac .site-eyebrow:before,.site .site-panel-lilac>div>.site-eyebrow:before{background-image:var(--pencil-dash-graphite)}.site .site-panel-lilac>div>.site-eyebrow{color:var(--graphite)}.site .site-small-note{color:var(--muted);font-size:12px}.site :is(.site-section-head,.site-chords-copy,.site-guide-teaser) h2,.site :is(.site-course-start,.site-materials,.site-learning-loop,.site-approach-question,.site-practice-copy) h2{color:var(--ink);letter-spacing:-.9px;font-size:clamp(27px,2.7vw,38px);font-weight:500;line-height:1.22}.site .site-section-head h2{margin-top:14px}.site .site-text-link{color:var(--ink);text-underline-offset:7px;gap:12px;min-height:40px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;transition:text-decoration-color .2s,color .2s;position:relative}.site .site-text-link:hover{color:var(--ink);-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.site .site-text-link svg{color:var(--orange-ink)}.site .site-button{border-radius:var(--radius-s);border:1.5px solid var(--ink);background:var(--ink);color:#fff;letter-spacing:.1px;min-height:52px;box-shadow:none;transition:background-color .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease), transform .22s var(--ease);gap:18px;padding:14px 18px 14px 24px;font-size:14px;font-weight:500}.site .site-button>svg{background:var(--orange);width:30px;height:30px;color:var(--ink);transition:transform .26s var(--ease), background-color .22s ease;border-radius:50%;padding:6px}.site .site-button:hover{background:var(--orange);border-color:var(--orange);color:var(--ink);box-shadow:none}.site .site-button:hover>svg{background:var(--ink);color:#fff;transform:translate(3px)}.site .site-button:active{transform:translateY(1px)}.site .site-button:disabled{opacity:.55}.site{overflow-x:clip}.site .site-header{z-index:30;background:0 0;border-bottom:0;gap:28px;min-height:84px;position:sticky;top:0}.site .site-header:before{content:"";z-index:-1;border-bottom:1px solid var(--line);background:#fff;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.site .site-nav{color:var(--graphite);gap:4px;font-size:14px}.site .site-nav a{color:var(--graphite);border:0;border-radius:10px;padding:10px 14px;font-weight:500;transition:color .18s,background-color .18s;position:relative}.site .site-nav a:after{content:"";background:var(--pencil-underline-orange) no-repeat center / 100% 100%;opacity:0;transform-origin:0;height:7px;transition:opacity .22s ease, transform .32s var(--ease);position:absolute;bottom:2px;left:14px;right:14px;transform:scaleX(.4)}.site .site-nav a:hover{color:var(--ink);background:0 0}.site .site-nav a:hover:after{opacity:.45;transform:scaleX(1)}.site .site-nav a[aria-current=page]{color:var(--ink);background:0 0;border:0}.site .site-nav a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.site .site-header-app{border:1.5px solid var(--ink);border-radius:var(--radius-s);min-height:44px;color:var(--ink);background:#fff;gap:12px;padding:8px 8px 8px 16px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s}.site .site-header-app>svg{background:var(--orange);width:26px;height:26px;color:var(--ink);transition:transform .24s var(--ease);border-radius:50%;padding:5px}.site .site-header-app:hover{background:var(--ink);color:#fff}.site .site-header-app:hover>svg{transform:translate(2px)}.site .site-hero{padding-block:64px 56px}.site .site-hero h1{color:var(--ink);letter-spacing:-3px;margin:26px 0 28px;font-size:clamp(48px,5.4vw,80px);font-weight:400;line-height:1.02}.site .site-hero h1>span{color:var(--ink);background:var(--pencil-underline-orange) no-repeat left 100% / 100% .22em;padding-bottom:.1em;display:inline-block}.site .site-hero-copy>p{color:var(--graphite);max-width:44ch;font-size:17px;line-height:1.8}.site .site-hero-actions{gap:14px 28px;margin:34px 0 22px}.site .site-hero-note{color:var(--muted);letter-spacing:.2px;align-items:center;gap:10px;font-size:12px;display:inline-flex}.site .site-hero-note:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px}.site .site-hero-demo:before{content:"";z-index:-1;background:var(--pencil-hatch-orange) no-repeat right top / contain;opacity:.55;pointer-events:none;width:210px;height:140px;position:absolute;top:-30px;right:-26px}.site .site-hero-demo:after{content:"";z-index:-1;background:var(--pencil-hatch-teal) no-repeat left bottom / contain;opacity:.45;pointer-events:none;width:180px;height:120px;position:absolute;bottom:-28px;left:-30px;transform:rotate(180deg)}.site .site-hero{isolation:isolate;position:relative}.site .site-demo-heading{border-bottom:1px dashed var(--line-strong);margin:0 6px 16px;padding-bottom:16px}.site .site-demo-heading>span:last-child{color:var(--graphite);font-size:13px}.site :is(.site-composition-source-hint,.site-composition-footer p,.site-composition-placeholder){color:var(--muted)}.site .site-composition-source:hover .site-composition-title{color:var(--orange-ink)}.site .site-first-steps{gap:16px;margin-bottom:64px}.site .site-first-steps>a{border:1px solid var(--line);border-radius:var(--radius-m);transition:border-color .22s ease, transform .22s var(--ease), background-color .22s ease;background:#fff;gap:16px;padding:22px 20px;position:relative;overflow:hidden}.site .site-first-steps>a:hover{border-color:var(--ink);background:#fff;transform:translateY(-3px)}.site .site-entry-number{background:var(--tint-orange);width:42px;height:42px;color:var(--orange-ink);border-radius:30%;place-items:center;font-size:13px;font-weight:600;display:grid}.site .site-first-steps>a:nth-child(2) .site-entry-number{background:var(--tint-teal);color:var(--teal-ink)}.site .site-first-steps>a:nth-child(3) .site-entry-number{background:var(--tint-green);color:var(--green-ink)}.site .site-first-steps strong{color:var(--ink);font-size:16px;font-weight:600}.site .site-first-steps>a>div>span{color:var(--muted);font-size:12.5px}.site .site-first-steps>a>svg{color:var(--ink);transition:transform .22s var(--ease)}.site .site-first-steps>a:hover>svg{transform:translate(3px)}.site .site-panel,.site .site-inner .site-panel{isolation:isolate;background:var(--panel-background,#fff);border:1px solid var(--panel-border,var(--line));border-radius:var(--radius-l);margin:0 0 40px;padding:clamp(28px,4vw,56px);position:relative;overflow:clip}.site .site-panel:after{content:"";z-index:-1;background:var(--panel-hatch,none) no-repeat right top / contain;opacity:.38;pointer-events:none;width:260px;height:170px;position:absolute;top:0;right:0}.site .site-panel-paper{--panel-background:#fff;--panel-border:var(--line)}.site .site-panel-warm{--panel-background:var(--tint-orange);--panel-border:color-mix(in srgb, var(--orange) 22%, #fff);--panel-hatch:var(--pencil-hatch-orange)}.site .site-panel-sage{--panel-background:var(--tint-teal);--panel-border:color-mix(in srgb, var(--teal) 22%, #fff);--panel-hatch:var(--pencil-hatch-teal)}.site .site-panel-lilac{--panel-background:var(--paper);--panel-border:var(--line);--panel-hatch:var(--pencil-hatch-graphite)}.site .site-syllable-practice.site-panel-sage{--panel-background:var(--tint-green);--panel-border:color-mix(in srgb, var(--green) 24%, #fff);--panel-hatch:var(--pencil-hatch-green)}.site .site-syllable-practice.site-panel-sage .site-eyebrow:before{background-image:var(--pencil-dash-green)}.site .site-tools-teaser.site-panel-sage{--panel-background:#fff;--panel-border:var(--line);--panel-hatch:none}.site .site-tools-teaser.site-panel-sage .site-eyebrow:before{background-image:var(--pencil-dash-graphite)}.site .site-course-start.site-panel-sage .site-eyebrow:before{background-image:var(--pencil-dash-teal)}.site .site-learning-loop.site-panel-sage{--panel-background:var(--paper);--panel-border:var(--line);--panel-hatch:var(--pencil-hatch-orange)}.site .site-learning-loop.site-panel-sage .site-eyebrow:before{background-image:var(--pencil-dash-orange)}.site .site-panel :is(.site-chords-copy,.site-practice-copy)>p,.site .site-guide-teaser>div>p,.site .site-course-start>div>p{color:var(--graphite);font-size:15px;line-height:1.8}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.site .site-panel,.site .site-first-steps>a,.site .site-glossary-list>article,.site .site-app-link{animation:linear both site-sheet-in;animation-timeline:view();animation-range:entry entry 28%}.site .site-course-outline.site-panel{animation-name:site-sheet-fade}}}@keyframes site-sheet-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes site-sheet-fade{0%{opacity:0}to{opacity:1}}.site .site-mood-intro{color:var(--graphite);font-size:15px}.site .site-mood-background:is(.is-mood-drop,.is-chosen){box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 25%, transparent);border-color:var(--teal)}.site .site-path-grid{gap:20px}.site .site-path{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius-m);transition:border-color .24s ease, transform .24s var(--ease);background:#fff;padding:24px 26px 26px;position:relative;overflow:hidden}.site .site-path:before{content:"";background:var(--section-color);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:26px;right:26px}.site .site-path:after{content:"";z-index:-1;opacity:0;background:var(--path-hatch,none) no-repeat right top / contain;width:200px;height:130px;transition:opacity .3s;position:absolute;top:-20px;right:-40px}.site .site-path:hover{border-color:color-mix(in srgb, var(--section-color) 70%, var(--ink));background:#fff;transform:translateY(-4px)}.site .site-path:hover:after{opacity:.5}.site .site-path:first-child{--path-hatch:var(--pencil-hatch-orange)}.site .site-path:nth-child(2){--path-hatch:var(--pencil-hatch-green)}.site .site-path:nth-child(3){--path-hatch:var(--pencil-hatch-teal)}.site .site-path-top{color:color-mix(in srgb, var(--section-color,#626262) 66%, #000);font-size:12px;font-weight:600}.site .site-path-top svg{color:var(--ink)}.site .site-path h3{color:var(--ink);letter-spacing:-.6px;font-size:30px;font-weight:500}.site .site-path:hover h3{color:var(--ink)}.site .site-path p{color:var(--graphite);font-size:14px}.site .site-path-label{color:color-mix(in srgb, var(--section-color,#626262) 66%, #000);letter-spacing:1.2px;font-size:11px;font-weight:600}.site .site-material-note{color:var(--muted);font-size:13px}.site .site-chord-mood{color:var(--graphite);font-size:11.5px}.site .site-chords-copy .site-chords-invitation{color:var(--muted)}.site .site-chords-notice,.site .site-demo-notice{color:var(--orange-ink)}.site .site-principle-grid{gap:28px}.site .site-principle-grid article{border-top:0;padding:0}.site .site-principle-grid article:before{content:"";background:var(--principle-line,var(--pencil-underline-orange)) no-repeat left center / 100% 100%;height:7px;margin-bottom:20px;display:block}.site .site-principle-grid article:first-child{--principle-line:var(--pencil-underline-green)}.site .site-principle-grid article:nth-child(3){--principle-line:var(--pencil-underline-teal)}.site .site-principle-number{color:color-mix(in srgb, var(--section-color,#626262) 66%, #000);letter-spacing:.6px;font-size:12px;font-weight:600}.site .site-principle-grid h3{color:var(--ink);letter-spacing:-.4px;font-size:26px;font-weight:500}.site .site-principle-grid p{color:var(--graphite);font-size:14.5px}.site .site-word-preview>span{color:var(--ink);font-weight:500}.site .site-word-preview>p{color:var(--graphite)}.site .site-word-preview>small{color:var(--muted)}.site .site-preview-seasons>button>small{color:var(--graphite)}.site .site-tools-teaser h2{color:var(--ink);font-weight:500}.site .site-tools-teaser p{color:var(--graphite)}.site .site-inner{padding-top:28px}.site .site-breadcrumb{color:var(--muted);margin-bottom:28px;font-size:12px}.site .site-breadcrumb a:hover{color:var(--ink)}.site .site-breadcrumb>span:last-child{color:var(--ink);font-weight:500}.site .site-page-intro{padding:20px 0 52px}.site .site-page-intro h1{color:var(--ink);letter-spacing:-2.2px;font-size:clamp(40px,4.6vw,66px);font-weight:400;line-height:1.08}.site .site-page-intro h1 span{color:var(--graphite)}.site .site-page-intro-copy>p{color:var(--graphite);font-size:17px}.site .site-page-intro-art{position:relative}.site .site-page-intro-art:before{content:"";z-index:-1;background:var(--pencil-hatch-graphite) no-repeat right top / contain;opacity:.28;width:82%;height:70%;position:absolute;inset:-10% -14% auto auto}.site .site-page-intro-split{isolation:isolate;position:relative}.site .site-page-contents{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);margin-bottom:40px;padding:14px 18px}.site .site-page-contents>span{color:var(--muted);letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:600}.site .site-page-contents>a{color:var(--ink);border-radius:10px;padding:4px 12px;font-weight:500}.site .site-page-contents>a:hover{background:#fff}.site .site-page-contents small{color:var(--orange-ink);font-weight:600}.site .site-page-contents svg{color:var(--graphite)}.site .site-course-nav{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);gap:4px;margin-bottom:40px;padding:8px}.site .site-course-nav>a{color:var(--graphite);border-radius:12px;min-height:44px;padding:10px 16px;font-weight:500}.site .site-course-nav>a>span{opacity:1;width:8px;height:8px}.site .site-course-nav>a:hover{color:var(--ink);background:#fff}.site .site-course-nav>a[aria-current=page]{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff}.site .site-course-nav .site-course-overview{color:var(--ink)}.site .site-app-list{gap:16px}.site .site-app-link{border:1px solid var(--line);border-radius:var(--radius-m);transition:border-color .22s ease, transform .22s var(--ease);background:#fff;padding:24px}.site .site-app-link:hover{border-color:color-mix(in srgb, var(--section-color) 70%, var(--ink));background:#fff;transform:translateY(-2px)}.site .site-app-label{color:color-mix(in srgb, var(--section-color,#626262) 66%, #000);background:color-mix(in srgb, var(--section-color) 12%, #fff);font-weight:600}.site .site-app-link h3{color:var(--ink);font-size:19px;font-weight:500}.site .site-app-link:hover h3{color:var(--ink)}.site .site-app-link p{color:var(--graphite)}.site .site-app-link>svg{color:var(--ink)}.site .site-catalog-section .site-section-head h2{font-size:28px}.site .site-other-sections a{color:var(--ink)}.site .site-inline-note{background:var(--paper);border:0;border-left:3px solid var(--orange);color:var(--graphite);border-radius:0 14px 14px 0;margin:8px 0 36px;padding:18px 22px}.site .site-inline-note a{color:var(--ink);border-bottom:1.5px solid var(--orange);font-weight:500}.site .site-course-branch{border:1px solid var(--line);background:#fff;border-radius:14px}.site .site-course-branch-toggle{color:var(--ink);font-weight:500}.site .site-course-branch-toggle small,.site .site-course-lesson-number{color:var(--muted)}.site .site-course-lesson>a{color:var(--graphite)}.site .site-course-lesson:hover>a,.site .site-course-lesson.is-previewed>a{color:var(--ink)}.site .site-course-peek,.site .site-course-tree-note{color:var(--muted)}.site .site-course-preview-lights i{background:var(--pencil-light)}.site .site-course-preview-lights i:first-child{background:var(--orange)}.site .site-course-preview-lights i:nth-child(2){background:var(--green)}.site .site-course-preview-lights i:nth-child(3){background:var(--teal)}.site .site-course-preview-details{border-color:var(--line);background:#fff}.site .site-course-preview-details .site-eyebrow{color:var(--muted);font-size:9px}.site .site-course-preview-details h3{color:var(--ink);font-weight:500}.site .site-course-preview-details p,.site .site-course-preview-placeholder p{color:var(--graphite)}.site .site-course-preview-placeholder>span,.site .site-course-preview-details .site-text-link{color:var(--ink)}.site :is(.site-practice-panel-head,.site-practice-instruction,.site-practice-clap-caption){color:var(--graphite)}.site .site-practice-panel-head{border-color:var(--line)}.site .site-practice-formula{color:var(--graphite)}.site .site-material-branches>a,.site .site-material-branches>a:last-child{border:1px solid var(--line);border-radius:var(--radius-m);transition:border-color .22s ease, transform .22s var(--ease);background:#fff}.site .site-material-branches>a:hover{border-color:var(--ink);background:#fff;transform:translateY(-3px)}.site .site-material-branches span{color:var(--orange-ink);font-weight:500}.site .site-material-branches a:last-child span{color:var(--green-ink)}.site .site-material-branches p{color:var(--graphite)}.site .site-material-result{color:var(--ink);font-weight:400}.site .site-material-purpose{color:var(--muted)}.site .site-approach-question{border-left:3px solid var(--orange);padding-left:32px}.site .site-approach-question p{color:var(--graphite)}.site .site-learning-notes{gap:20px}.site .site-learning-notes article{border:1px solid var(--line);border-radius:var(--radius-m);background:#fff;padding:32px}.site .site-learning-notes h2{color:var(--ink);font-weight:500}.site .site-learning-notes p{color:var(--graphite)}.site .site-learning-loop>div>span{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;font-weight:500}.site .site-learning-loop>div>span:last-child{background:var(--ink);border-color:var(--ink);color:#fff}.site .site-learning-loop svg{color:var(--orange-ink)}.site .site-learning-loop p{color:var(--graphite)}.site .site-glossary-search-heading h2{color:var(--ink);font-weight:500}.site .site-glossary-search-heading p{color:var(--graphite)}.site .site-search{border:1.5px solid var(--line-strong);background:#fff;border-radius:14px;min-height:56px}.site .site-search:focus-within{border-color:var(--ink);background:#fff}.site .site-search svg{color:var(--graphite)}.site .site-search input::placeholder{color:var(--muted)}.site .site-glossary-tabs button{color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-weight:500;display:inline-flex}.site .site-glossary-tabs button[style]:before{content:"";background:var(--section-color);border-radius:50%;width:8px;height:8px}.site .site-glossary-tabs button:hover{border-color:var(--ink);background:#fff}.site .site-glossary-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.site .site-term-heading h2{color:var(--ink);letter-spacing:-.6px;font-size:30px;font-weight:500}.site .site-glossary-list dt{color:var(--muted);font-weight:600}.site .site-glossary-list dd{color:var(--graphite)}.site .site-glossary-list .site-text-link{color:var(--ink);font-weight:500}.site :is(.site-glossary-interval-readout,.site-glossary-duration-count strong,.site-glossary-formula){color:var(--ink)}.site .site-glossary-interval-ink{background:var(--orange)}.site .site-glossary-duration-slider input{accent-color:var(--orange)}.site .site-empty-search h2{color:var(--ink);font-weight:500}.site .site-footer{isolation:isolate;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-l);margin-top:64px;margin-bottom:24px;padding:40px 40px 26px;position:relative;overflow:hidden}.site .site-footer:after{content:"";z-index:-1;background:var(--pencil-hatch-orange) no-repeat right top / contain;opacity:.4;width:280px;height:180px;position:absolute;top:0;right:0}.site .site-footer .site-brand{color:var(--ink)}.site .site-footer-main p{color:var(--graphite);font-size:14px}.site .site-footer-nav{color:var(--ink);align-items:center;font-size:14px;font-weight:500}.site .site-footer-nav>a{align-items:center;min-height:44px;display:inline-flex}.site .site-footer-nav a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:6px;text-decoration-thickness:2px}.site .site-footer-nav .site-telegram{border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:color .18s,background-color .18s;display:inline-flex}.site .site-footer-nav .site-telegram:hover{color:var(--orange);background:#fff5ec}.site .site-footer-bottom{border-color:var(--line-strong);color:var(--muted);font-size:11.5px}.site .site-footer-bottom>div>span{opacity:1;width:8px;height:8px}@media (width<=1080px){.site .site-hero h1{letter-spacing:-2px;font-size:clamp(44px,5.6vw,60px)}.site .site-nav a{padding-inline:10px;font-size:13px}.site .site-nav a:after{left:10px;right:10px}}@media (width<=880px){.site .site-header{min-height:72px}.site .site-menu-toggle{border:1.5px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:12px;font-weight:500}.site .site-nav{border:1px solid var(--line);background:#fff;border-radius:18px;padding:10px;top:71px;box-shadow:0 24px 48px -28px #25252559}.site .site-nav a{padding:14px 16px;font-size:16px}.site .site-nav a:after{width:60px;bottom:6px;left:16px;right:auto}.site .site-nav a[aria-current=page]{background:var(--paper)}.site .site-entry-number{display:none}}@media (width<=720px){.site .site-hero{padding-block:36px 40px}.site .site-hero-demo:before,.site .site-hero-demo:after{display:none}}@media (width<=640px){.site .site-header{gap:10px;min-height:68px}.site .site-menu-toggle{justify-content:center;gap:0;width:44px;height:44px;padding:0;font-size:0}.site .site-menu-toggle>span{font-size:20px;line-height:1}.site .site-header-app{gap:8px;min-height:42px;padding:6px 6px 6px 12px;font-size:12px}.site .site-header-app>svg{width:24px;height:24px}.site .site-nav{top:66px}.site .site-hero h1{letter-spacing:-1.8px;font-size:clamp(42px,12vw,56px);line-height:1.04}.site .site-hero-copy>p{font-size:15.5px}.site .site-button{min-height:50px;padding:12px 14px 12px 20px;font-size:13.5px}.site .site-first-steps{gap:10px;margin-bottom:36px}.site .site-entry-number{width:38px;height:38px;display:grid}.site .site-panel,.site .site-inner .site-panel{border-radius:22px 24px 23px 21px;margin-bottom:24px;padding:26px 20px}.site .site-panel:after{opacity:.4;width:170px;height:110px}.site :is(.site-section-head,.site-chords-copy,.site-guide-teaser) h2,.site :is(.site-course-start,.site-materials,.site-learning-loop,.site-approach-question,.site-practice-copy) h2{letter-spacing:-.6px;font-size:27px}.site .site-path{padding:20px 18px}.site .site-path:before{left:18px;right:18px}.site .site-path h3{font-size:26px}.site .site-page-intro h1{letter-spacing:-1.4px;font-size:clamp(36px,10vw,46px)}.site .site-page-intro-copy>p{font-size:15px}.site .site-glossary-tabs button{padding:8px 14px;font-size:12.5px}.site .site-term-heading h2{font-size:26px}.site .site-learning-notes article{padding:24px 20px}.site .site-footer{margin-top:36px;padding:28px 22px 22px}.site .site-page-intro{padding:12px 0 32px}.site .site-app-link{padding:18px 16px}.site .site-path-grid{gap:12px}}@media (prefers-reduced-motion:reduce){.site .site-panel,.site .site-first-steps>a,.site .site-glossary-list>article,.site .site-app-link{animation:none!important}}.site .site-brand{color:var(--ink);letter-spacing:0;gap:10px}.site .site-brand .site-logo{width:34px;height:34px;color:var(--ink);transition:transform .4s var(--ease);flex:none}.site .site-brand:hover .site-logo{transform:rotate(-24deg)}.site .site-wordmark{letter-spacing:-.1px;white-space:nowrap;color:var(--graphite);font-size:17px;font-weight:400}.site .site-wordmark b{color:var(--ink);font-weight:600}.site .site-wordmark sub{vertical-align:-.28em;font-size:.62em;line-height:0}.site .site-footer .site-wordmark{font-size:16px}.site .site-app-label .site-logo{width:30px;height:30px;color:var(--ink)}.site{--inst-radius:22px 24px 23px 21px;--inst-border:#e3e3e1;--inst-shadow:0 10px 26px #25252514;--inst-quiet:#f2f2f0;--inst-quiet-hover:#e8e8e5;--inst-light:#fff1bc;--inst-light-line:#ead48a}.site :is(.site-hero-demo,.site-mood-paper,.site-chords-grid,.site-word-preview,.site-practice-panel,.site-glossary-window),.site .site-course-start>.site-playground,.site .site-course-outline .site-course-preview{border:1px solid var(--inst-border);border-radius:var(--inst-radius);box-shadow:var(--inst-shadow);background:#fff}.site :is(.site-hero-demo,.site-mood-paper,.site-chords-grid,.site-word-preview,.site-practice-panel,.site-glossary-window),.site .site-course-start>.site-playground{position:relative}.site .site-hero-demo{padding:22px 22px 12px}.site .site-glossary-window{overflow:hidden}.site :is(.site-demo-heading,.site-practice-panel-head,.site-demo-top){border-bottom:1px solid #efefed}.site .site-demo-heading{border-bottom-style:solid}.site :is(.site-practice-panel-head,.site-demo-top>span){color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.site .site-course-preview-bar{color:var(--muted);letter-spacing:.4px;background:#fff;border-bottom:1px solid #efefed;font-weight:600}.site .site-course-preview-lights i{width:7px;height:7px}.site :is(.site-glossary-demo-status,.site-composition-footer p){background:var(--inst-quiet);color:var(--graphite);border-radius:12px;margin-inline:auto;padding:6px 12px;font-size:11.5px;line-height:1.5;display:table}.site .site-demo-caption,.site .site-practice-instruction{color:var(--graphite)}.site .site-tool{background:var(--inst-quiet);width:auto;min-width:0;min-height:42px;color:var(--ink);letter-spacing:0;white-space:nowrap;box-shadow:none;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:9px;margin:0;padding:6px 16px 6px 14px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .16s,color .16s,transform .12s,box-shadow .16s;display:inline-flex}.site .site-tool>.site-icon{width:16px;height:16px;color:var(--graphite);transition:transform .2s var(--ease), background-color .16s ease;flex:none}.site .site-tool:hover{background:var(--inst-quiet-hover);color:var(--ink);transform:none}.site .site-tool:active{transform:scale(.97)}.site .site-tool:disabled{opacity:.45;cursor:default;transform:none}.site .site-tool[aria-pressed=true]:not(.is-primary){background:var(--ink);color:#fff}.site .site-tool[aria-pressed=true]:not(.is-primary)>.site-icon{color:#fff}.site .site-tool.is-primary{background:color-mix(in srgb, var(--orange) 14%, #fff);gap:10px;padding:5px 18px 5px 5px}.site .site-tool.is-primary>.site-icon{background:var(--orange);color:#fff;border-radius:50%;width:32px;height:32px;padding:9px;box-shadow:0 4px 10px #f47a374d}.site .site-tool.is-primary:hover{background:color-mix(in srgb, var(--orange) 22%, #fff)}.site .site-tool.is-primary:hover>.site-icon{transform:scale(1.06)}.site .site-tool.is-primary.is-trailing:hover>.site-icon{transform:translate(2px)}.site .site-tool.is-primary[aria-pressed=true]{background:color-mix(in srgb, var(--orange) 26%, #fff)}.site .site-tool.is-primary[aria-pressed=true]>.site-icon{background:#e0652a;box-shadow:0 0 0 4px #f47a3729}.site .site-tool.is-icon{border-radius:50%;width:40px;height:40px;min-height:40px;padding:0}.site .site-tool.is-icon>.site-icon{width:18px;height:18px}.site .site-tool.is-icon:hover>.site-icon{transform:rotate(-40deg)}.site .site-tool.is-danger{background:var(--red-ink);color:#fff}.site .site-tool.is-danger:hover{background:var(--red);color:#fff}.site .site-tool:focus-visible{outline:2px solid var(--teal-ink);outline-offset:3px}.site .site-demo-tabs{background:var(--inst-quiet);border:0;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.site .site-demo-tabs button{color:var(--graphite);background:0 0;border-radius:999px;padding:8px 14px;font-weight:500}.site .site-demo-tabs button:hover{color:var(--ink)}.site .site-demo-tabs button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #25252529}.site .site-glossary-parts{color:var(--muted)}.site .site-glossary-parts button{background:var(--inst-quiet);min-height:32px;color:var(--ink);border-radius:999px;padding:5px 12px;font-weight:500}.site .site-glossary-parts button:hover{background:var(--inst-quiet-hover)}.site .site-glossary-parts button[aria-pressed=true]{background:var(--ink);color:#fff}.site .site-mood-transport{gap:8px;padding-top:6px}.site .site-mood-clear{width:auto;min-width:0}.site .site-mood-clear-choices{background:0 0;border-radius:999px;gap:4px;display:inline-flex}.site .site-mood-clear-choices .site-tool{min-width:60px}.site .site-mood-random{margin-top:2px}.site .site-rhythm-play{margin:20px auto 0}.site .site-practice-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.site .site-glossary-demo-actions{gap:8px}.site .site-composition-footer .site-tool{font-size:inherit}.site .site-composition-footer .site-tool.is-icon{width:34px;height:34px;min-height:34px}.site .site-practice-steps li{color:var(--muted)}.site .site-practice-steps li>span{background:var(--inst-quiet);color:var(--graphite);border-radius:10px;font-weight:600}.site .site-practice-steps li.is-current{color:var(--ink);font-weight:500}.site .site-practice-steps li.is-current>span{background:var(--inst-light);color:var(--ink);box-shadow:inset 0 0 0 1px var(--inst-light-line)}.site .site-practice-steps li.is-done{color:var(--graphite)}.site .site-practice-steps li.is-done>span{color:var(--green-ink);box-shadow:inset 0 0 0 1px var(--line-strong);background:#fff}.site .site-practice-formula,.site .site-rhythm-formula,.site .site-glossary-formula{color:var(--ink)}.site .site-mood-paper{padding:26px 40px 24px}.site .site-mood-score{border-color:#efefed}.site .site-mood-background:is(.is-mood-drop,.is-chosen){border-color:var(--inst-light-line);box-shadow:0 0 0 3px #efcd6f59}.site .site-glossary-probe{border-top:0;margin:auto 0 0;padding-top:18px}.site .site-glossary-probe-toggle{background:var(--inst-quiet);width:auto;min-height:40px;color:var(--ink);border-radius:999px;justify-content:flex-start;gap:9px;padding:6px 16px 6px 12px;font-size:13px;font-weight:500;transition:background-color .16s}.site .site-glossary-probe-toggle>.site-icon{width:18px;height:18px;color:var(--orange-ink)}.site .site-glossary-probe-toggle:hover,.site .site-glossary-probe.is-open .site-glossary-probe-toggle{background:var(--inst-quiet-hover);color:var(--ink)}.site .site-glossary-probe-toggle:after{display:none}.site .site-glossary-controls{border:1px solid var(--inst-border);border-radius:var(--radius-l);box-shadow:var(--inst-shadow);background:#fff;margin-bottom:24px;padding:28px 32px}.site .site-glossary-list{border-radius:var(--radius-l);background:#f3f3f0;border:1px solid #eaeae6;gap:18px;margin-bottom:8px;padding:22px}.site .site-glossary-list>article{--term-tint:color-mix(in srgb, var(--section-color,#626262) 8%, #fff);border-radius:var(--radius-m);transition:transform .24s var(--ease), box-shadow .24s ease, border-color .24s ease;background:#fff;border:1px solid #e6e6e3;padding:30px 28px 24px;position:relative;box-shadow:0 1px #2525250a,0 16px 32px -26px #25252573}.site .site-glossary-list>article:before{content:"";background:var(--section-color,#626262);border-radius:0 0 4px 4px;width:64px;height:5px;position:absolute;top:-1px;left:28px}.site .site-glossary-list>article:hover{border-color:color-mix(in srgb, var(--section-color,#626262) 45%, #e6e6e3);transform:translateY(-3px);box-shadow:0 1px #2525250a,0 22px 40px -26px #25252580}.site .site-glossary-list>article:target{border-color:var(--section-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--section-color) 25%, transparent), var(--inst-shadow)}.site .site-term-heading{border-bottom:1px solid #efefed;margin-bottom:18px;padding-bottom:16px}.site .site-term-heading h2{letter-spacing:-.7px;font-size:30px;font-weight:500}.site .site-term-heading>span{letter-spacing:.2px;color:color-mix(in srgb, var(--section-color,#626262) 66%, #000);background:var(--term-tint);border-radius:999px;align-items:center;gap:6px;padding:5px 11px 5px 9px;font-size:11px;font-weight:600;display:inline-flex}.site .site-term-heading>span:before{content:"";background:var(--section-color,#626262);border-radius:50%;width:7px;height:7px}.site .site-glossary-list dt{color:var(--muted);letter-spacing:1px;font-size:10.5px;font-weight:600}.site .site-glossary-list dd{color:var(--ink);font-size:14.5px}.site .site-glossary-list dl>div:not(.site-term-example) dd{color:var(--graphite)}.site .site-glossary-list dl>.site-term-example{background:var(--term-tint);border:0;border-left:3px solid var(--section-color,#626262);border-radius:0 14px 14px 0;margin-bottom:4px;padding:14px 18px}.site .site-glossary-list dl>.site-term-example dt{color:color-mix(in srgb, var(--section-color,#626262) 66%, #000)}.site .site-glossary-list .site-text-link{margin-top:12px}@media (width<=1000px){.site .site-glossary-list{gap:14px;padding:16px}.site .site-glossary-list>article{padding:26px 22px 22px}}@media (width<=640px){.site .site-wordmark{font-size:15px}.site .site-brand .site-logo{width:30px;height:30px}.site .site-hero-demo{padding:18px 12px 8px}.site .site-mood-paper{padding:22px 14px 18px}.site .site-mood-transport{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site .site-mood-transport .site-tool,.site .site-mood-clear,.site .site-mood-clear>.site-tool{width:100%}.site .site-mood-clear-choices{grid-template-columns:1fr 1fr;width:100%;display:grid}.site .site-glossary-controls{padding:22px 18px}.site .site-glossary-list{border-radius:22px;gap:12px;margin-inline:-6px;padding:10px}.site .site-glossary-list>article{padding:24px 18px 20px}.site .site-glossary-list>article:before{left:18px}.site .site-term-heading h2{font-size:26px}}@media (width<=380px){.site .site-wordmark{font-size:14px}}@media (prefers-reduced-motion:reduce){.site .site-brand .site-logo,.site .site-tool,.site .site-tool>.site-icon,.site .site-glossary-list>article{transition:none}}.site :is(.site-glossary-demo-hint,.site-glossary-scale-context,.site-glossary-duration-count,.site-glossary-duration-slider,.site-glossary-hit-figure>span,.site-glossary-interval small,.site-practice-clap-caption,.site-rhythm-guide,.site-demo-caption){color:var(--graphite)}.site .site-glossary-duration-count strong,.site .site-glossary-interval-readout{color:var(--ink)}.site .site-glossary-window-close{color:var(--graphite);border-radius:50%;width:32px;height:32px}.site .site-glossary-window-close:hover{background:var(--inst-quiet);color:var(--ink)}.site .site-practice-syllables button{color:var(--muted);border-radius:12px}.site .site-practice-syllables button.is-learned{color:var(--graphite)}.site .site-practice-syllables button.is-next{color:var(--ink)}.site .site-practice-syllables button.is-active{color:var(--ink);background:var(--inst-light);box-shadow:0 0 8px 1px #efcd6f4d}.site .site-glossary-list dd>p{margin:0}.site .site-glossary-list dd>.site-term-mood{text-indent:1.5em;color:var(--ink);margin-top:8px}.site .site-materials-lead{color:var(--graphite);max-width:52ch;margin:-14px auto 22px;font-size:15px}.site .site-materials-demo{text-align:left;border:1px solid var(--inst-border);border-radius:var(--inst-radius);max-width:640px;box-shadow:var(--inst-shadow);background:#fff;margin:0 auto 26px;padding:22px 22px 12px}.site .site-materials-demo .site-composition{justify-self:center;margin-inline:auto}.site .site-mass{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;display:grid}.site .site-mass.site-panel-sage{--panel-background:var(--tint-green);--panel-border:color-mix(in srgb, var(--green) 24%, #fff);--panel-hatch:var(--pencil-hatch-green)}.site .site-mass.site-panel-sage .site-eyebrow:before{background-image:var(--pencil-dash-green)}.site .site-mass-copy h2{margin:14px 0 18px}.site .site-mass-copy p{color:var(--graphite);max-width:48ch;margin:0 0 12px;font-size:15px;line-height:1.85}.site .site-forest{border:1px solid var(--inst-border);border-radius:var(--inst-radius);box-shadow:var(--inst-shadow);background:#fff;padding:18px 20px 16px;position:relative}.site .site-forest-head{color:var(--muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #efefed;justify-content:space-between;gap:12px;padding-bottom:12px;font-size:11px;font-weight:600;display:flex}.site .site-forest-scene{cursor:pointer;width:100%;color:var(--green);background:0 0;border:0;border-radius:16px;padding:6px 0 0;display:block}.site .site-forest-scene svg{width:100%;height:auto;display:block;overflow:visible}.site .site-forest-scene:focus-visible{outline:2px solid var(--teal-ink);outline-offset:2px}.site .site-forest-crown{stroke:color-mix(in srgb, var(--green) 70%, #2f5a26);stroke-width:1.5px;stroke-linejoin:round;transition:stroke-width .2s}.site .site-forest-trunk{stroke:#6f5a47;stroke-width:2px;stroke-linecap:round}.site .site-forest-hill{stroke:var(--pencil-light);stroke-width:1.1px;stroke-linecap:round;stroke-dasharray:2 5}.site .site-forest-ground,.site .site-forest-grass{stroke:var(--graphite);stroke-width:1.4px;stroke-linecap:round}.site .site-forest-grass{stroke-width:1px;opacity:.7}.site .site-forest-birds path{stroke:var(--graphite);stroke-width:1.3px;stroke-linecap:round;opacity:0;transition:opacity .6s}.site .site-forest-tree{transform-box:fill-box;transform-origin:50% 100%;transition:transform .26s var(--ease)}.site .site-forest-scene:hover .site-forest-tree{transform:rotate(-.6deg)}.site .site-forest.is-forest .site-forest-tree{animation:site-forest-sway var(--s,2.8s) ease-in-out var(--d,0s) infinite alternate}.site .site-forest.is-forest .site-forest-birds path{opacity:.85;animation:3.2s ease-in-out infinite alternate site-forest-birds}.site .site-forest.is-music .site-forest-tree{animation:site-forest-sway calc(var(--s,2.8s) * 1.6) ease-in-out var(--d,0s) infinite alternate}.site .site-forest-tree.is-lit{transform:translateY(-3px)scale(1.04)}.site .site-forest-tree.is-lit .site-forest-crown{stroke-width:2.4px}@keyframes site-forest-sway{0%{transform:rotate(-2.4deg)}to{transform:rotate(2.2deg)}}@keyframes site-forest-birds{0%{transform:translate(0)}to{transform:translate(14px,-6px)}}.site .site-forest-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.site .site-forest-status{background:var(--inst-quiet);color:var(--graphite);text-align:center;border-radius:12px;margin:12px auto 0;padding:6px 12px;font-size:12px;line-height:1.5;display:table}.site .site-learning-notes.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1000px){.site .site-mass{grid-template-columns:minmax(0,1fr);gap:28px}.site .site-learning-notes.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.site .site-materials-demo{margin-inline:-6px;padding:16px 10px 8px}.site .site-learning-notes.is-three{grid-template-columns:minmax(0,1fr)}.site .site-forest{padding:14px 12px 12px}}@media (prefers-reduced-motion:reduce){.site .site-forest .site-forest-tree,.site .site-forest .site-forest-birds path{animation:none!important}}.site .site-label{display:block}.site .site-label,.site .site-demo-key>span,.site .site-sound-number,.site .site-app-label{text-box:trim-both cap alphabetic}.site .site-demo-key>span[data-digit="1"]{translate:.07em}.site .site-tool:not(.is-primary):not(.is-icon):not(:has(>.site-icon)){padding-inline:15px}.site .site-tool.is-primary{gap:14px;padding:5px 16px 5px 5px}.site .site-tool.is-primary.is-trailing{padding:5px 5px 5px 16px}.site .site-button{gap:20px;padding:14px 14px 14px 20px}.site .site-header-app{gap:14px;padding:8px 8px 8px 14px}@media (width<=640px){.site .site-button{gap:18px;padding:12px 12px 12px 18px}.site .site-header-app{gap:12px;padding:7px 7px 7px 12px}}.site .site-tool>.site-label,.site .site-button>.site-label,.site .site-header-app>.site-label{font-size:inherit;line-height:inherit}.site .site-forest-scene{cursor:pointer}.site .site-forest.is-touch .site-forest-scene{cursor:default}.site .site-forest.is-touch .site-forest-birds path{opacity:.85}.site .site-forest-touchable{cursor:pointer;outline:none}.site .site-forest-touchable:hover .site-forest-crown,.site .site-forest-touchable:focus-visible .site-forest-crown{stroke-width:2.3px}.site .site-forest-touchable:hover .site-forest-birds path,.site .site-forest-touchable:focus-visible .site-forest-birds path{stroke-width:2px}.site [data-touch="0"]>.site-forest-tree{animation:site-forest-touch-a 1.1s var(--ease)}.site [data-touch="1"]>.site-forest-tree{animation:site-forest-touch-b 1.1s var(--ease)}.site [data-touch="0"]>.site-forest-birds{animation:site-forest-flutter-a .9s var(--ease)}.site [data-touch="1"]>.site-forest-birds{animation:site-forest-flutter-b .9s var(--ease)}@keyframes site-forest-touch-a{0%,to{transform:rotate(0)}18%{transform:rotate(-4deg)}42%{transform:rotate(3deg)}68%{transform:rotate(-1.4deg)}}@keyframes site-forest-touch-b{0%,to{transform:rotate(0)}18%{transform:rotate(-4deg)}42%{transform:rotate(3deg)}68%{transform:rotate(-1.4deg)}}@keyframes site-forest-flutter-a{0%,to{transform:translate(0)}35%{transform:translate(6px,-7px)}70%{transform:translate(2px,-2px)}}@keyframes site-forest-flutter-b{0%,to{transform:translate(0)}35%{transform:translate(6px,-7px)}70%{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.site [data-touch]>.site-forest-tree,.site [data-touch]>.site-forest-birds{animation:none}}.site .site-forest-wind path{fill:none;stroke:var(--graphite);stroke-width:1.2px;stroke-linecap:round;opacity:0;transition:opacity .2s}.site .site-forest-touchable:hover>.site-forest-wind path{opacity:.22}.site [data-touch="0"]>.site-forest-wind path{animation:1.9s ease-out both site-forest-wind-a}.site [data-touch="1"]>.site-forest-wind path{animation:1.9s ease-out both site-forest-wind-b}.site [data-touch]>.site-forest-wind path:nth-child(2){animation-delay:.18s}.site [data-touch]>.site-forest-wind path:nth-child(3){animation-delay:.36s}@keyframes site-forest-wind-a{0%{opacity:0;transform:translate(-34px)}30%{opacity:.65}to{opacity:0;transform:translate(56px)}}@keyframes site-forest-wind-b{0%{opacity:0;transform:translate(-34px)}30%{opacity:.65}to{opacity:0;transform:translate(56px)}}.site .site-forest-grass{transform-box:fill-box;transform-origin:50% 100%}.site .site-forest-touchable:hover>.site-forest-ground{stroke-width:2px}.site [data-touch="0"]>.site-forest-grass{animation:site-forest-grass-a 1.1s var(--ease)}.site [data-touch="1"]>.site-forest-grass{animation:site-forest-grass-b 1.1s var(--ease)}@keyframes site-forest-grass-a{0%,to{transform:skew(0)}20%{transform:skew(-14deg)}45%{transform:skew(9deg)}70%{transform:skew(-4deg)}}@keyframes site-forest-grass-b{0%,to{transform:skew(0)}20%{transform:skew(-14deg)}45%{transform:skew(9deg)}70%{transform:skew(-4deg)}}@media (prefers-reduced-motion:reduce){.site [data-touch]>.site-forest-wind path,.site [data-touch]>.site-forest-grass{animation:none}}.site .cl-page{--lesson-color:#252525;--lesson-ink:#252525;--lesson-tint:#f7f7f5}.site .cl-label{color:var(--graphite);letter-spacing:1.5px;text-transform:uppercase;font-size:11.5px;font-weight:600;line-height:1.5;display:block}.site .cl-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:clamp(28px,5vw,72px);margin:18px 0 36px;display:grid}.site .cl-hero h1{letter-spacing:-1.6px;margin:14px 0 18px;font-size:clamp(36px,5.4vw,64px);font-weight:500;line-height:1.04}.site .cl-hero h1 span{color:var(--graphite);font-weight:300}.site .cl-lead{max-width:600px;margin:0 0 14px;font-size:19px;line-height:1.55}.site .cl-formula{letter-spacing:-.4px;margin:0 0 14px;font-size:clamp(22px,2.6vw,30px);font-weight:300}.site .cl-formula b{font-weight:600}.site .cl-for{color:var(--graphite);max-width:600px;margin:0;font-size:15px;line-height:1.6}.site .cl-how{gap:12px;display:grid}.site .cl-how article{-moz-column-gap:14px;border:1px solid var(--line);border-left:4px solid var(--lesson-color);border-radius:var(--radius-m);background:#fff;grid-template-columns:34px 1fr;column-gap:14px;padding:16px 18px;display:grid}.site .cl-how article span{color:var(--graphite);grid-row:span 2;padding-top:4px;font-size:13px}.site .cl-how h2{color:var(--lesson-color);margin:0 0 4px;font-size:19px;font-weight:600}.site .cl-how p{color:var(--ink);margin:0;font-size:14.5px;line-height:1.5}.site .cl-tips ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;margin:12px 0 0;padding-left:20px;display:grid}.site .cl-tips li{font-size:15px;line-height:1.55}.site .cl-module{margin:0 0 24px;scroll-margin-top:110px}.site .cl-module-head{border-bottom:3px solid var(--lesson-color);margin:48px 0 22px;padding:0 0 18px}.site .cl-module-head h2{letter-spacing:-1px;color:var(--lesson-ink);margin:2px 0 6px;font-size:clamp(32px,4vw,48px);font-weight:500}.site .cl-module-question{color:var(--ink);margin:0 0 6px;font-size:19px;font-style:italic}.site .cl-module-head p:last-child{color:var(--graphite);max-width:720px;margin:0;font-size:15.5px;line-height:1.55}.site .cl-lesson{border:1px solid var(--line);border-radius:var(--radius-l);background:#fff;margin:0 0 32px;padding:clamp(22px,3.4vw,44px);scroll-margin-top:110px}.site .cl-lesson-head{align-items:center;gap:18px;margin:0 0 8px;display:flex}.site .cl-lesson-number{background:var(--lesson-tint);width:58px;height:58px;color:var(--lesson-ink);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--lesson-color) 45%, #fff);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:600;display:grid}.site .cl-lesson-head h1{letter-spacing:-.5px;margin:2px 0 0;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.15}.site .cl-phase{margin:30px 0 0}.site .cl-phase-title{border-bottom:2px solid var(--lesson-color);align-items:baseline;gap:12px;margin:0 0 14px;padding-bottom:8px;display:flex}.site .cl-phase-title span{color:var(--ink);font-size:21px;font-weight:600}.site .cl-phase-title small{color:var(--graphite);font-size:13.5px;font-weight:400}.site .cl-goal{border-left:4px solid var(--lesson-color);background:var(--lesson-tint);border-radius:0 14px 14px 0;margin:0 0 14px;padding:14px 18px}.site .cl-goal .cl-label{color:var(--lesson-ink)}.site .cl-goal p{margin:4px 0 0;font-size:18.5px;line-height:1.5}.site .cl-question{margin:0 0 12px;font-size:18px;font-style:italic;line-height:1.5}.site .cl-text{max-width:760px;margin:0 0 10px;font-size:16px;line-height:1.65}.site .cl-media:empty{display:none}.site .cl-media{gap:14px;margin:16px 0;display:grid}.site .cl-video{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--paper);grid-template-columns:minmax(170px,230px) minmax(0,1fr);align-items:center;gap:20px;margin:0;padding:14px;display:grid}.site .cl-video video{aspect-ratio:9/16;background:#fff;border-radius:14px;width:100%;display:block;box-shadow:0 6px 18px #25252514}.site .cl-video figcaption{gap:6px;display:grid}.site .cl-video figcaption strong{font-size:20px;font-weight:600}.site .cl-video figcaption span:last-child{color:var(--graphite);font-size:15px;line-height:1.55}.site .cl-placeholder{border:2px dashed var(--line-strong);border-radius:var(--radius-m);background:var(--paper);margin:0;padding:16px 18px}.site .cl-placeholder strong{margin:2px 0 4px;font-size:17px;display:block}.site .cl-placeholder p{color:var(--graphite);margin:0;font-size:14.5px;line-height:1.55}.site .cl-words{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:18px 0 0;display:grid}.site .cl-words>.cl-label{color:var(--lesson-ink);grid-column:1/-1}.site .cl-words article{border:1px solid var(--line);border-top:3px solid var(--lesson-color);border-radius:var(--radius-s);background:#fff;padding:14px 16px}.site .cl-words h4{color:var(--lesson-ink);margin:0 0 8px;font-size:19px;font-weight:600}.site .cl-words p{margin:0 0 6px;font-size:14.5px;line-height:1.5}.site .cl-words b{color:var(--graphite);font-weight:600}.site .cl-word-mood{color:var(--ink)}.site .cl-words a{color:var(--lesson-ink);align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.site .cl-action{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(20px,3vw,40px);display:grid}.site .cl-steps{counter-reset:step;gap:10px;margin:0;padding:0;list-style:none;display:grid}.site .cl-steps li{counter-increment:step;padding:0 0 0 44px;font-size:16px;line-height:1.6;position:relative}.site .cl-steps li:before{content:counter(step);background:var(--lesson-tint);width:30px;height:30px;color:var(--lesson-ink);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;top:0;left:0}.site .cl-steps strong{color:var(--lesson-ink);font-weight:600}.site .cl-notice{border-radius:var(--radius-s);background:var(--paper);border:1px solid var(--line);margin:16px 0 0;padding:12px 16px}.site .cl-notice p{margin:4px 0 0;font-size:15px;line-height:1.55}.site .cl-app{gap:8px;display:grid;position:sticky;top:120px}.site .cl-app iframe{border:1px solid var(--line);background:#f8fafc;border-radius:18px;width:100%;display:block}.site .cl-app-start{text-align:left;cursor:pointer;border:1px solid color-mix(in srgb, var(--lesson-color) 35%, #fff);background:var(--lesson-tint);min-height:160px;color:var(--ink);transition:transform .14s var(--ease), box-shadow .14s var(--ease);border-radius:18px;align-items:center;gap:16px;padding:22px;display:flex}.site .cl-app-start:hover{transform:translateY(-2px);box-shadow:0 10px 24px #25252514}.site .cl-app-start strong{font-size:18px;font-weight:600;display:block}.site .cl-app-start small{color:var(--graphite);margin-top:4px;font-size:14px;display:block}.site .cl-app-play{background:var(--lesson-color);border-radius:50%;flex:none;width:56px;height:56px;position:relative}.site .cl-app-play:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #fff;position:absolute;top:18px;left:22px}.site .cl-app-link{color:var(--lesson-ink);justify-self:end;align-items:center;gap:8px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.site .cl-practice{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:0 0 22px;display:grid}.site .cl-practice article{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper);padding:16px 16px 16px 52px;position:relative}.site .cl-practice article>span{color:var(--lesson-ink);font-size:20px;font-weight:300;position:absolute;top:15px;left:16px}.site .cl-practice h5{margin:0 0 4px;font-size:16.5px;font-weight:600}.site .cl-practice p{margin:0;font-size:15px;line-height:1.55}.site .cl-tasks{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.site .cl-task{border:1px solid var(--line);border-radius:var(--radius-m);background:#fff;flex-direction:column;padding:18px;display:flex}.site .cl-task header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.site .cl-task-number{background:var(--lesson-color);color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:grid}.site .cl-task h4{margin:0;font-size:17px;font-weight:600}.site .cl-task-prompt{margin:0 0 12px;font-size:15.5px;line-height:1.55}.site .cl-options{gap:8px;display:grid}.site .cl-options button{text-align:left;cursor:pointer;border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;line-height:1.4;display:flex}.site .cl-options button>span{border:2px solid var(--line-strong);border-radius:5px;flex:none;width:18px;height:18px}.site .cl-options button>span.is-round{border-radius:50%}.site .cl-options button.is-picked{border-color:var(--lesson-color);background:var(--lesson-tint)}.site .cl-options button.is-picked>span{border-color:var(--lesson-color);background:radial-gradient(circle, var(--lesson-color) 45%, transparent 50%)}.site .cl-sort{counter-reset:sort;gap:6px;margin:0;padding:0;list-style:none;display:grid}.site .cl-sort li{counter-increment:sort;border:1px solid var(--line);border-radius:11px;grid-template-columns:22px minmax(0,1fr) 32px 32px;align-items:center;gap:6px;padding:6px 6px 6px 10px;font-size:15px;display:grid}.site .cl-sort li:before{content:counter(sort);color:var(--lesson-ink);font-weight:600}.site .cl-sort button{background:var(--paper);height:30px;color:var(--graphite);cursor:pointer;border:0;border-radius:8px;font-size:15px}.site .cl-sort button:disabled{opacity:.3;cursor:default}.site .cl-match{gap:8px;display:grid}.site .cl-match label{grid-template-columns:minmax(80px,.4fr) minmax(0,1fr);align-items:center;gap:10px;font-size:15px;display:grid}.site .cl-match span{color:var(--lesson-ink);font-weight:600}.site .cl-match select,.site .cl-input{border:1px solid var(--line-strong);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:11px;padding:10px 12px;font-size:15px}.site .cl-input{resize:vertical}.site .cl-task-foot{gap:10px;margin-top:auto;padding-top:14px;display:grid}.site .cl-check{background:var(--ink);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:9px 7px 9px 6px;justify-self:start;padding:10px 18px;font-size:14px}.site .cl-feedback{border-radius:11px;margin:0;padding:10px 12px;font-size:14.5px;line-height:1.5}.site .cl-feedback.is-right{background:color-mix(in srgb, var(--green) 12%, #fff);color:var(--green-ink)}.site .cl-feedback.is-wrong{background:color-mix(in srgb, var(--orange) 12%, #fff);color:var(--orange-ink)}.site .cl-summary{border-radius:var(--radius-m);background:var(--lesson-tint);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:24px;margin:30px 0 0;padding:18px 22px;display:grid}.site .cl-summary .cl-label{color:var(--lesson-ink)}.site .cl-summary ul{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.site .cl-summary li{padding-left:26px;font-size:16px;line-height:1.5;position:relative}.site .cl-summary li:before{content:"";border-left:2.5px solid var(--lesson-color);border-bottom:2.5px solid var(--lesson-color);width:12px;height:7px;position:absolute;top:6px;left:2px;transform:rotate(-45deg)}.site .cl-summary>p{color:var(--graphite);margin:0;font-size:15px;line-height:1.55}.site .cl-method{color:var(--graphite);margin:16px 0 0;font-size:14px}.site .cl-method summary{cursor:pointer;font-weight:600}.site .cl-method p{margin:8px 0 0;line-height:1.6}@media (width<=980px){.site .cl-hero,.site .cl-action,.site .cl-summary{grid-template-columns:1fr}.site .cl-app{position:static}.site .cl-tips ul{grid-template-columns:1fr}}@media (width<=560px){.site .cl-video{grid-template-columns:1fr;justify-items:center}.site .cl-video video{max-width:260px}.site .cl-tasks{grid-template-columns:1fr}.site .cl-lesson-number{width:46px;height:46px;font-size:18px}}@media (prefers-reduced-motion:reduce){.site .cl-app-start{transition:none}}.site .cr-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);align-items:end;gap:clamp(24px,5vw,64px);margin:18px 0 28px;display:grid}.site .cr-hero h1{letter-spacing:-1.6px;margin:14px 0 16px;font-size:clamp(36px,5.4vw,64px);font-weight:500;line-height:1.04}.site .cr-hero h1 span{color:var(--graphite);font-weight:300}.site .cr-start{gap:12px;padding:22px 24px;display:grid}.site .cr-start strong{font-size:21px;font-weight:600}.site .cr-start small{color:var(--graphite);font-size:13.5px;line-height:1.5}.site .cr-start .site-button{justify-self:start}.site .cr-progress{grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;display:grid}.site .cr-progress span{background:var(--line);border-radius:4px;height:7px}.site .cr-progress span.is-passed{background:var(--lesson-color)}.site .cr-progress span.is-open{background:color-mix(in srgb, var(--lesson-color) 30%, #fff)}.site .cr-map{border:1px solid var(--line);border-radius:var(--radius-l);background:#fff;margin:0 0 30px;padding:clamp(14px,2.4vw,30px) clamp(10px,2.4vw,30px) 18px}.site .cr-legend{border-top:1px solid var(--line);color:var(--graphite);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:6px 0 0;padding:14px 0 0;font-size:13.5px;list-style:none;display:flex}.site .cr-legend li{align-items:center;gap:8px;display:inline-flex}.site .cr-legend li:before{content:"";box-sizing:border-box;border-radius:50%;width:14px;height:14px}.site .cr-legend .is-passed:before{background:var(--teal)}.site .cr-legend .is-open:before{border:2px solid var(--teal);background:#fff}.site .cr-legend .is-locked:before{border:1.5px dashed #b8bec6}.site .cr-how{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;display:grid}.site .cr-how article{-moz-column-gap:12px;border:1px solid var(--line);border-left:4px solid var(--lesson-color);border-radius:var(--radius-m);background:#fff;grid-template-columns:30px 1fr;column-gap:12px;padding:16px 18px;display:grid}.site .cr-how article span{color:var(--graphite);grid-row:span 2;padding-top:4px;font-size:13px}.site .cr-how h2{color:var(--lesson-color);margin:0 0 4px;font-size:18px;font-weight:600}.site .cr-how p{margin:0;font-size:14.5px;line-height:1.5}.site .cl-tips .cl-for{margin:10px 0 0}.site .cr-road{-webkit-tap-highlight-color:transparent;width:100%;position:relative}.site .cr-svg{position:absolute;inset:0;overflow:visible}.site .cr-line{fill:none;stroke-width:3.2px;stroke-linecap:round}.site .cr-line.is-second{stroke-width:1.3px;opacity:.55;transform:translate(1.4px,1.6px)}.site .cr-ahead .cr-line{stroke-dasharray:7 7;opacity:.28}.site .cr-ahead .cr-line.is-second{display:none}.site .cr-road.is-compact .cr-line{stroke-width:2.2px}.site .cr-road.is-compact .cr-line.is-second{stroke-width:.9px}.site .cr-road.is-compact .cr-ahead .cr-line{stroke-dasharray:4 5}.site .cr-symbol{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.site .cr-symbol .is-filled{fill:currentColor;fill-opacity:.3}.site .cr-hatch{fill:none;stroke-width:1px;stroke-linecap:round;opacity:.45}.site .cr-tree,.site .cr-mountain{overflow:visible}.site .cr-tree path{fill:#fff;stroke:#5d8f50;stroke-width:1.1px;stroke-linejoin:round}.site .cr-tree .cr-trunk{fill:none;stroke:#8a7360;stroke-width:1.4px;stroke-linecap:round}.site .cr-mountain path{fill:#fff;stroke:#7b8794;stroke-width:1.1px;stroke-linejoin:round;stroke-linecap:round}.site .cr-mountain .is-snow{fill:#e8edf2;stroke-width:.8px}.site .cr-mountain .is-shade{fill:none;stroke-width:.8px;opacity:.7}.site .cr-dot{fill:#fff;stroke:currentColor;stroke-width:2.6px}.site .cr-number{fill:currentColor;text-anchor:middle;font-variant-numeric:tabular-nums;pointer-events:none;font-weight:600}.site .cr-stop.is-passed .cr-dot{fill:currentColor;stroke:currentColor}.site .cr-stop.is-passed .cr-number{fill:#fff}.site .cr-stop.is-open .cr-dot{fill:color-mix(in srgb, currentColor 9%, #fff);stroke-width:3px}.site .cr-stop.is-locked .cr-dot{fill:#fbfbfa;stroke:#c3c9d0;stroke-width:1.6px;stroke-dasharray:4 4}.site .cr-stop.is-locked .cr-number{fill:#a7aeb7}.site .cr-lock circle{fill:#fff;stroke:#d3d8de;stroke-width:1.2px}.site .cr-lock rect,.site .cr-lock path{fill:none;stroke:#8b939c;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.site .cr-lock rect{fill:#eef0f2}.site .cr-check circle{fill:#fff;stroke:currentColor;stroke-width:1.6px}.site .cr-check path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.site .cr-dot-wrap{transition:transform .18s var(--ease,ease)}.site .cr-stop.is-hover .cr-dot-wrap{transform:scale(1.1)}.site .cr-stop.is-locked.is-hover .cr-dot-wrap{transform:scale(1.04)}.site .cr-stop.is-here .cr-dot{stroke-width:3.4px}.site .cr-halo{fill:none;stroke:currentColor;stroke-width:2px;opacity:.5;animation:2.4s ease-in-out infinite cr-breathe}@keyframes cr-breathe{0%,to{opacity:.1;transform:scale(.92)}50%{opacity:.55;transform:scale(1.06)}}.site .cr-here-line path{fill:none;stroke-linecap:round}.site .cr-here-line .is-glow{stroke:#ffd67880;stroke-width:8px}.site .cr-here-line .is-line{stroke:#f47a37d9;stroke-width:1.8px}.site .cr-module{white-space:nowrap;letter-spacing:.02em;pointer-events:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,-100%)}.site .cr-road.is-compact .cr-module{gap:4px;font-size:11px}.site .cr-title{color:var(--ink);text-align:center;pointer-events:none;font-size:14.5px;font-weight:500;line-height:1.3;position:absolute;transform:translate(-50%)}.site .cr-title.is-locked{color:#9aa1aa;font-weight:400}.site .cr-here-text{color:var(--orange-ink);white-space:nowrap;pointer-events:none;font-size:11px;font-weight:600;position:absolute;transform:translate(-50%)}.site .cr-stops{margin:0;padding:0;list-style:none}.site .cr-hit{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:absolute}.site .cr-hit[aria-disabled=true]{cursor:not-allowed}.site .cr-hit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.site .cr-tip{z-index:4;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--tip-color) 35%, #fff);pointer-events:none;background:#fff;border-radius:14px;gap:4px;padding:13px 15px;animation:.16s ease-out cr-tip-in;display:grid;position:absolute;transform:translate(-50%)translateY(-100%);box-shadow:0 16px 34px -14px #25252547}.site .cr-tip.is-below{transform:translate(-50%)}.site .cr-tip:after{content:"";left:var(--tip-arrow);border-right:1px solid color-mix(in srgb, var(--tip-color) 35%, #fff);border-bottom:1px solid color-mix(in srgb, var(--tip-color) 35%, #fff);background:#fff;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-6px;transform:rotate(45deg)}.site .cr-tip.is-below:after{top:-6px;bottom:auto;transform:rotate(225deg)}.site .cr-tip-eyebrow{color:var(--tip-ink);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.site .cr-tip strong{font-size:17px;font-weight:600;line-height:1.25}.site .cr-tip p{color:var(--ink);margin:0;font-size:14px;line-height:1.45}.site .cr-tip-state{background:var(--tip-tint);color:var(--tip-ink);border-radius:8px;margin-top:4px;padding:6px 9px;font-size:13px;font-weight:600;line-height:1.35}.site .cr-tip.is-locked .cr-tip-state{color:var(--graphite);background:#f1f2f3}@keyframes cr-tip-in{0%{opacity:0}to{opacity:1}}.site .cr-lesson-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;margin:10px 0 18px;display:flex}.site .cr-back{color:var(--ink);align-items:center;gap:8px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.site .cr-back svg{transform:rotate(180deg)}.site .cr-chip{background:var(--lesson-tint);color:var(--lesson-ink);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.site .cl-page>.cl-module-head{margin-top:10px}.site .cl-page>.cl-tips{margin:0 0 24px}.site .cl-task.is-solved{border-color:color-mix(in srgb, var(--green) 45%, #fff)}.site .cl-task.is-solved .cl-task-number{background:var(--green)}.site .cr-finish{border:1.5px dashed var(--line-strong);border-radius:var(--radius-m);background:var(--paper);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 22px;padding:18px 22px;display:grid}.site .cr-finish strong{font-size:19px;font-weight:600}.site .cr-finish p{color:var(--graphite);margin:4px 0 0;font-size:15px;line-height:1.5}.site .cr-finish-mark{border:2px solid var(--line-strong);width:54px;height:54px;color:var(--graphite);background:#fff;border-radius:50%;place-items:center;font-size:15px;font-weight:600;display:grid}.site .cr-finish.is-passed{border-style:solid;border-color:color-mix(in srgb, var(--green) 45%, #fff);background:color-mix(in srgb, var(--green) 8%, #fff)}.site .cr-finish.is-passed .cr-finish-mark{background:var(--green);border-color:var(--green);color:#fff;font-size:24px}.site .cr-pager{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px;display:grid}.site .cr-pager>*{border:1px solid var(--line);border-radius:var(--radius-s);color:var(--ink);gap:2px;padding:14px 16px;font-size:15.5px;font-weight:500;text-decoration:none;display:grid}.site .cr-pager>span:empty{border:0}.site .cr-pager small{color:var(--graphite);font-size:12.5px;font-weight:600}.site .cr-pager .is-next,.site .cr-pager .is-locked{text-align:right}.site .cr-pager .is-next{border-color:var(--lesson-color)}.site .cr-pager .is-locked{color:#9aa1aa;border-style:dashed}.site .cr-pager a:hover{background:var(--paper)}.site .cr-bottom{border-top:1px solid var(--line);margin:8px 0 10px;padding:16px clamp(8px,2vw,22px) 6px}.site .cr-bottom>.cl-label{margin-bottom:4px}.site .cr-locked{text-align:center;border:1.5px dashed var(--line-strong);border-radius:var(--radius-l);background:var(--paper);justify-items:center;gap:12px;max-width:620px;margin:30px auto 40px;padding:36px 28px;display:grid}.site .cr-locked h1{letter-spacing:-.6px;margin:0;font-size:clamp(28px,4vw,40px);font-weight:500}.site .cr-locked p{color:var(--graphite);margin:0;font-size:16px;line-height:1.55}.site .cr-locked-mark{background:#fff;border:1.5px dashed #c3c9d0;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.site .cr-locked-mark svg{fill:#eef0f2;stroke:#8b939c;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}@media (width<=900px){.site .cr-hero,.site .cr-how{grid-template-columns:1fr}}@media (width<=560px){.site .cr-title{font-size:13px}.site .cr-finish{grid-template-columns:auto minmax(0,1fr)}.site .cr-finish .site-button{grid-column:1/-1;justify-self:start}.site .cr-pager{grid-template-columns:1fr}.site .cr-pager .is-next,.site .cr-pager .is-locked{text-align:left}}@media (prefers-reduced-motion:reduce){.site .cr-halo,.site .cr-tip{animation:none}.site .cr-dot-wrap{transition:none}}.site .cr-extra-lessons{gap:12px;margin:0;padding:24px 0;list-style:none;display:grid}.site .cr-extra-lessons a{background:var(--paper,#f7f7f5);border-radius:16px;align-items:center;gap:16px;padding:12px 18px;display:flex}.site .cr-extra-lessons a:hover{background:var(--lesson-tint,#e9f6f6)}.site .cr-extra-lessons .lf-route-n{flex:none}.site .lf{--lf-gap:clamp(44px, 6vw, 72px);--lf-spine:72px;--lf-line:color-mix(in srgb, var(--lesson-color) 28%, #fff);max-width:1100px;margin:0 auto}.site .lf-hero{padding:6px 0 var(--lf-gap)}.site .lf-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.site .lf-meta{color:var(--graphite);font-size:14px}.site .lf-hero h1{letter-spacing:-2px;margin:clamp(22px,4vw,40px) 0 14px;font-size:clamp(44px,7vw,80px);font-weight:500;line-height:1}.site .lf-goal{max-width:30em;color:var(--ink);margin:0 0 clamp(28px,4vw,44px);font-size:clamp(19px,2.2vw,23px);line-height:1.45}.site .lf-goal span{color:var(--lesson-ink);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.site .lf-route{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.site .lf-route>*{color:var(--ink);align-content:start;gap:10px;text-decoration:none;display:grid;position:relative}.site .lf-route>:not(:last-child):after{content:"";background:var(--lf-line);border-radius:1px;height:2px;position:absolute;top:17px;left:46px;right:-6px}.site .lf-route-n{z-index:1;border:2px solid var(--lesson-color);width:36px;height:36px;color:var(--lesson-ink);background:#fff;border-radius:50%;place-items:center;font-size:15px;font-weight:600;transition:background .16s,color .16s;display:grid;position:relative}.site .lf-route>*>span:last-child{gap:2px;font-size:15px;font-weight:500;line-height:1.3;display:grid}.site .lf-route small{color:var(--graphite);letter-spacing:1px;text-transform:uppercase;font-size:11.5px;font-weight:600}.site .lf-route a:hover .lf-route-n{background:var(--lesson-color);color:#fff}.site .lf-route>:last-child .lf-route-n{border-style:dashed;border-color:var(--line-strong);color:var(--graphite)}.site .lf-route>.is-done .lf-route-n{background:var(--green);color:#fff;border:0}.site .lf-spine{padding-left:var(--lf-spine);position:relative}.site .lf-spine>.lf-step:before{content:"";left:calc(-1 * var(--lf-spine) + 23px);background:var(--lf-line);border-radius:1px;width:2px;position:absolute;top:0;bottom:0}.site .lf-step{padding:0 0 var(--lf-gap);scroll-margin-top:100px;position:relative}.site .lf-node{z-index:1;left:calc(-1 * var(--lf-spine));background:var(--ink);color:#fff;text-align:center;letter-spacing:0;box-sizing:border-box;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font-size:19px;font-weight:600;line-height:1;display:grid;position:absolute;top:0}.site .lf-node-value{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}.site .lf-node-value>.lb-node{justify-content:center;align-items:center;line-height:1;display:flex}.site .lf-node svg{width:26px;height:26px;display:block}.site .lf-icon-done{font:inherit;line-height:1;display:inline-block}.site :is(.lf-node-value,.lf-route-n)>[data-lb-style-type=icon]{font-size:inherit!important}.site .lf-step-head{margin:0 0 22px}.site .lf-step-label{color:var(--lesson-ink);letter-spacing:1.4px;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.site .lf-step-head h2{letter-spacing:-.6px;margin:4px 0 0;font-size:clamp(26px,3vw,34px);font-weight:500;line-height:1.15}.site .lf-step-body.has-aside{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.site #step-look .lf-step-body.has-aside{grid-template-columns:minmax(0,620px) 240px;gap:clamp(32px,7vw,96px)}.site .lf-main>:first-child{margin-top:0}.site .lf-lead{max-width:30em;margin:0 0 14px;font-size:21px;font-weight:500;line-height:1.45}.site .lf-text{color:#464646;max-width:36em;margin:0 0 12px;font-size:17px;line-height:1.65}.site .lf-question{max-width:30em;margin:22px 0 10px;font-size:19px;font-weight:600;line-height:1.4}.site .lf-bridge{color:var(--lesson-ink);align-items:center;gap:10px;margin:18px 0 0;font-size:16.5px;font-weight:600;display:flex}.site .lf-bridge svg{flex:none}.site .lf-words{background:var(--lesson-tint);border-radius:16px;gap:0;max-width:38em;margin:24px 0 0;padding:6px 0;display:grid}.site .lf-words-tag{color:var(--lesson-ink);letter-spacing:1px;text-transform:uppercase;padding:10px 20px 0;font-size:11.5px;font-weight:600;display:block}.site .lf-word{padding:8px 20px 14px}.site .lf-word+.lf-word{border-top:1px solid color-mix(in srgb, var(--lesson-color) 18%, transparent);padding-top:14px}.site .lf-word h4{color:var(--lesson-ink);margin:0 0 4px;font-size:19px;font-weight:600}.site .lf-word p{color:var(--ink);margin:0 0 6px;font-size:15.5px;line-height:1.55}.site .lf-word-why b{color:var(--lesson-ink);font-weight:600}.site .lf-word a{color:var(--lesson-ink);opacity:.85;align-items:center;gap:8px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.site .lf-after{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;margin:28px 0 0;display:grid}.site .lf-after>:only-child{grid-column:1/-1;max-width:38em}.site .lf-after .lf-words{margin:0}.site .lf-conclusion{border:1.5px solid color-mix(in srgb, var(--lesson-color) 45%, #fff);background:#fff;border-radius:16px;padding:6px 0 14px}.site .lf-conclusion p{margin:6px 20px 0;font-size:17px;line-height:1.55}.site .lf-conclusion p:first-of-type{font-weight:500}.site .cl-fields{gap:10px;display:grid}.site .cl-fields label{gap:4px;display:grid}.site .cl-fields span{color:var(--graphite);font-size:13.5px;font-weight:600}.site .lf-tips{max-width:40em;margin:18px 0 0;font-size:15.5px}.site .lf-tips summary{cursor:pointer;color:var(--ink);align-items:center;gap:10px;font-weight:600;list-style:none;display:inline-flex}.site .lf-tips summary::-webkit-details-marker{display:none}.site .lf-tips summary:after{content:"+";color:var(--lesson-ink);font-size:20px;font-weight:400;line-height:1}.site .lf-tips[open] summary:after{content:"−"}.site .lf-tips p{color:#464646;margin:12px 0 0;line-height:1.6}.site .lf-tips ul{color:#464646;gap:6px;margin:10px 0 0;padding-left:20px;line-height:1.55;display:grid}.site .lf-pending{border:1.5px dashed var(--line-strong);border-radius:16px;max-width:36em;margin:22px 0 0;padding:16px 18px}.site .lf-aside>.lf-pending{margin:0}.site .lf-pending span{color:var(--graphite);letter-spacing:1px;text-transform:uppercase;font-size:11.5px;font-weight:600;display:block}.site .lf-pending strong{margin:4px 0;font-size:17px;font-weight:600;display:block}.site .lf-pending p{color:var(--graphite);margin:0;font-size:14.5px;line-height:1.55}.site .lf-end-media{justify-items:center;margin:32px 0 0;display:grid}.site .lf-end-media .lf-video{width:min(100%,260px)}.site .lf-module{color:var(--graphite);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:clamp(22px,4vw,40px) 0 0;font-size:16px;display:flex}.site .lf-module span{color:var(--lesson-ink);letter-spacing:1.4px;text-transform:uppercase;font-size:12px;font-weight:600}.site .lf-module+h1{margin-top:10px}.site .lf-video{gap:8px;margin:0;display:grid}.site .lf-video video{aspect-ratio:9/16;background:var(--paper);border-radius:18px;width:100%;display:block;box-shadow:0 14px 30px -18px #25252559}.site .lf-video figcaption{color:var(--graphite);text-align:center;font-size:13.5px}.site .lf-actions{counter-reset:act;gap:22px;margin:0;padding:0;list-style:none;display:grid;position:relative}.site .lf-actions:before{content:"";background:var(--lf-line);width:2px;position:absolute;top:14px;bottom:14px;left:13px}.site .lf-actions li{counter-increment:act;gap:3px;padding-left:46px;display:grid;position:relative}.site .lf-actions li:before{content:counter(act);border:2px solid var(--lesson-color);width:28px;height:28px;color:var(--lesson-ink);text-align:center;letter-spacing:0;box-sizing:border-box;background:#fff;border-radius:50%;place-items:center;font-size:13px;font-weight:600;line-height:1;display:grid;position:absolute;top:-1px;left:0}.site .lf-actions b{font-size:17.5px;font-weight:600;line-height:1.35}.site .lf-actions span{color:#555;max-width:32em;font-size:15.5px;line-height:1.55}.site .lf-hint{background:var(--lesson-tint);border:0;border-radius:18px;gap:2px;margin:26px 0 0;padding:12px 16px;font-size:15.5px;line-height:1.5;display:grid}.site .lf-hint b{color:var(--lesson-ink);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.site .lf .cl-app{top:100px}.site .lf .cl-app iframe{border-radius:20px;box-shadow:0 16px 34px -22px #25252566}.site .lf-practice{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.site .lf-practice article{background:var(--paper);border:0;border-radius:18px;padding:20px 22px 22px}.site .lf-practice h3{margin:0 0 6px;font-size:19px;font-weight:600}.site .lf-practice p{color:#464646;margin:0;font-size:16px;line-height:1.6}.site .lf-tasks{gap:14px;max-width:680px;display:grid}.site .lf-task-tabs{gap:10px;margin:0;padding:0;list-style:none;display:flex}.site .lf-task-tabs button{border:2px solid var(--line-strong);width:38px;height:38px;color:var(--graphite);font:inherit;cursor:pointer;background:#fff;border-radius:50%;font-size:15px;font-weight:600;transition:all .16s}.site .lf-task-tabs button.is-at{border-color:var(--ink);background:var(--ink);color:#fff}.site .lf-task-tabs button.is-solved{border-color:var(--green);color:var(--green-ink)}.site .lf-task-tabs button.is-solved.is-at{background:var(--green);color:#fff}.site .lf .cl-task{border-radius:18px;padding:22px 24px}.site .lf .cl-task-number{display:none}.site .lf .cl-task h4{font-size:19px}.site .lf .cl-task-prompt{font-size:16.5px}.site .lf-next-task{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:10px 2px;font-size:15.5px;font-weight:600;display:inline-flex}.site .lf-done{padding-bottom:36px}.site .lf-result{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,4vw,48px);display:grid}.site .lf-result ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.site .lf-result li{padding-left:30px;font-size:17px;line-height:1.5;position:relative}.site .lf-result li:before{content:"";border-left:2.5px solid var(--lesson-color);border-bottom:2.5px solid var(--lesson-color);width:13px;height:7px;position:absolute;top:6px;left:3px;transform:rotate(-45deg)}.site .lf-next{background:var(--paper);border-radius:18px;justify-items:start;gap:6px;padding:22px 24px;display:grid}.site .lf-done.is-passed .lf-next{background:color-mix(in srgb, var(--green) 9%, #fff)}.site .lf-next small{color:var(--graphite);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.site .lf-next strong{font-size:21px;font-weight:600}.site .lf-next p{color:#555;margin:0 0 6px;font-size:15.5px;line-height:1.55}.site .lf-method{margin:0 0 18px}@media (width<=900px){.site .lf-after{grid-template-columns:1fr}.site .lf-route{grid-template-columns:1fr;gap:0}.site .lf-route>*{grid-template-columns:36px 1fr;align-items:center;gap:14px;padding:7px 0}.site .lf-route>:not(:last-child):after{width:2px;height:auto;inset:43px auto -7px 17px}.site .lf-route>*>span:last-child{grid-auto-flow:row}.site .lf-step-body.has-aside,.site #step-look .lf-step-body.has-aside{grid-template-columns:1fr}.site #step-look .lf-video{justify-self:center;max-width:210px}.site .lf .cl-app{position:static}.site .lf-result{grid-template-columns:1fr}}@media (width<=560px){.site .lf{--lf-spine:46px}.site .lf-spine>.lf-step:before{left:calc(-1 * var(--lf-spine) + 15px)}.site .lf-node{width:32px;height:32px;font-size:14px;top:0}.site .lf-node svg{width:16px;height:16px}.site .lf-lead{font-size:19px}.site .lf-text,.site .lf-result li{font-size:16px}.site .lf .cl-task{padding:18px}}@media (prefers-reduced-motion:reduce){.site .lf-route-n,.site .lf-task-tabs button{transition:none}}.site .cm-hero{padding:0 0 var(--lf-gap);grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:end;gap:clamp(28px,5vw,72px);display:grid}.site .cm-hero .lf-module{margin-top:clamp(14px,3vw,28px)}.site .cm-hero h1{letter-spacing:-2px;margin:10px 0 16px;font-size:clamp(44px,7vw,80px);font-weight:500;line-height:1}.site .cm-hero .lf-goal{margin-bottom:18px}.site .cm-formula{align-items:baseline;gap:12px;margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:600;display:flex}.site .cm-formula i{color:var(--graphite);font-style:normal;font-weight:300}.site .cm-start{background:var(--paper);border-radius:20px;gap:12px;padding:24px;display:grid}.site .cm-start small{color:var(--graphite);letter-spacing:1px;text-transform:uppercase;font-size:11.5px;font-weight:600}.site .cm-start strong{font-size:21px;font-weight:600}.site .cm-start .site-button{justify-self:start}.site .cm-block{padding:0 0 var(--lf-gap)}.site .cm-sub{max-width:36em;color:var(--graphite);margin:8px 0 0;font-size:16px;line-height:1.55}.site .cm .cr-map{margin:0}.site .cm-route em{color:var(--graphite);margin-top:4px;font-size:14px;font-style:normal;font-weight:400;line-height:1.45;display:block}.site .cm-route>:last-child .lf-route-n{color:var(--lesson-ink);background:0 0;border:0}.site .cm-route>:last-child .lf-route-n,.site .cm-route>:last-child .lf-route-n>span{line-height:1}@media (width<=900px){.site .cm-hero{grid-template-columns:1fr;align-items:start}.site .cm-route>:not(:last-child):after{top:43px;bottom:-7px}}