@font-face{font-family:'Desk Hand';src:url('/assets/caveat.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
.menubar .menubar-guide{position:relative;display:grid;place-items:center;width:21px;height:23px;padding:2px!important;flex:none;opacity:.48;transition:opacity .15s}.menubar-guide>svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.guide-button-tip{position:absolute;right:0;top:calc(100% + 12px);padding:6px 11px;white-space:nowrap;background:var(--chrome-bg);color:var(--chrome-ink);border:1px solid var(--chrome-line);border-radius:6px;font:18px/1.1 'Desk Hand','Bradley Hand',cursive;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s,transform .15s}.menubar-guide:is(:hover,:focus-visible) .guide-button-tip{opacity:1;transform:none}
.desktop-guide-open #windows-layer,.desktop-guide-open .activity-drawer,.desktop-guide-open .monitor-pull,.desktop-guide-open .menubar-popover{visibility:hidden!important}.desktop-guide-open #dock{visibility:visible!important;opacity:1!important;pointer-events:none;transform:translateX(-50%)}.desktop-guide-open #dock:not([data-position=bottom]){transform:translateY(-50%)}
dialog.desktop-guide{--guide-ink:#304a40;--guide-accent:#376d83;position:fixed;inset:0;transform:none;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;overflow:hidden;background:#f7f6ecd9;color:var(--guide-ink);backdrop-filter:blur(2px) saturate(.65);box-shadow:inset 0 0 75px #d2d4bd24;font-family:'Desk Hand','Kaiti SC','STKaiti','Bradley Hand',cursive}dialog.desktop-guide[open]{display:block;animation:guide-unfold .2s ease-out}dialog.desktop-guide::backdrop{background:transparent;backdrop-filter:none}.desktop-guide:before{content:'';position:fixed;inset:11px;border:1px solid #fff9;border-radius:5px;pointer-events:none;background:linear-gradient(124deg,transparent 27%,#fff3 27.2%,transparent 27.6%)}
.guide-done{position:fixed;right:27px;top:23px;display:flex;gap:12px;align-items:center;padding:8px 13px;border:1px solid #7e907150;border-radius:999px;background:#fafbefa8;color:var(--guide-ink);font:11px/1.2 var(--sans);z-index:5}.guide-done:hover{background:#fff}.guide-done span{font-size:17px}
.guide-board{position:absolute;z-index:3;overflow:auto;scrollbar-width:thin;padding:2px 8px 4px}.guide-heading{margin:0 0 24px}.guide-heading h1{font:600 47px/1 'Desk Hand','Kaiti SC','STKaiti','Bradley Hand',cursive;letter-spacing:-.02em;margin:0 0 7px}.guide-heading p{font-size:21px;line-height:1.2;color:#6f7e71;margin:0}.guide-notes{display:grid;grid-template-columns:repeat(var(--guide-columns,4),minmax(0,1fr));gap:13px 28px}.guide-note{display:grid;grid-template-columns:31px minmax(0,1fr) 18px;align-items:center;gap:11px;text-align:left;padding:8px 0 12px;min-height:76px;border:0;border-bottom:1px solid #7c927c35;border-radius:0;background:none;font-family:inherit;color:inherit}.guide-note-copy{min-width:0}.guide-note strong{display:block;font-size:27px;font-weight:600;line-height:1.05}.guide-note small{display:block;font-size:20px;line-height:1.15;margin-top:4px;color:#657567}.guide-number{font:14px/1 'Desk Hand',cursive;color:#7c8d7c;align-self:start;padding-top:6px}.guide-note:is(:hover,:focus-visible),.guide-note[aria-current=true]{color:var(--guide-accent)}.guide-note[aria-current=true] strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.guide-note:focus-visible{outline:1px dashed currentColor;outline-offset:5px}.guide-mini-icon{width:31px;height:31px;display:grid;place-items:center}.guide-mini-icon>.app-icon{width:31px;height:31px;box-shadow:none!important;border-radius:7px}.guide-mini-icon>svg{width:31px;height:31px}.guide-mini-icon .mac-art{width:100%;height:100%}.guide-mini-icon .pixel-glasses{width:84%;height:70%}
.guide-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #7c927c60;margin-top:23px;padding-top:12px}.guide-extra{grid-template-columns:29px minmax(0,1fr);gap:9px;border:0;min-height:58px;padding:4px 0}.guide-extra strong{font-size:24px}.guide-extra small{font-size:18px}.guide-extra .guide-mini-icon,.guide-extra .guide-mini-icon>.app-icon,.guide-extra .guide-mini-icon>svg{width:29px;height:29px}.guide-footer{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font:10px/1.5 var(--sans);color:#758071}.guide-mobile-hint{display:none}
.guide-pins,.guide-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guide-pins{z-index:1}.guide-pin{position:absolute;display:grid;place-items:center;opacity:.7}.guide-pin.active{opacity:1}.guide-pin:after{content:attr(data-number);position:absolute;top:-19px;left:50%;transform:translateX(-50%);font:16px/1 'Desk Hand',cursive;color:#71806f}.guide-pin.active:after{visibility:hidden}.guide-pin>.app-icon,.guide-pin>svg,.guide-pin .mac-art{width:100%;height:100%}.guide-pin .pixel-glasses{width:84%;height:70%}.guide-pin .glasses{background:linear-gradient(110deg,#a6cdce 49%,#e0ead8 50%);border-radius:18%}.desktop-guide[data-position=left] .guide-pin:after{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.desktop-guide[data-position=right] .guide-pin:after{top:50%;left:auto;right:calc(100% + 10px);transform:translateY(-50%)}.guide-arrows{z-index:2;overflow:visible;color:var(--guide-accent)}.guide-arrow-line,.guide-target-ring{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.guide-target-ring{stroke-width:1;opacity:.5;stroke-dasharray:100 8}.guide-anchor-label{position:absolute;z-index:3;text-align:center;font:600 25px/1.1 'Desk Hand','Kaiti SC','STKaiti','Bradley Hand',cursive;color:var(--guide-accent);pointer-events:none}.guide-anchor-label i{font-size:17px;font-weight:400;font-style:normal;margin-right:5px}
.guide-board[data-compact=true] .guide-heading{margin-bottom:17px}.guide-board[data-compact=true] .guide-heading h1{font-size:40px}.guide-board[data-compact=true] .guide-heading p{font-size:19px}.guide-board[data-compact=true] .guide-note{min-height:61px;padding-block:7px 9px}.guide-board[data-compact=true] .guide-note strong{font-size:25px}.guide-board[data-compact=true] .guide-note small{font-size:18px}.guide-board[data-compact=true] .guide-extras{margin-top:17px;padding-top:9px}.guide-board[data-compact=true] .guide-extra{min-height:48px}.guide-board[data-compact=true] .guide-footer{margin-top:12px}
@media(max-width:600px){.menubar:has(.menubar-guide) .owner{display:none}.menubar .menubar-guide{width:22px;height:23px}.menubar-guide>svg{width:16px;height:16px}}
.desktop-guide[data-mobile=true]{overflow-y:auto;overscroll-behavior:contain;background:#f7f6ecf0}.desktop-guide[data-mobile=true] .guide-board{position:relative;inset:auto;width:auto;max-height:none;margin:76px 27px 28px;padding:3px 2px;overflow:visible}.desktop-guide[data-mobile=true] .guide-heading{margin-bottom:20px}.desktop-guide[data-mobile=true] .guide-heading h1{font-size:38px}.desktop-guide[data-mobile=true] .guide-heading p{font-size:20px}.desktop-guide[data-mobile=true] .guide-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 19px}.desktop-guide[data-mobile=true] .guide-note{grid-template-columns:25px minmax(0,1fr);gap:8px;min-height:83px;position:relative;padding-right:3px}.desktop-guide[data-mobile=true] .guide-note strong{font-size:24px}.desktop-guide[data-mobile=true] .guide-note small{font-size:19px}.desktop-guide[data-mobile=true] .guide-number{position:absolute;top:0;right:0;font-size:12px;padding:0}.desktop-guide[data-mobile=true] .guide-mini-icon,.desktop-guide[data-mobile=true] .guide-mini-icon>.app-icon,.desktop-guide[data-mobile=true] .guide-mini-icon>svg{width:25px;height:25px}.desktop-guide[data-mobile=true] .guide-extras{grid-template-columns:1fr;margin-top:18px;padding-top:13px;gap:6px}.desktop-guide[data-mobile=true] .guide-extra{min-height:45px}.desktop-guide[data-mobile=true] .guide-extra .guide-note-copy{display:flex;align-items:baseline;gap:12px}.desktop-guide[data-mobile=true] .guide-extra small{margin:0;font-size:19px}.desktop-guide[data-mobile=true] .guide-footer{display:block;font-size:9px;line-height:1.6}.desktop-guide[data-mobile=true] .guide-desktop-hint{display:none}.desktop-guide[data-mobile=true] .guide-mobile-hint{display:inline}.desktop-guide[data-mobile=true] .guide-footer>span:last-child{display:none}.desktop-guide[data-mobile=true] .guide-pins,.desktop-guide[data-mobile=true] .guide-arrows,.desktop-guide[data-mobile=true] .guide-anchor-label{display:none}.desktop-guide[data-mobile=true] .guide-done{right:19px;top:20px;font-size:10px}
@media(min-width:761px) and (max-height:639px){.desktop-guide[data-mobile=true] .guide-board{max-width:950px;margin-inline:auto;padding-inline:30px}.desktop-guide[data-mobile=true] .guide-notes{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-guide[data-mobile=true] .guide-extras{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-guide[data-mobile=true] .guide-extra .guide-note-copy{display:block}}
@keyframes guide-unfold{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){dialog.desktop-guide[open]{animation:none}.guide-button-tip{transition:none}}

.menubar .menubar-guide:is(:hover,:focus-visible,[aria-expanded=true]){opacity:.9}

.guide-pin{padding:0;border:0;background:none;color:inherit;pointer-events:auto;cursor:pointer;overflow:visible;border-radius:18%}.guide-pin>span,.guide-pin>span>.app-icon,.guide-pin>span>svg{display:grid;place-items:center;width:100%;height:100%}.guide-pin:focus-visible{outline:2px dashed var(--guide-accent);outline-offset:9px}.guide-discover{margin:16px 0 0;font:500 23px/1.15 'Desk Hand','Kaiti SC','STKaiti','Bradley Hand',cursive;color:#5d7567}.guide-board[data-compact=true] .guide-discover{font-size:21px;margin-top:10px}.desktop-guide[data-mobile=true] .guide-discover{font-size:22px;margin-top:17px}