.canvas-app[data-tutorial-active=true] :is(.sidebar-toggle-btn,.category-rail,.zoom-slider-container,.mobile-canvas-controls,.dev-tools-trigger,.dev-tools-panel){visibility:hidden;pointer-events:none}.canvas-app[data-tutorial-active=true] .modal-overlay{background:#0000009e}.canvas-app[data-tutorial-active=true] .mac-notch [data-tutorial-locked=true]{opacity:.28}.canvas-tutorial-personal-shade{background:#03070952;position:absolute;inset:0}.canvas-tutorial-opening{z-index:120000;pointer-events:none;color:#f0f4f6;--opening-muted:#aab4be;--opening-accent:#c1e3e6;--opening-safe-bottom:max(28px, env(safe-area-inset-bottom));--welcome-out:0;--brand-out:0;--canvas-reveal:0;--pan-in:0;--gesture-in:0;--directions-in:0;font-family:inherit;position:fixed;inset:0}.canvas-tutorial-welcome-backdrop{-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate();pointer-events:none;background:#06090b00;transition:background .65s,-webkit-backdrop-filter .65s,backdrop-filter .65s;position:absolute;inset:0;overflow:hidden}.canvas-tutorial-opening:is(.is-welcoming,.is-transitioning,.is-guiding) .canvas-tutorial-welcome-backdrop{background:rgb(6 9 11/calc(.72 - var(--canvas-reveal) * .44));-webkit-backdrop-filter:blur(calc(26px - var(--canvas-reveal) * 22px)) saturate(calc(.45 + var(--canvas-reveal) * .4));backdrop-filter:blur(calc(26px - var(--canvas-reveal) * 22px)) saturate(calc(.45 + var(--canvas-reveal) * .4))}.canvas-tutorial-opening:is(.is-welcoming,.is-transitioning) .canvas-tutorial-welcome-backdrop{pointer-events:auto;transition:none}.canvas-tutorial-opening.is-composer-scene .canvas-tutorial-welcome-backdrop{-webkit-backdrop-filter:blur(11px)saturate(.7);backdrop-filter:blur(11px)saturate(.7);pointer-events:auto;background:#06090bb8}.canvas-app .mac-notch[data-tutorial-hidden]{opacity:0;visibility:hidden;pointer-events:none;translate:0 -18px}.canvas-app .composer-stage[data-tutorial-composer-scene]{z-index:120001}.canvas-app .mac-notch[data-tutorial-notch]{z-index:120001;animation:.7s both tutorial-notch-reveal}.canvas-app .notch-btn[data-tutorial-notch-target]{position:relative}.canvas-tutorial-opening.is-notch-scene .canvas-tutorial-welcome-backdrop{-webkit-backdrop-filter:blur(11px)grayscale();backdrop-filter:blur(11px)grayscale();pointer-events:auto;background:#060708d9}.canvas-tutorial-opening.is-notch-scene :is(.canvas-tutorial-welcome-dotfield,.canvas-tutorial-welcome-particles){display:none}.canvas-tutorial-continuation{text-align:center;width:min(620px,100vw - 48px);animation:.7s both tutorial-notch-reveal;position:absolute;top:max(132px,17vh);left:50%;transform:translate(-50%)}.canvas-tutorial-continuation h2{color:#f0f1f2;letter-spacing:-.035em;outline:none;margin:0;font-size:clamp(22px,3vw,32px);font-weight:400;line-height:1.3}.canvas-tutorial-continuation p{color:#adb0b5;margin:12px 0 0;font-size:16px;line-height:1.5}.canvas-tutorial-personal{left:calc(50% + var(--tutorial-personal-inset,0px) / 2);width:min(620px, calc(100vw - var(--tutorial-personal-inset,0px) - 48px));pointer-events:none}.canvas-tutorial-personal h2{color:#f0f3f1}.canvas-tutorial-personal p{color:#bcc6c1}.canvas-tutorial-personal-copy{display:grid}.canvas-tutorial-personal-beat{grid-area:1/1;min-width:0;transition:opacity .42s,transform .42s}.canvas-tutorial-personal-beat.is-intro{opacity:1;transform:translateY(0)}.canvas-tutorial-personal-beat.is-open{opacity:0;transform:translateY(8px)}.canvas-tutorial-personal[data-open=true] .is-intro{opacity:0;transform:translateY(-8px)}.canvas-tutorial-personal[data-open=true] .is-open{opacity:1;transform:translateY(0)}@keyframes tutorial-notch-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.canvas-app .mac-notch[data-tutorial-notch],.canvas-tutorial-continuation{animation:none}.canvas-tutorial-personal-beat{transition:none}}.canvas-app .composer-stage[data-tutorial-composer-scene]>.composer-stage-inner{animation:.6s cubic-bezier(.16,1,.3,1) both tutorial-composer-reveal}.canvas-app[data-tutorial-step=composer] .composer-ai-toggle:focus-visible{outline-offset:6px;outline:2px solid #e3f4f5}.canvas-app:is([data-tutorial-step=welcome],[data-tutorial-step=pan],[data-tutorial-step=composer]) .manual-post-footer>span{visibility:hidden}.canvas-tutorial-welcome-dotfield{opacity:.3;background-image:radial-gradient(circle,#d5e4e64d .8px,#0000 1.3px),radial-gradient(circle,#d5e4e622 .7px,#0000 1.2px);background-position:0 0,13px 19px;background-size:34px 34px,57px 57px;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(#0000 5%,#0007 38%,#000 72%,#0000 96%);mask-image:radial-gradient(#0000 5%,#0007 38%,#000 72%,#0000 96%)}.canvas-tutorial-welcome-particles{position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 8%,#000 35% 75%,#0000 100%);mask-image:radial-gradient(#0000 8%,#000 35% 75%,#0000 100%)}.canvas-tutorial-welcome-particles>span{width:3px;height:3px;animation:tutorial-welcome-dot var(--dot-duration) cubic-bezier(.22, .08, .3, 1) var(--dot-delay) infinite;animation-play-state:inherit;background:#d2e5e8;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 9px #c1e3e640}.canvas-tutorial-welcome{text-align:center;opacity:0;visibility:hidden;pointer-events:none;width:min(640px,100vw - 48px);height:320px;transition:opacity .55s,visibility 0s .55s;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.canvas-tutorial-welcome.is-visible{opacity:1;visibility:visible;pointer-events:none;transition-delay:0s}.canvas-tutorial-welcome-dotfield{opacity:calc((1 - var(--canvas-reveal)) * .3)}.canvas-tutorial-welcome-particles{opacity:calc(1 - var(--canvas-reveal))}.canvas-tutorial-welcome h2{color:#fff;outline:none;height:120px;margin:0;position:absolute;inset:0 0 auto}.canvas-tutorial-welcome h2>span{place-items:center;display:grid;position:absolute;inset:0}.tutorial-title-welcome{letter-spacing:-.065em;opacity:calc(1 - var(--welcome-out));transform:translate3d(0, calc(var(--welcome-out) * -24px), 0) scale(calc(1 - var(--welcome-out) * .035));font-size:clamp(56px,8vw,104px);font-weight:500;line-height:1.08}.tutorial-title-welcome>span{animation:1.2s cubic-bezier(.22,1,.36,1) both tutorial-welcome-type}.tutorial-title-pan{letter-spacing:-.015em;text-wrap:balance;color:#e6edf1;max-width:480px;opacity:var(--pan-in);transform:translate3d(0, calc((1 - var(--pan-in)) * 18px), 0);margin-inline:auto;font-size:clamp(19px,1.7vw,26px);font-weight:400;line-height:1.45}.canvas-tutorial-welcome-brand{color:#fff;opacity:calc(1 - var(--brand-out));transform:translate3d(0, calc(var(--brand-out) * -16px), 0);position:absolute;top:152px;left:0;right:0}.canvas-tutorial-brand-entrance{justify-content:center;align-items:center;gap:18px;animation:1.2s cubic-bezier(.22,1,.36,1) .22s both tutorial-welcome-brand;display:flex}.canvas-tutorial-brand-entrance>span{letter-spacing:.035em;font-size:clamp(25px,3.2vw,34px);font-weight:600}.canvas-tutorial-welcome-brand .app-logo{--orbit-bg:#101619}.canvas-tutorial-scene-copy{height:60px;position:absolute;inset:232px 0 auto}.canvas-tutorial-scene-copy p{color:#c0c9d1;max-width:400px;opacity:calc(1 - var(--brand-out));transform:translate3d(0, calc(var(--brand-out) * -10px), 0);margin:0 auto;font-size:14px;line-height:1.75}.tutorial-copy-welcome>span{animation:1s .7s both tutorial-welcome-caption;display:block}.canvas-tutorial-scene-gesture{opacity:0;height:190px;transform:translate3d(0, calc((1 - var(--gesture-in)) * 22px), 0);transition:opacity .45s;position:absolute;inset:126px 0 auto}.canvas-tutorial-scene-gesture.is-visible{opacity:var(--gesture-in)}.canvas-tutorial-opening:is(.is-transitioning,.is-welcoming) .canvas-tutorial-scene-gesture{transition:none}.canvas-tutorial-dismiss{top:max(100px, calc(env(safe-area-inset-top) + 80px));color:var(--opening-muted);font:inherit;cursor:pointer;pointer-events:auto;background:#0a1119c9;border:0;border-radius:999px;align-items:center;gap:9px;padding:10px 13px;font-size:11px;display:flex;position:absolute;right:28px}.canvas-tutorial-dismiss:hover{color:#fff;background:#17212c}.canvas-tutorial-preview-nav{left:24px;bottom:var(--opening-safe-bottom);color:#aab4be;pointer-events:auto;align-items:center;gap:8px;padding:5px;display:flex;position:absolute}.canvas-tutorial-preview-nav button{color:#b7c2ca;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:color .2s,transform .2s;display:grid}.canvas-tutorial-preview-nav button:hover{color:#fff;transform:scale(1.1)}.canvas-tutorial-preview-nav>span{text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-size:11px}.canvas-tutorial-finish{text-align:center;opacity:0;visibility:hidden;pointer-events:none;isolation:isolate;background:linear-gradient(#0a1017e8,#090e15fc);border-radius:34px;width:min(660px,100vw - 48px);padding:25px 28px 24px;transition:opacity .9s,transform 1.1s cubic-bezier(.22,1,.36,1),visibility 0s 1.1s;position:absolute;top:clamp(100px,24vh,240px);left:50%;overflow:hidden;transform:translate(-50%,30px);box-shadow:0 22px 70px #0007,inset 0 1px #e3f0f210}.canvas-tutorial-finish:before{content:"";z-index:-1;opacity:.035;pointer-events:none;background:url(/materials/post-detail-grain.png);position:absolute;inset:0}.canvas-tutorial-finish.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;animation:1.1s cubic-bezier(.22,1,.36,1) both tutorial-greeting-panel;transform:translate(-50%)}.canvas-tutorial-finish h2{letter-spacing:-.04em;outline:none;margin:0;font-size:clamp(25px,3vw,36px);font-weight:600;line-height:1.17}.canvas-tutorial-opening button:focus-visible{outline-offset:4px;outline:2px solid #d8f0f3}.canvas-tutorial-gesture{--gesture-duration:8.8s;--gesture-stroke:2.2s;--gesture-ease:cubic-bezier(.42, 0, .25, 1);width:280px;height:166px;animation-play-state:inherit;margin:6px auto 14px;position:relative}.canvas-tutorial-gesture-drag{animation:tutorial-gesture-drag var(--gesture-duration) var(--gesture-ease) infinite;position:absolute;top:50%;left:50%}.canvas-tutorial-gesture-hand{color:#f2f8fa;filter:drop-shadow(0 2px 5px #0006);transform-origin:19px 34px;width:38px;height:38px;animation:tutorial-gesture-wrist var(--gesture-stroke) var(--gesture-ease) infinite;position:absolute;top:-34px;left:-19px}.canvas-tutorial-gesture-hand>svg{width:38px;height:38px;position:absolute;inset:0}.canvas-tutorial-hand-open{opacity:1;animation:tutorial-gesture-open var(--gesture-stroke) ease-in-out infinite}.canvas-tutorial-hand-grab{opacity:0;animation:tutorial-gesture-grab var(--gesture-stroke) ease-in-out infinite}.canvas-tutorial-gesture *{animation-play-state:inherit}.canvas-viewport[data-tutorial-pan-demo]>.canvas-world{translate:var(--tutorial-demo-x,0px) var(--tutorial-demo-y,0px)}.canvas-viewport[data-tutorial-pan-demo] .workspace-desk-dots,.canvas-viewport[data-tutorial-pan-demo] .workspace-desk-dots-glow{background-position:calc(var(--desk-grid-x,12px) + var(--tutorial-demo-x,0px)) calc(var(--desk-grid-y,12px) + var(--tutorial-demo-y,0px))}.canvas-tutorial-direction-progress{bottom:calc(var(--opening-safe-bottom) + 12px);color:#a6bbc4;opacity:0;gap:28px;transition:opacity .45s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.canvas-tutorial-opening:is(.is-pan-scene,.is-welcoming) .canvas-tutorial-direction-progress{opacity:1}.canvas-tutorial-direction-progress>span{--direction-reveal:clamp(0, calc(var(--directions-in) * 1.3 - var(--direction-order) * .1), 1);--direction-hidden:calc((1 - var(--direction-progress,0)) * 100%);width:44px;height:44px;opacity:var(--direction-reveal);transform:translate3d(calc((1 - var(--direction-reveal)) * var(--direction-enter-x,0px)), calc((1 - var(--direction-reveal)) * var(--direction-enter-y,0px)), 0);place-items:center;display:grid}.canvas-tutorial-direction-progress>[data-direction=left]{--direction-enter-x:12px;--direction-clip:inset(0 0 0 var(--direction-hidden))}.canvas-tutorial-direction-progress>[data-direction=up]{--direction-enter-y:12px;--direction-clip:inset(var(--direction-hidden) 0 0)}.canvas-tutorial-direction-progress>[data-direction=down]{--direction-enter-y:-12px;--direction-clip:inset(0 0 var(--direction-hidden))}.canvas-tutorial-direction-progress>[data-direction=right]{--direction-enter-x:-12px;--direction-clip:inset(0 var(--direction-hidden) 0 0)}.canvas-tutorial-direction-icon{place-items:center;transition:transform .45s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.canvas-tutorial-direction-icon>svg{opacity:.35}.canvas-tutorial-direction-fill{color:#f2f8fa;clip-path:var(--direction-clip);place-items:center;transition:clip-path .25s linear,color .45s;display:grid;position:absolute;inset:0}.canvas-tutorial-direction-progress>.is-complete .canvas-tutorial-direction-fill{clip-path:inset(0);color:#70d59a}.canvas-tutorial-direction-progress>.is-complete .canvas-tutorial-direction-icon{animation:.65s cubic-bezier(.22,1,.36,1) both tutorial-direction-complete}.canvas-tutorial-finish-mark{width:36px;height:36px;color:var(--opening-accent);background:#c1e3e617;border-radius:50%;place-items:center;margin-bottom:13px;display:inline-grid}.canvas-tutorial-announcement{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.canvas-tutorial-opening.is-scene-paused *,.canvas-tutorial-opening.is-scene-paused :before,.canvas-tutorial-opening.is-scene-paused :after{animation-play-state:paused!important}@keyframes tutorial-welcome-type{0%{opacity:0;filter:blur(14px);letter-spacing:-.025em;transform:scale(.96)}to{opacity:1;filter:blur();letter-spacing:-.065em;transform:scale(1)}}@keyframes tutorial-welcome-brand{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes tutorial-welcome-caption{0%{opacity:0}to{opacity:1}}@keyframes tutorial-welcome-dot{0%{opacity:0;transform:translate(var(--dot-x), var(--dot-y)) scale(1)}18%{opacity:.42}65%{opacity:.24}to{opacity:0;transform:translate(0)scale(.2)}}@keyframes tutorial-greeting-panel{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}@keyframes tutorial-composer-reveal{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0}}@keyframes tutorial-gesture-drag{0%,4.5%,22.75%,29.5%,47.75%,54.5%,72.75%,79.5%,97.75%,to{transform:translate(0,0)}12.75%,16.5%{transform:translate(-94px)}37.75%,41.5%{transform:translateY(-50px)}62.75%,66.5%{transform:translate(94px)}87.75%,91.5%{transform:translateY(58px)}}@keyframes tutorial-gesture-open{0%,10%,66%,to{opacity:1}18%,59%{opacity:0}}@keyframes tutorial-gesture-grab{0%,10%,66%,to{opacity:0}18%,59%{opacity:1}}@keyframes tutorial-gesture-wrist{0%,18%,66%,to{transform:rotate(0)}34%,51%{transform:rotate(-3deg)}}@keyframes tutorial-direction-complete{0%,to{transform:scale(1)}45%{transform:scale(1.2)}}body.light-theme .canvas-tutorial-finish{background:linear-gradient(#111923f2,#0a1118fc)}@media (max-width:540px){.canvas-tutorial-opening{--opening-safe-bottom:max(18px, env(safe-area-inset-bottom))}.canvas-tutorial-finish{border-radius:28px;width:calc(100vw - 32px);padding:23px 20px}.canvas-tutorial-brand-entrance{gap:14px}.canvas-tutorial-scene-copy p{font-size:13px}.canvas-tutorial-dismiss{right:15px;top:max(82px, calc(env(safe-area-inset-top) + 72px))}.canvas-tutorial-dismiss span{display:none}.canvas-tutorial-preview-nav{left:16px;bottom:calc(var(--opening-safe-bottom) + 78px)}.canvas-tutorial-direction-progress{gap:17px}}@media (max-height:620px){.canvas-tutorial-welcome{height:260px;top:49%}.canvas-tutorial-welcome h2{height:100px}.canvas-tutorial-welcome-brand{top:120px}.canvas-tutorial-scene-copy{top:190px}.canvas-tutorial-scene-gesture{height:154px;top:100px}.canvas-tutorial-gesture{height:140px;margin-top:0}.tutorial-title-welcome{font-size:clamp(48px,7vw,72px)}}@media (prefers-reduced-motion:reduce){.canvas-app .composer-stage[data-tutorial-composer-scene]>.composer-stage-inner{animation:none}.canvas-tutorial-opening *,.canvas-tutorial-opening :before{transition-duration:.15s!important;animation:none!important}.canvas-tutorial-welcome h2{opacity:1;filter:none;transform:none}.canvas-tutorial-welcome-particles{display:none}}
.tutorial-practice-node{width:max-content;transform:translate(-50%, -50%) var(--curve-transform,translateZ(0));border-radius:24px;position:absolute}.tutorial-practice-open{border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.tutorial-practice-open:focus-visible{outline:2px solid var(--text-main,#fff);outline-offset:6px}.tutorial-practice-node:hover .node-glass{box-shadow:0 20px 44px #0005,inset 0 1px #ffffff18}.canvas-app.is-phone-viewport .tutorial-practice-node .node-box-container{width:var(--phone-card-width);height:var(--phone-card-height)}
.tutorial-ending-layer{z-index:120000;pointer-events:none;color:#eef3f0;position:fixed;inset:0}.tutorial-ending-layer:not(.is-returning):not(.is-celebrating){z-index:120020}.tutorial-ending-shade{-webkit-backdrop-filter:blur(5px)saturate(.65);backdrop-filter:blur(5px)saturate(.65);background:#05090ab3;animation:.65s both tutorial-ending-shade-in;position:absolute;inset:0}.tutorial-ending-layer.is-returning .tutorial-ending-shade{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05090a7a}.tutorial-return-copy{text-align:center;opacity:0;width:min(500px,100vw - 48px);position:absolute;top:max(140px,22vh);left:50%;translate:-50%}.tutorial-ending-layer[data-ready=true] .tutorial-return-copy{animation:.6s both tutorial-ending-copy-in}.tutorial-return-copy h2,.tutorial-bert-ending h2{letter-spacing:-.035em;text-wrap:balance;outline:none;margin:0;font-size:clamp(26px,3.8vw,44px);font-weight:450;line-height:1.18}.tutorial-return-copy p{color:#b7c3be;margin:16px 0 0;font-size:16px;line-height:1.65}.tutorial-bert-ending{text-align:center;pointer-events:auto;width:min(600px,100vw - 40px);position:absolute;top:50%;left:50%;translate:-50% -50%}.tutorial-ending-infinity{width:min(330px,65vw);height:auto;margin:0 auto 20px;overflow:visible}.tutorial-ending-infinity path{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.8s cubic-bezier(.4,0,.12,1) both tutorial-infinity-draw}.tutorial-ending-infinity-glow{stroke-width:8px;filter:blur(6px);opacity:.45}.tutorial-ending-infinity-line{stroke-width:1.6px}.tutorial-bert-ending h2{animation:.7s .55s both tutorial-ending-copy-in}.tutorial-bert-ending p{color:#b8c6bf;text-wrap:balance;max-width:430px;margin:18px auto 0;font-size:clamp(15px,1.6vw,17px);line-height:1.75;animation:.7s .95s both tutorial-ending-copy-in}.tutorial-ending-signature{color:#90a59a;margin-top:18px;font-size:12px;animation:.7s 1.2s both tutorial-ending-copy-in;display:block}.tutorial-ending-start{color:#18271e;cursor:pointer;background:#e9f1ec;border:0;border-radius:28px;justify-content:center;align-items:center;gap:22px;min-height:48px;margin-top:32px;padding:0 23px;font-size:14px;font-weight:500;transition:background .18s,transform .18s,opacity .18s;display:inline-flex}.tutorial-ending-start:disabled{opacity:0;visibility:hidden}.tutorial-ending-start:not(:disabled){animation:.6s both tutorial-ending-shade-in}.tutorial-ending-start:hover{background:#fff;transform:translateY(-2px)}.tutorial-ending-start:active{transform:translateY(0)scale(.98)}.tutorial-ending-start:focus-visible{outline-offset:4px;outline:2px solid #ecf6ee}.tutorial-ending-layer[data-paused=true] *,.tutorial-ending-layer[data-paused=true] :before{animation-play-state:paused!important}.tutorial-ending-layer[data-static=true] *,.tutorial-ending-layer[data-static=true] :before{transition:none!important;animation:none!important}.tutorial-ending-layer[data-static=true] .tutorial-ending-infinity path{stroke-dashoffset:0}.tutorial-ending-layer[data-static=true][data-ready=true] .tutorial-return-copy{opacity:1}@keyframes tutorial-ending-shade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-infinity-draw{to{stroke-dashoffset:0}}@keyframes tutorial-ending-copy-in{0%{opacity:0;filter:blur(3px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@media (max-width:600px){.tutorial-ending-infinity{margin-bottom:16px}.tutorial-return-copy{top:max(140px,23vh)}.tutorial-ending-start{margin-top:24px}}@media (max-height:520px){.tutorial-ending-infinity{width:170px;margin-bottom:8px}.tutorial-bert-ending p{margin-top:10px}.tutorial-ending-signature{margin-top:8px}.tutorial-ending-start{min-height:44px;margin-top:16px}}@media (prefers-reduced-motion:reduce){.tutorial-ending-layer *,.tutorial-ending-layer :before{transition:none!important;animation:none!important}.tutorial-ending-infinity path{stroke-dashoffset:0}.tutorial-ending-layer[data-ready=true] .tutorial-return-copy{opacity:1}}
.notifications-dock{--notice-surface:#000;--notice-text:#ededed;--notice-muted:#888;--notice-line:#ffffff12;--notice-hover:#ffffff0d;--notice-dots:#ffffff0d;--notice-unread:#e9b96e;z-index:11003;top:calc(var(--desk-edge,12px) + env(safe-area-inset-top));right:calc(var(--desk-edge,12px) + env(safe-area-inset-right));width:56px;height:56px;color:var(--notice-text);isolation:isolate;--notice-duration:var(--notifications-duration);position:fixed}.notifications-corner{background:var(--desk-frame-surface,#000);width:80px;height:80px;transform:translateX(calc(-1 * var(--workspace-panel-width) * var(--notifications-reveal)));opacity:calc(1 - var(--notifications-reveal));transform-origin:100% 0;transition:scale var(--notice-duration) var(--notifications-ease);pointer-events:none;position:absolute;top:0;right:0;scale:1;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='white' d='M80 0H0Q24 0 24 24V32Q24 56 48 56H56Q80 56 80 80Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='white' d='M80 0H0Q24 0 24 24V32Q24 56 48 56H56Q80 56 80 80Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.notifications-bell{z-index:2;color:#ededed;cursor:pointer;width:44px;height:44px;transform:translate3d(calc((74px - var(--workspace-panel-width)) * var(--notifications-reveal)), 0, 0);background:0 0;border:0;border-radius:12px;place-items:center;transition:color .16s;display:grid;position:absolute;top:6px;right:6px}.notifications-bell:hover,.notifications-bell[aria-expanded=true]{color:#fff;background:0 0}.notifications-badge{border:2px solid var(--desk-frame-surface,#000);color:#171717;background:#eee;border-radius:12px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;top:0;right:-1px}.notifications-panel{top:0;right:0;bottom:var(--mobile-keyboard-inset,0px);width:var(--workspace-panel-width);background:var(--notice-surface);visibility:hidden;pointer-events:none;clip-path:inset(0 0 0 calc(100% * (1 - var(--notifications-reveal))));transition:visibility 0s var(--notice-duration);border-radius:0;padding:0;position:fixed;overflow:hidden}.notifications-dock.is-open .notifications-panel{visibility:visible;pointer-events:auto;transition-delay:0s}.notifications-surface{background:var(--notice-surface);height:100%;min-height:0;padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;overflow:hidden}.notifications-header,.notifications-toolbar{flex-shrink:0}.notifications-header{min-height:80px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px 72px;justify-content:space-between;align-items:center;gap:12px;display:flex}.notifications-header h2{letter-spacing:-.025em;outline:none;margin:0;font-size:12px;font-weight:600;line-height:1.3}.notifications-header p{color:var(--notice-muted);margin:4px 0 0;font-size:11px;line-height:1.4}.notifications-icon-button,.notifications-read-all,.notifications-mark-one{color:var(--notice-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.notifications-icon-button{width:32px;height:32px}.notifications-toolbar{border-bottom:1px solid var(--notice-line);justify-content:space-between;align-items:center;gap:10px;padding:0 12px 12px;display:flex}.notifications-filters{gap:3px;display:flex}.notifications-filters button{color:var(--notice-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 9px;font-size:11px;line-height:1.4}.notifications-filters button[aria-pressed=true]{color:var(--notice-text);background:#8080802b}.notifications-read-all{width:29px;height:29px}.notifications-scroll{scrollbar-gutter:stable;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#80808059 transparent;flex:1;min-height:0;overflow-y:auto}.notifications-list{margin:0;padding:6px 0;list-style:none}.notifications-item{border-radius:0;position:relative}.notifications-entry{width:100%;min-height:64px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:11px 16px;display:flex;position:relative}.notifications-item.is-unread{background:var(--notice-hover)}.notifications-item.is-unread .notifications-entry{padding-right:42px}.notifications-entry:hover{background:var(--notice-hover)}.notifications-avatar{flex-shrink:0;align-self:flex-start;width:32px;height:32px;margin-top:1px;position:relative}.notifications-event-icon{background:var(--notice-surface);border:2px solid var(--notice-surface);width:15px;height:15px;color:var(--notice-muted);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-3px}.notifications-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.notifications-sentence{color:var(--notice-text);overflow-wrap:anywhere;font-size:11.5px;line-height:1.5}.notifications-sentence strong{font-weight:600}.notifications-sentence time{color:var(--notice-muted);white-space:nowrap;margin-left:4px;font-size:10px;font-weight:400;display:inline}.notifications-context{color:var(--notice-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.45;overflow:hidden}.notifications-opening{color:var(--notice-muted);font-size:10px;line-height:1.4}.notifications-unread-dot{background:var(--notice-unread);border-radius:50%;width:5px;height:5px;position:absolute;top:17px;right:17px}.notifications-mark-one{width:28px;height:28px;position:absolute;bottom:5px;right:5px}@media (hover:hover) and (pointer:fine){.notifications-mark-one{opacity:0}.notifications-item:hover .notifications-mark-one,.notifications-item:focus-within .notifications-mark-one{opacity:1}}.notifications-icon-button:hover,.notifications-read-all:hover,.notifications-mark-one:hover{background:var(--notice-hover);color:var(--notice-text)}.notifications-dock button:focus-visible{outline:2px solid var(--notice-text);outline-offset:2px}.notifications-dock button:disabled{opacity:.4;cursor:default}.notifications-empty{text-align:center;min-height:100%;color:var(--notice-muted);flex-direction:column;justify-content:center;align-items:center;padding:36px 25px 39px;display:flex}.notifications-empty strong{color:var(--notice-text);margin-top:13px;font-size:13px;font-weight:500}.notifications-empty p{max-width:255px;margin:7px 0 0;font-size:12px;line-height:1.6}.notifications-feedback{border:1px solid var(--notice-line);background:var(--notice-surface);border-radius:9px;margin:10px;padding:11px 12px}.notifications-feedback p{color:var(--notice-muted);margin:0;font-size:12px;line-height:1.5}.notifications-feedback button{color:var(--notice-text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:8px;padding:4px 0;font-size:11px;display:inline-flex}.notifications-load-more{border:1px solid var(--notice-line);width:calc(100% - 22px);color:var(--notice-muted);font:inherit;cursor:pointer;background:0 0;border-radius:9px;margin:5px 11px 12px;padding:10px;font-size:11px;display:block}.notifications-load-more:hover{color:var(--notice-text);background:var(--notice-hover)}.notifications-skeleton{padding:6px 16px}.notifications-skeleton>div{align-items:flex-start;gap:10px;padding:11px 0;display:flex}.notifications-skeleton i{background:var(--notice-hover);border-radius:50%;width:32px;height:32px}.notifications-skeleton span{flex:1;padding-top:3px}.notifications-skeleton b{background:var(--notice-hover);border-radius:3px;width:85%;height:10px;display:block}.notifications-skeleton b+b{width:60%;margin-top:10px}body.light-theme .notifications-dock{--desk-frame-surface:#fff;--notice-surface:#fff;--notice-text:#343434;--notice-muted:#747474;--notice-line:#00000012;--notice-hover:#0000000d;--notice-dots:#0000000d}body.light-theme .notifications-bell{color:#626262}body.light-theme .notifications-bell:hover,body.light-theme .notifications-bell[aria-expanded=true]{color:#222;background:0 0}body.light-theme .notifications-badge{color:#fff;background:#414141}@media (pointer:coarse){.notifications-icon-button,.notifications-read-all{width:44px;height:44px}.notifications-filters button{min-height:44px}.notifications-item.is-unread .notifications-entry{padding-right:50px}.notifications-unread-dot{top:9px;right:21px}.notifications-mark-one{width:44px;height:44px;bottom:3px;right:2px}}@media (prefers-reduced-motion:reduce){.notifications-bell,.notifications-panel,.notifications-corner,.notifications-surface,.notifications-dock.is-open .notifications-surface{transition:none}}@media (min-width:1101px) and (hover:hover) and (pointer:fine){.notifications-dock:not(.is-open):has(.notifications-bell:hover) .notifications-corner{scale:1.14 1.06}}.notifications-dock:not(.is-open):has(.notifications-bell:focus-visible) .notifications-corner{scale:1.14 1.06}.notifications-bell-icon{transform-origin:50% 20%;place-items:center;display:grid}body .notifications-dock.has-unread:not(.is-open) .notifications-bell{color:var(--notice-unread)}body .notifications-dock.has-unread .notifications-badge{background:var(--notice-unread);color:#211707}body.light-theme .notifications-dock{--notice-unread:#a8610a}body.light-theme .notifications-dock.has-unread .notifications-badge{color:#fff}.notifications-dock.has-unread:not(.is-open) .notifications-bell-icon{animation:3.6s ease-in-out infinite notifications-unread-bounce}.notifications-dock.has-unread:not(.is-open) .notifications-corner{animation:3.6s ease-in-out infinite notifications-unread-invitation}.notifications-dock[data-motion-paused=true] :is(.notifications-bell-icon,.notifications-corner){animation-play-state:paused}@keyframes notifications-unread-invitation{0%,55%,to{scale:1}18%,25%{scale:1.14 1.06}40%{scale:1.025 1.01}}@keyframes notifications-unread-bounce{0%,32%,to{transform:translateY(0)rotate(0)}7%{transform:translateY(-4px)rotate(-9deg)}13%{transform:translateY(0)rotate(7deg)}19%{transform:translateY(-2px)rotate(-4deg)}25%{transform:translateY(0)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.notifications-dock.has-unread:not(.is-open) :is(.notifications-bell-icon,.notifications-corner){animation:none}.notifications-dock .notifications-corner{scale:1!important}}