body:has(.learn-index-shell){background-color:#07090a;background:radial-gradient(ellipse 120% 78% at 50% -12%,#252d2e,#171c1e 34%,#0d1012 66%,#07090a);background-repeat:no-repeat}.learn-index-shell{--pt-accent-teal: #4d918b;--pt-accent-teal-bright: #73aaa5;--pt-accent-teal-vivid: #91c2bc;--pt-card-fill: linear-gradient(160deg, rgba(37, 42, 43, .56), rgba(15, 18, 19, .8) 72%);--pt-card-fill-sheen: inset 0 1px 0 rgba(255, 255, 255, .04);width:100%;max-width:var(--pt-page-width);margin:0 auto;padding:clamp(54px,8vw,104px) var(--pt-page-gutter) 96px}.learn-index-hero{max-width:720px}.learn-index-eyebrow,.learn-index-section-heading p,.learn-guide-copy>p,.learn-reference-copy>p,.learn-index-actions p{margin:0 0 12px;color:var(--pt-accent-teal-bright);font:600 .72rem/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.learn-index-hero h1{max-width:12ch;margin:0 0 18px;font-size:clamp(2.4rem,7vw,4.6rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance}.learn-index-hero>p:last-child{max-width:58ch;margin:0;color:var(--pt-text-secondary);font-size:clamp(1rem,2vw,1.18rem);line-height:1.65}.learn-index-meta{margin-top:16px;color:var(--pt-text-muted);font-size:.875rem}.learn-term-grid dd p{margin:0}.learn-term-grid dd p+p{margin-top:10px}.learn-term-links{font-size:.875rem}.learn-term-visual{display:block;margin:16px 0}.learn-index-section{margin-top:clamp(72px,10vw,112px)}.learn-index-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--pt-glass-border)}.learn-index-section-heading p{margin-bottom:8px}.learn-index-section-heading h2,.learn-index-actions h2{margin:0;font-size:clamp(1.4rem,3vw,1.85rem);line-height:1.2;letter-spacing:-.025em}.learn-index-section-heading>span{color:var(--pt-text-tertiary);font:500 .78rem/1.4 var(--font-mono)}.learn-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.learn-guide-card,.learn-reference-item,.learn-term-preview{overflow:hidden;border:1px solid var(--pt-card-fill-border);border-radius:12px;background:var(--pt-card-fill);box-shadow:var(--pt-card-fill-sheen);color:var(--pt-text-primary);text-decoration:none;transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}@media(hover:hover){.learn-guide-card:hover,.learn-reference-item:hover,.learn-term-preview:hover{border-color:color-mix(in srgb,var(--pt-accent-teal-bright) 42%,transparent);transform:translateY(-2px)}}.learn-guide-card:focus-visible,.learn-reference-item:focus-visible,.learn-term-preview:focus-visible,.learn-index-secondary:focus-visible,.learn-breadcrumb a:focus-visible{outline:2px solid var(--pt-accent-teal-vivid);outline-offset:4px}.learn-guide-visual{display:grid;place-items:center;min-height:230px;padding:28px;border-bottom:1px solid var(--pt-glass-border);background:radial-gradient(circle at 50% 25%,rgba(56,178,172,.14),transparent 58%),#050b0c94}.learn-mini-keyboard{display:grid;grid-template-columns:repeat(5,44px);gap:8px}.learn-key-renderer{transform:perspective(520px) rotateX(12deg)}.learn-visual-key{display:grid;place-items:center;width:var(--learn-visual-key-size, auto);aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:linear-gradient(180deg,#252c2e,#151a1c);box-shadow:0 5px #080b0c;color:var(--pt-text-secondary);font:600 .72rem/1 var(--font-mono)}.learn-visual-key[data-highlight=true]{border-color:#6fffe985;color:var(--pt-accent-teal-vivid);box-shadow:0 5px #080b0c,0 0 18px #38b2ac2b}.learn-mini-typing-trace{width:min(100%,420px);padding:20px 22px 18px;border:1px solid rgba(115,170,165,.22);border-radius:10px;background:linear-gradient(145deg,#081416e6,#070a0bcc),#050b0cd1;box-shadow:0 18px 42px #00000042}.learn-mini-trace-heading,.learn-mini-trace-legend{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:var(--font-mono)}.learn-mini-trace-heading span{color:var(--pt-accent-teal-bright);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.learn-mini-trace-heading strong{color:var(--pt-text-primary);font-size:.72rem}.learn-mini-typing-trace svg{display:block;width:100%;margin:12px 0 10px;overflow:visible}.learn-mini-trace-grid{fill:none;stroke:#ffffff0e;stroke-width:1}.learn-mini-trace-line{fill:none;stroke:url(#typing-trace-line);stroke-linecap:round;stroke-width:4}.learn-mini-trace-pause,.learn-mini-trace-target{stroke:#081012;stroke-width:4}.learn-mini-trace-pause{fill:#f1ad71}.learn-mini-trace-target{fill:var(--pt-accent-teal-vivid);filter:drop-shadow(0 0 8px rgba(115,170,165,.48))}.learn-mini-trace-legend{justify-content:flex-start;color:var(--pt-text-tertiary);font-size:.57rem}.learn-mini-trace-legend span,.learn-mini-trace-legend strong{display:inline-flex;align-items:center;gap:5px}.learn-mini-trace-legend i{width:5px;height:5px;border-radius:50%;background:var(--pt-accent-teal-bright)}.learn-mini-trace-legend span:first-child i{background:#f1ad71}.learn-mini-trace-legend strong{margin-left:auto;color:var(--pt-accent-teal-vivid);font-weight:600}.learn-mini-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none}.learn-mini-process li{padding:12px;border-left:1px solid var(--pt-glass-border)}.learn-mini-process li:first-child{border-left:0}.learn-mini-process span,.learn-mini-process strong{display:block}.learn-mini-process span{margin-bottom:9px;color:var(--pt-accent-teal-bright);font:600 .68rem/1 var(--font-mono)}.learn-mini-process strong{font-size:.78rem;font-weight:600}.learn-mini-practice-loop li:nth-child(2) span,.learn-mini-practice-loop li:nth-child(3) span{color:var(--pt-accent-teal-vivid)}.learn-mini-mac-dashboard{width:min(100%,360px);overflow:hidden;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:linear-gradient(145deg,#183436c7,#0a1214eb);box-shadow:0 12px 26px #00000040;color:var(--pt-text-secondary);font-family:var(--font-ui)}.learn-mini-mac-titlebar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.66rem}.learn-mini-mac-titlebar>span{width:8px;height:8px;border-radius:50%;background:#ffb06e;box-shadow:13px 0 #eac452,26px 0 #65d6c2}.learn-mini-mac-titlebar b{margin-left:24px;color:var(--pt-text-primary)}.learn-mini-mac-titlebar em{margin-left:auto;color:var(--pt-accent-teal-bright);font-style:normal}.learn-mini-mac-content{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.learn-mini-mac-content>div{display:grid;gap:4px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff09}.learn-mini-mac-content small,.learn-mini-mac-content span{color:var(--pt-text-tertiary);font-size:.55rem;line-height:1.2}.learn-mini-mac-content strong{color:var(--pt-text-primary);font-size:.92rem;line-height:1}.learn-mini-mac-content>div:first-child span{color:var(--pt-accent-teal-bright)}.learn-mini-mac-content>div:last-child strong{color:#f1ad71;font-family:var(--font-mono)}.learn-mini-signal{display:grid;width:min(100%,360px);gap:16px;color:var(--pt-text-secondary);font-family:var(--font-mono)}.learn-mini-accuracy-signal{grid-template-columns:1fr auto 1fr;align-items:center}.learn-mini-accuracy-signal>div{display:grid;gap:7px;padding:14px;border:1px solid var(--pt-glass-border);border-radius:8px;background:#ffffff09}.learn-mini-accuracy-signal>div:last-of-type strong{color:#f1ad71}.learn-mini-accuracy-signal i{color:var(--pt-accent-teal-bright);font-style:normal}.learn-mini-signal p{display:flex;grid-column:1 / -1;align-items:center;justify-content:center;gap:12px;margin:0;font-size:.73rem}.learn-mini-keyboard-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(100%,360px);color:var(--pt-text-secondary);font-family:var(--font-mono)}.learn-mini-keyboard-comparison>div{display:grid;gap:7px;padding:16px 12px 14px;border:1px solid var(--pt-glass-border);border-bottom-width:4px;border-radius:7px;background:#ffffff09;text-align:center}.learn-mini-keyboard-comparison>div:last-of-type{border-color:#ff7a686b}.learn-mini-keyboard-comparison span{font-size:.64rem}.learn-mini-keyboard-comparison strong{color:var(--pt-text-primary);font-size:.8rem}.learn-mini-keyboard-comparison i{color:var(--pt-accent-teal-bright);font-size:.7rem;font-style:normal}.learn-mini-keyboard-comparison p{grid-column:1 / -1;margin:0;color:var(--pt-text-secondary);font-size:.73rem;text-align:center}.learn-mini-plateau-signal{justify-items:center}.learn-mini-plateau-line{display:flex;align-items:end;gap:9px;height:92px}.learn-mini-plateau-line i{display:block;width:38px;border:1px solid rgba(111,255,233,.44);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#38b2ac66,#38b2ac0f)}.learn-mini-plateau-line i:nth-child(1){height:30px}.learn-mini-plateau-line i:nth-child(2){height:50px}.learn-mini-plateau-line i:nth-child(3){height:68px}.learn-mini-plateau-line i:nth-child(4),.learn-mini-plateau-line i:nth-child(5){height:69px;border-color:#f1ad7199}.learn-guide-copy{padding:26px}.learn-guide-copy>p{margin-bottom:9px}.learn-guide-copy h3{margin:0 0 10px;font-size:1.18rem;line-height:1.3;letter-spacing:-.015em}.learn-guide-copy>span{display:block;min-height:3.1em;color:var(--pt-text-secondary);font-size:1rem;line-height:1.58}.learn-guide-copy>strong{display:inline-flex;gap:6px;margin-top:22px;color:var(--pt-accent-teal-bright);font-size:.86rem}.learn-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.learn-reference-item{display:flex;min-height:290px;padding:26px;flex-direction:column}.learn-reference-item>.learn-reference-visual{display:flex;align-items:center;min-height:74px;margin:6px 0 auto}.learn-key-sequence{--learn-visual-key-size: 44px;display:inline-flex;align-items:center;gap:8px;width:max-content}.learn-key-sequence__key{position:relative;flex:0 0 auto;transform:translateY(0);transform-origin:bottom}.learn-key-sequence__key:before{position:absolute;z-index:0;inset:-1px;border:1px solid rgba(111,255,233,.52);border-radius:inherit;background:#38b2ac1f;box-shadow:0 0 18px #38b2ac2b;content:"";opacity:0;pointer-events:none}.learn-key-sequence.is-compact{--learn-visual-key-size: 34px;gap:6px}@keyframes learn-sequence-key-press{0%,to{transform:translateY(0)}42%,68%{transform:translateY(5px)}}@keyframes learn-sequence-key-highlight{0%,to{opacity:0}42%,68%{opacity:1}}:is(.learn-reference-item,.learn-pattern-grid>a):is(:hover,:focus-visible) .learn-key-sequence__key{animation:learn-sequence-key-press .62s cubic-bezier(.22,1,.36,1) calc(var(--sequence-index) * var(--dur-fast)) both}:is(.learn-reference-item,.learn-pattern-grid>a):is(:hover,:focus-visible) .learn-key-sequence__key:before{animation:learn-sequence-key-highlight .62s cubic-bezier(.22,1,.36,1) calc(var(--sequence-index) * var(--dur-fast)) both}@media(prefers-reduced-motion:reduce){:is(.learn-reference-item,.learn-pattern-grid>a):is(:hover,:focus-visible) .learn-key-sequence__key,:is(.learn-reference-item,.learn-pattern-grid>a):is(:hover,:focus-visible) .learn-key-sequence__key:before{animation:none}:is(.learn-reference-item,.learn-pattern-grid>a):is(:hover,:focus-visible) .learn-key-sequence__key:before{opacity:1}}.learn-reference-item>p,.learn-term-preview p{margin:32px 0 8px;color:var(--pt-accent-teal-bright);font:600 .7rem/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.learn-reference-item h3,.learn-term-preview h3{margin:0;font-size:1rem;line-height:1.45}.learn-reference-item>strong,.learn-term-preview>strong{margin-top:24px;color:var(--pt-accent-teal-bright);font-size:.82rem}.learn-term-preview{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(360px,1.4fr) auto;align-items:center;gap:30px;margin-top:14px;padding:26px}.learn-term-preview p{margin:0 0 8px}.learn-term-preview ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.learn-term-preview li{padding:7px 9px;border:1px solid var(--pt-glass-border);border-radius:6px;background:#050b0c75;color:var(--pt-text-secondary);font:500 .7rem/1 var(--font-mono)}.learn-term-preview>strong{margin:0;white-space:nowrap}.learn-index-actions{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:clamp(72px,10vw,112px);padding:clamp(26px,5vw,42px);border:1px solid var(--pt-card-fill-border);border-radius:12px;background:var(--pt-card-fill)}.learn-index-actions p{margin-bottom:8px}.learn-index-actions>div:last-child{display:flex;align-items:center;gap:18px}.learn-index-secondary{color:var(--pt-text-secondary);font-size:.86rem;font-weight:600;text-decoration:none}.learn-index-secondary:hover{color:var(--pt-accent-teal-bright)}.learn-breadcrumb{display:flex;gap:9px;margin-bottom:34px;color:var(--pt-text-tertiary);font:500 .74rem/1.4 var(--font-mono)}.learn-breadcrumb a{color:var(--pt-accent-teal-bright);text-decoration:none}.learn-pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.learn-pattern-grid>a{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:22px;border:1px solid var(--pt-card-fill-border);border-radius:10px;background:var(--pt-card-fill);color:var(--pt-text-primary);text-decoration:none}.learn-pattern-grid>a:hover{border-color:color-mix(in srgb,var(--pt-accent-teal-bright) 42%,transparent)}.learn-pattern-grid>a:focus-visible{outline:2px solid var(--pt-accent-teal-vivid);outline-offset:4px}.learn-pattern-grid h3,.learn-pattern-grid p{margin:0}.learn-pattern-grid h3{margin-bottom:7px;font-size:1rem}.learn-pattern-grid p{margin-bottom:12px;color:var(--pt-text-secondary);font-size:1rem;line-height:1.55}.learn-pattern-grid div>span{color:var(--pt-accent-teal-bright);font-size:.82rem;font-weight:650}.learn-term-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;margin:0;border:1px solid var(--pt-glass-border);border-radius:10px;background:var(--pt-glass-border)}.learn-term-grid div{min-width:0;padding:22px;background:var(--pt-bg-deep)}.learn-term-grid dt{margin-bottom:8px;color:var(--pt-text-primary);font-weight:650}.learn-term-grid dd{margin:0;color:var(--pt-text-secondary);font-size:1rem;line-height:1.58}@media(max-width:760px){.learn-guide-grid,.learn-reference-grid,.learn-pattern-grid,.learn-term-grid{grid-template-columns:1fr}.learn-index-section-heading{display:block}.learn-index-section-heading>span{display:block;margin-top:10px}.learn-reference-item{min-height:230px}.learn-term-preview{grid-template-columns:1fr;gap:22px}.learn-term-preview>strong{white-space:normal}.learn-index-actions{display:block}.learn-index-actions>div:last-child{align-items:stretch;flex-direction:column;margin-top:24px}.learn-index-secondary{padding:10px 0;text-align:center}}@media(max-width:520px){.learn-index-shell{padding:44px 20px 96px}.learn-guide-visual{min-height:190px;padding:22px}.learn-mini-keyboard{grid-template-columns:repeat(5,36px);gap:6px}.learn-mini-process{grid-template-columns:repeat(2,1fr);gap:14px 0}.learn-mini-process li:nth-child(3){border-left:0}.learn-key-sequence.is-compact .learn-key-sequence__key{width:34px}}@media(prefers-reduced-motion:reduce){.learn-guide-card,.learn-reference-item,.learn-term-preview{transition:none}}