@layer quartz-base{.focus-toggle{border-radius:var(--radius-s);width:2rem;height:2rem;color:var(--darkgray);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.focus-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.focus-toggle:hover{background-color:var(--surface-2)}.focus-toggle:focus-visible{outline:2px solid var(--secondary);outline-offset:1px}@media not all and (min-width:1201px){.focus-toggle{display:none}}:root[focus-mode] .focus-toggle{color:var(--secondary);background-color:var(--surface-2)}.focus-tip{z-index:20;border:1px solid var(--lightgray);border-radius:var(--radius-m);background:var(--light);width:max-content;max-width:15rem;box-shadow:var(--code-shadow);text-align:left;pointer-events:none;visibility:hidden;transition:transform var(--dur-fast) var(--ease), visibility 0s linear var(--dur-fast);flex-direction:column;gap:2px;padding:9px 12px;display:flex;position:absolute;top:calc(100% + 8px);right:-4px;transform:translateY(-4px)}.focus-tip-title{font-family:var(--headerFont);color:var(--dark);font-size:.86rem;font-weight:700;line-height:1.5}.focus-tip-desc{font-family:var(--bodyFont);color:var(--gray);font-size:12.5px;font-weight:400;line-height:1.6}.focus-tip-keys{margin-top:4px}.focus-tip kbd,.focus-coach kbd{border:1px solid var(--lightgray);background:var(--surface-2);font-family:var(--codeFont);color:var(--darkgray);border-bottom-width:2px;border-radius:4px;padding:0 6px;font-size:11.5px;font-weight:500}.focus-toggle:focus-visible .focus-tip,.focus-toggle:hover .focus-tip{visibility:visible;transition-delay:0s;transform:none}div:has(>.focus-toggle){position:relative}.focus-coach{z-index:20;border:1px solid color-mix(in srgb, var(--secondary) 45%, var(--lightgray));border-radius:var(--radius-m);background:var(--light);width:max-content;max-width:18rem;box-shadow:var(--code-shadow);align-items:center;gap:10px;padding:10px 8px 10px 14px;display:flex;position:absolute;top:calc(100% + 12px);right:-8px}.focus-coach:before{content:"";background:var(--light);border-top:1px solid color-mix(in srgb, var(--secondary) 45%, var(--lightgray));border-left:1px solid color-mix(in srgb, var(--secondary) 45%, var(--lightgray));width:10px;height:10px;position:absolute;top:-6px;right:16px;transform:rotate(45deg)}.focus-coach b{font-family:var(--headerFont);color:var(--dark);font-size:.86rem;font-weight:700;line-height:1.5;display:block}.focus-coach span{color:var(--gray);font-size:12.5px;line-height:1.6}.focus-coach-close{border-radius:var(--radius-s);width:26px;height:26px;color:var(--gray);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin:0;padding:0;font-size:16px;line-height:1}.focus-coach-close:hover{background-color:var(--surface-2);color:var(--dark)}.focus-rail{box-sizing:border-box;max-height:calc(100vh - var(--topbar-h) - var(--island-inset) * 2 - 4.75rem);border-radius:var(--radius-m);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border:1px solid #0000;flex-direction:column;align-self:flex-start;gap:10px;padding:12px 10px;display:none;overflow-y:auto}.focus-rail ol{flex-direction:column;gap:10px;min-width:30px;margin:0;padding:0;list-style:none;display:flex}.focus-rail li{margin:0}.focus-rail a{min-height:12px;color:var(--gray);background:0 0;align-items:center;gap:12px;padding:0;font-weight:400;text-decoration:none;display:flex}.focus-rail a:focus-visible{outline:2px solid var(--secondary);outline-offset:2px;border-radius:2px}.focus-rail-caption{font-family:var(--codeFont);letter-spacing:.06em;color:var(--gray);transition:color var(--dur-fast) var(--ease);font-size:.6875rem;font-weight:500;line-height:1}.focus-rail-tick{background:var(--gray);width:16px;height:2px;transition:width var(--dur-fast) var(--ease), height var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border-radius:1px;flex-shrink:0}.focus-rail li:not(.depth-0) .focus-rail-tick{width:10px;margin-left:6px}@media (hover:hover){.focus-rail:hover{cursor:pointer}.focus-rail:hover .focus-rail-caption{color:var(--darkgray)}.focus-rail:hover .focus-rail-tick{background:var(--darkgray);width:20px}.focus-rail:hover li:not(.depth-0) .focus-rail-tick{width:14px}}.focus-rail.open .focus-rail-caption{color:var(--darkgray)}.focus-rail.open .focus-rail-tick{background:var(--darkgray);width:20px}.focus-rail.open li:not(.depth-0) .focus-rail-tick{width:14px}.focus-rail li:has(>a.in-view):not(:has(~li>a.in-view)) .focus-rail-tick{background:var(--secondary);width:24px;height:3px}.focus-rail li:has(>a.in-view):not(:has(~li>a.in-view)) .focus-rail-label{color:var(--secondary);font-weight:600}.focus-rail-label{font-family:var(--headerFont);font-size:.8rem;line-height:1.4}.focus-rail li:not(.depth-0) .focus-rail-label{font-size:.75rem}.focus-rail:not(.open) .focus-rail-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.focus-rail.open{width:min(250px, 100% + var(--page-gutter) - .5rem);background:var(--light);border-color:var(--lightgray);box-shadow:var(--code-shadow);padding:16px 18px}.focus-rail.open ol{gap:8px}.focus-rail.open a:hover .focus-rail-label{color:var(--secondary)}@media (min-width:1201px){:root[focus-mode] .focus-rail{display:flex}}.focus-toast{z-index:10;border:1px solid var(--lightgray);border-radius:var(--radius-m);background:var(--light);box-shadow:var(--code-shadow);color:var(--dark);font-family:var(--codeFont);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease);align-items:center;gap:.6rem;padding:.6rem 1rem;font-size:.75rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.focus-toast.show{opacity:1}.focus-toast kbd{border:1px solid var(--gray);border-radius:5px;padding:1px 6px;font-family:inherit}.focus-toast-sep{color:var(--gray)}}