.article-page .account,.editor-page .account,.library-page .account{position:relative;display:flex;align-items:center;flex-shrink:0}.article-page .account-slot,.editor-page .account-slot,.library-page .account-slot{display:block;width:32px;height:32px;flex-shrink:0}.article-page .account-sign-in,.editor-page .account-sign-in,.library-page .account-sign-in{display:flex;align-items:center;gap:var(--cf-space-200);height:32px;padding:0 var(--cf-space-300);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-full);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-strong);white-space:nowrap}.article-page .account-sign-in svg,.editor-page .account-sign-in svg,.library-page .account-sign-in svg{width:14px;height:14px;flex-shrink:0}.article-page .account-sign-in:hover,.editor-page .account-sign-in:hover,.library-page .account-sign-in:hover{color:var(--cf-color-text);border-color:var(--cf-color-primary-border);background:var(--cf-color-surface-hover)}.article-page .account-avatar-button,.editor-page .account-avatar-button,.library-page .account-avatar-button{width:32px;height:32px;padding:0;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-round);background:none;overflow:hidden}.article-page .account-avatar-button:hover,.article-page .account-avatar-button[aria-expanded=true],.editor-page .account-avatar-button:hover,.editor-page .account-avatar-button[aria-expanded=true],.library-page .account-avatar-button:hover,.library-page .account-avatar-button[aria-expanded=true]{border-color:var(--cf-color-primary-border)}.article-page .account-avatar,.editor-page .account-avatar,.library-page .account-avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:var(--cf-radius-round);object-fit:cover;background:var(--cf-color-primary-subtle);color:var(--cf-color-primary);font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-bold)}.article-page .account-menu,.editor-page .account-menu,.library-page .account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:var(--cf-z-popover);display:grid;justify-items:center;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);width:240px;padding:var(--cf-space-400);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised);box-shadow:var(--cf-shadow-lg);text-align:center}.article-page .account-menu .account-avatar,.editor-page .account-menu .account-avatar,.library-page .account-menu .account-avatar{width:48px;height:48px;margin-bottom:var(--cf-space-150);font-size:var(--cf-font-size-450)}.article-page .account-menu button,.editor-page .account-menu button,.library-page .account-menu button{width:100%;margin-top:var(--cf-space-250);padding:var(--cf-space-200);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page .account-menu button:hover,.editor-page .account-menu button:hover,.library-page .account-menu button:hover{color:var(--cf-color-text);border-color:var(--cf-color-border-hover)}.article-page .account-name,.editor-page .account-name,.library-page .account-name{color:var(--cf-color-text);font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-semibold)}.article-page .account-email,.editor-page .account-email,.library-page .account-email{max-width:100%;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.article-page .account-error,.editor-page .account-error,.library-page .account-error{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--cf-z-popover);width:220px;margin:0;padding:var(--cf-space-200) var(--cf-space-250);border:1px solid var(--cf-color-danger-border);border-radius:var(--cf-radius-200);background:var(--cf-color-danger-subtle);color:var(--cf-color-danger);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-140)}@media(max-width:560px){.article-page .account-sign-in,.editor-page .account-sign-in,.library-page .account-sign-in{width:32px;padding:0;justify-content:center}.article-page .account-sign-in-label,.editor-page .account-sign-in-label,.library-page .account-sign-in-label{display:none}}.theme-toggle{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;padding:0;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-round);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);cursor:pointer;transition:color var(--cf-duration-fast),border-color var(--cf-duration-fast),background-color var(--cf-duration-fast)}.theme-toggle:hover{color:var(--cf-color-text);border-color:var(--cf-color-primary-border);background:var(--cf-color-surface-hover)}.theme-toggle:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:3px}.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .theme-icon-moon,:root[data-theme=light] .theme-toggle .theme-icon-sun{display:none}:root[data-theme=light] .theme-toggle .theme-icon-moon{display:block}.article-page .tuto-sr-only,.editor-page .tuto-sr-only,.library-page .tuto-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-page .tuto-avatar,.editor-page .tuto-avatar,.library-page .tuto-avatar{display:block;flex-shrink:0;overflow:visible}.article-page .tuto-rail-card,.editor-page .tuto-rail-card,.library-page .tuto-rail-card{display:flex;align-items:center;gap:var(--cf-space-250);width:100%;margin-top:var(--cf-space-300);padding:var(--cf-space-250) var(--cf-space-300) var(--cf-space-250) var(--cf-space-250);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-bg-subtle);color:var(--cf-color-text-tertiary);text-align:left;font-size:var(--cf-font-size-250);line-height:var(--cf-line-height-150)}.article-page .tuto-rail-card>span,.editor-page .tuto-rail-card>span,.library-page .tuto-rail-card>span{flex:1 1;min-width:0;overflow-wrap:anywhere}.article-page .tuto-rail-card strong,.editor-page .tuto-rail-card strong,.library-page .tuto-rail-card strong{display:block;color:var(--cf-color-text);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-strong)}.article-page .tuto-rail-card>svg:last-child,.editor-page .tuto-rail-card>svg:last-child,.library-page .tuto-rail-card>svg:last-child{flex-shrink:0;width:13px;color:var(--cf-color-primary)}.article-page .tuto-rail-card:hover,.article-page .tuto-rail-card[aria-expanded=true],.editor-page .tuto-rail-card:hover,.editor-page .tuto-rail-card[aria-expanded=true],.library-page .tuto-rail-card:hover,.library-page .tuto-rail-card[aria-expanded=true]{border-color:var(--cf-color-primary-border);background:var(--cf-color-surface-hover)}.article-page .tuto-rail-card:focus-visible,.editor-page .tuto-rail-card:focus-visible,.library-page .tuto-rail-card:focus-visible{outline-offset:2px}.article-page .tuto-rail-card .tuto-eyes,.editor-page .tuto-rail-card .tuto-eyes,.library-page .tuto-rail-card .tuto-eyes{animation:tuto-caret-blink 4s ease-in-out 1s 3}.article-page .tuto-header-launcher,.editor-page .tuto-header-launcher,.library-page .tuto-header-launcher{display:flex;align-items:center;gap:var(--cf-space-250);flex-shrink:0;min-height:44px;padding:var(--cf-space-050);margin-right:calc(-1*var(--cf-space-050));border:0;border-radius:var(--cf-radius-full);background:none;color:inherit}.article-page .tuto-header-launcher:focus-visible,.editor-page .tuto-header-launcher:focus-visible,.library-page .tuto-header-launcher:focus-visible{outline-offset:2px}.article-page .tuto-header-launcher .tuto-avatar,.editor-page .tuto-header-launcher .tuto-avatar,.library-page .tuto-header-launcher .tuto-avatar{transition:transform var(--cf-duration-fast)}.article-page .tuto-header-launcher:hover .tuto-avatar,.article-page .tuto-header-launcher[aria-expanded=true] .tuto-avatar,.editor-page .tuto-header-launcher:hover .tuto-avatar,.editor-page .tuto-header-launcher[aria-expanded=true] .tuto-avatar,.library-page .tuto-header-launcher:hover .tuto-avatar,.library-page .tuto-header-launcher[aria-expanded=true] .tuto-avatar{transform:translateY(-1px) scale(1.06)}.article-page .tuto-header-launcher:hover .tuto-greeting,.article-page .tuto-header-launcher[aria-expanded=true] .tuto-greeting,.editor-page .tuto-header-launcher:hover .tuto-greeting,.editor-page .tuto-header-launcher[aria-expanded=true] .tuto-greeting,.library-page .tuto-header-launcher:hover .tuto-greeting,.library-page .tuto-header-launcher[aria-expanded=true] .tuto-greeting{background:var(--cf-color-primary-hover)}.article-page .tuto-header-launcher .tuto-eyes,.editor-page .tuto-header-launcher .tuto-eyes,.library-page .tuto-header-launcher .tuto-eyes{animation:tuto-caret-blink 4s ease-in-out 1s 3}.article-page .tuto-greeting,.editor-page .tuto-greeting,.library-page .tuto-greeting{position:relative;padding:var(--cf-space-150) var(--cf-space-250);border-radius:var(--cf-radius-300);background:var(--cf-color-primary);color:var(--cf-color-on-primary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold);line-height:var(--cf-line-height-130);white-space:nowrap;transform-origin:right center;transition:background-color var(--cf-duration-fast);animation:tuto-greet .45s cubic-bezier(.2,.9,.3,1.3) .4s both}.article-page .tuto-greeting:after,.editor-page .tuto-greeting:after,.library-page .tuto-greeting:after{content:"";position:absolute;top:50%;right:-4px;width:9px;height:9px;border-radius:var(--cf-radius-050);background:inherit;transform:translateY(-50%) rotate(45deg)}.article-page .tuto-panel,.editor-page .tuto-panel,.library-page .tuto-panel{position:fixed;top:80px;right:24px;z-index:var(--cf-z-panel);display:flex;flex-direction:column;width:min(384px,100vw - 48px);height:min(640px,100vh - 96px);background:var(--cf-color-surface);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-300);box-shadow:var(--cf-shadow-xl);overflow:hidden}.article-page .tuto-panel[hidden],.editor-page .tuto-panel[hidden],.library-page .tuto-panel[hidden]{display:none}.article-page .tuto-header,.editor-page .tuto-header,.library-page .tuto-header{display:flex;align-items:center;gap:var(--cf-space-250);padding:var(--cf-space-250) var(--cf-space-250) var(--cf-space-250) var(--cf-space-350);border-bottom:1px solid var(--cf-color-border);background:var(--cf-color-surface-raised)}.article-page .tuto-header h2,.editor-page .tuto-header h2,.library-page .tuto-header h2{margin:0;font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-semibold);line-height:var(--cf-line-height-130);letter-spacing:0;color:var(--cf-color-text)}.article-page .tuto-header span,.editor-page .tuto-header span,.library-page .tuto-header span{display:block;font-size:var(--cf-font-size-250);line-height:var(--cf-line-height-140);color:var(--cf-color-text-tertiary)}.article-page .tuto-header.is-intro,.editor-page .tuto-header.is-intro,.library-page .tuto-header.is-intro{border-bottom-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.article-page .tuto-header.is-intro .tuto-header-title,.editor-page .tuto-header.is-intro .tuto-header-title,.library-page .tuto-header.is-intro .tuto-header-title{opacity:0;visibility:hidden}.article-page .tuto-header-title,.editor-page .tuto-header-title,.library-page .tuto-header-title{flex:1 1;min-width:0;transition:opacity var(--cf-duration-normal) ease,visibility var(--cf-duration-normal)}.article-page .tuto-carry,.editor-page .tuto-carry,.library-page .tuto-carry{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:var(--cf-space-100);border:0;border-radius:var(--cf-radius-350);background:none;color:inherit;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.article-page .tuto-carry .tuto-avatar,.editor-page .tuto-carry .tuto-avatar,.library-page .tuto-carry .tuto-avatar{transition:transform var(--cf-duration-fast) ease,opacity var(--cf-duration-normal) ease,filter var(--cf-duration-normal) ease}.article-page .tuto-carry:focus-visible .tuto-avatar,.article-page .tuto-carry:hover .tuto-avatar,.editor-page .tuto-carry:focus-visible .tuto-avatar,.editor-page .tuto-carry:hover .tuto-avatar,.library-page .tuto-carry:focus-visible .tuto-avatar,.library-page .tuto-carry:hover .tuto-avatar{transform:translateY(-2px) rotate(-5deg)}.article-page .tuto-carry:active,.editor-page .tuto-carry:active,.library-page .tuto-carry:active{cursor:-webkit-grabbing;cursor:grabbing}.article-page .tuto-carry:focus-visible,.editor-page .tuto-carry:focus-visible,.library-page .tuto-carry:focus-visible{outline-offset:2px}.article-page .tuto-carry.is-header,.editor-page .tuto-carry.is-header,.library-page .tuto-carry.is-header{margin:calc(-1*var(--cf-space-100)) calc(-1*var(--cf-space-050)) calc(-1*var(--cf-space-100)) calc(-1*var(--cf-space-150));border-radius:var(--cf-radius-250)}.article-page .tuto-carry.is-intro,.editor-page .tuto-carry.is-intro,.library-page .tuto-carry.is-intro{gap:var(--cf-space-200)}.article-page .tuto-carry-hint,.editor-page .tuto-carry-hint,.library-page .tuto-carry-hint{display:inline-flex;align-items:center;gap:var(--cf-space-100);padding:var(--cf-space-050) var(--cf-space-250) var(--cf-space-050) var(--cf-space-200);border:1px dashed var(--cf-color-border-control);border-radius:var(--cf-radius-full);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-medium);line-height:var(--cf-line-height-140);white-space:nowrap;transition:color var(--cf-duration-fast),border-color var(--cf-duration-fast),background-color var(--cf-duration-fast)}.article-page .tuto-carry-hint svg,.editor-page .tuto-carry-hint svg,.library-page .tuto-carry-hint svg{width:12px;height:12px}.article-page .tuto-carry:focus-visible .tuto-carry-hint,.article-page .tuto-carry:hover .tuto-carry-hint,.editor-page .tuto-carry:focus-visible .tuto-carry-hint,.editor-page .tuto-carry:hover .tuto-carry-hint,.library-page .tuto-carry:focus-visible .tuto-carry-hint,.library-page .tuto-carry:hover .tuto-carry-hint{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle);color:var(--cf-color-primary)}.article-page .tuto-header-button,.editor-page .tuto-header-button,.library-page .tuto-header-button{display:flex;align-items:center;min-height:32px;padding:0 var(--cf-space-200);border:1px solid rgba(0,0,0,0);border-radius:var(--cf-radius-150);background:rgba(0,0,0,0);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-250)}.article-page .tuto-header-button:hover,.editor-page .tuto-header-button:hover,.library-page .tuto-header-button:hover{background:var(--cf-color-surface-active);color:var(--cf-color-text)}.article-page .tuto-header-button svg,.editor-page .tuto-header-button svg,.library-page .tuto-header-button svg{width:15px;height:15px}.article-page .tuto-scroll,.editor-page .tuto-scroll,.library-page .tuto-scroll{position:relative;flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--cf-space-400) var(--cf-space-350);scrollbar-color:var(--cf-color-border-strong) rgba(0,0,0,0)}.article-page .tuto-intro,.editor-page .tuto-intro,.library-page .tuto-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--cf-space-150)}.article-page .tuto-intro h3,.editor-page .tuto-intro h3,.library-page .tuto-intro h3{margin:var(--cf-space-200) 0 var(--cf-space-100);font-size:var(--cf-font-size-400);font-weight:var(--cf-font-weight-semibold);line-height:var(--cf-line-height-140);color:var(--cf-color-text)}.article-page .tuto-intro p,.editor-page .tuto-intro p,.library-page .tuto-intro p{max-width:290px;margin:0 0 var(--cf-space-500);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-160);color:var(--cf-color-text-secondary);text-wrap:balance}.article-page .tuto-intro .tuto-eyes,.editor-page .tuto-intro .tuto-eyes,.library-page .tuto-intro .tuto-eyes{animation:tuto-caret-blink 4s ease-in-out infinite}.article-page .tuto-intro .tuto-suggestions,.editor-page .tuto-intro .tuto-suggestions,.library-page .tuto-intro .tuto-suggestions{justify-content:center}.article-page .tuto-intro-ask,.article-page .tuto-recent,.editor-page .tuto-intro-ask,.editor-page .tuto-recent,.library-page .tuto-intro-ask,.library-page .tuto-recent{align-self:stretch;text-align:left}.article-page .tuto-intro-ask,.editor-page .tuto-intro-ask,.library-page .tuto-intro-ask{margin-top:var(--cf-space-600)}.article-page .tuto-intro-ask .tuto-suggestions,.editor-page .tuto-intro-ask .tuto-suggestions,.library-page .tuto-intro-ask .tuto-suggestions{justify-content:flex-start}.article-page .tuto-recent,.editor-page .tuto-recent,.library-page .tuto-recent{margin-top:var(--cf-space-200)}.article-page .tuto-recent ul,.editor-page .tuto-recent ul,.library-page .tuto-recent ul{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;padding:0;list-style:none}.article-page .tuto-recent-heading,.editor-page .tuto-recent-heading,.library-page .tuto-recent-heading{margin:0 0 var(--cf-space-200);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold);line-height:var(--cf-line-height-140)}.article-page .tuto-recent-chat,.editor-page .tuto-recent-chat,.library-page .tuto-recent-chat{display:flex;flex-direction:column;gap:var(--cf-space-050);width:100%;padding:var(--cf-space-250) var(--cf-space-300);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-250);background:rgba(0,0,0,0);color:var(--cf-color-text);text-align:left}.article-page .tuto-recent-chat:hover,.editor-page .tuto-recent-chat:hover,.library-page .tuto-recent-chat:hover{border-color:var(--cf-color-primary-border);background:var(--cf-color-surface-hover)}.article-page .tuto-recent-title,.editor-page .tuto-recent-title,.library-page .tuto-recent-title{overflow:hidden;font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-140);white-space:nowrap;text-overflow:ellipsis}.article-page .tuto-recent-meta,.editor-page .tuto-recent-meta,.library-page .tuto-recent-meta{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-140)}.article-page .tuto-label,.editor-page .tuto-label,.library-page .tuto-label{display:block;align-self:stretch;margin-bottom:var(--cf-space-200);text-align:left;font-size:var(--cf-font-size-225);font-weight:var(--cf-font-weight-strong);letter-spacing:var(--cf-letter-spacing-wide);text-transform:uppercase;color:var(--cf-color-text-tertiary)}.article-page .tuto-suggestions,.editor-page .tuto-suggestions,.library-page .tuto-suggestions{display:flex;flex-wrap:wrap;gap:var(--cf-space-150)}.article-page .tuto-chip,.editor-page .tuto-chip,.library-page .tuto-chip{padding:var(--cf-space-150) var(--cf-space-300);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-full);background:rgba(0,0,0,0);color:var(--cf-color-primary);text-align:left;font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-140)}.article-page .tuto-chip:hover:not(:disabled),.editor-page .tuto-chip:hover:not(:disabled),.library-page .tuto-chip:hover:not(:disabled){background:var(--cf-color-primary-subtle);border-color:var(--cf-color-primary-border);color:var(--cf-color-primary-hover)}.article-page .tuto-chip:disabled,.editor-page .tuto-chip:disabled,.library-page .tuto-chip:disabled{opacity:.55;cursor:wait}.article-page .tuto-log,.editor-page .tuto-log,.library-page .tuto-log{display:flex;flex-direction:column;gap:var(--cf-space-450)}.article-page .tuto-message.is-learner,.editor-page .tuto-message.is-learner,.library-page .tuto-message.is-learner{display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;max-width:86%}.article-page .tuto-message.is-learner p,.editor-page .tuto-message.is-learner p,.library-page .tuto-message.is-learner p{margin:0;padding:var(--cf-space-200) var(--cf-space-300);border-radius:var(--cf-radius-350) var(--cf-radius-350) var(--cf-radius-100) var(--cf-radius-350);background:var(--cf-color-primary-subtle-hover);color:var(--cf-color-text);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-150);overflow-wrap:anywhere}.article-page .tuto-message.is-tuto,.editor-page .tuto-message.is-tuto,.library-page .tuto-message.is-tuto{display:flex;align-items:flex-start;gap:var(--cf-space-250)}.article-page .tuto-message.is-tuto>.tuto-avatar,.editor-page .tuto-message.is-tuto>.tuto-avatar,.library-page .tuto-message.is-tuto>.tuto-avatar{flex-shrink:0;margin-top:1px}.article-page .tuto-message.is-tuto.is-pending,.editor-page .tuto-message.is-tuto.is-pending,.library-page .tuto-message.is-tuto.is-pending{margin-top:var(--cf-space-450)}.article-page .tuto-answer,.editor-page .tuto-answer,.library-page .tuto-answer{flex:1 1;min-width:0}.article-page .tuto-bubble,.editor-page .tuto-bubble,.library-page .tuto-bubble{color:var(--cf-color-text);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-170)}.article-page .tuto-bubble p,.editor-page .tuto-bubble p,.library-page .tuto-bubble p{margin:0 0 var(--cf-space-200)}.article-page .tuto-bubble p:last-of-type,.editor-page .tuto-bubble p:last-of-type,.library-page .tuto-bubble p:last-of-type{margin-bottom:0}.article-page .tuto-bubble ul,.editor-page .tuto-bubble ul,.library-page .tuto-bubble ul{margin:0 0 var(--cf-space-200);padding-left:var(--cf-space-450)}.article-page .tuto-bubble li+li,.editor-page .tuto-bubble li+li,.library-page .tuto-bubble li+li{margin-top:var(--cf-space-100)}.article-page .tuto-bubble>p+ul,.article-page .tuto-bubble>ul+p,.editor-page .tuto-bubble>p+ul,.editor-page .tuto-bubble>ul+p,.library-page .tuto-bubble>p+ul,.library-page .tuto-bubble>ul+p{margin-top:var(--cf-space-200)}.article-page .is-unsure .tuto-bubble,.editor-page .is-unsure .tuto-bubble,.library-page .is-unsure .tuto-bubble{color:var(--cf-color-text-secondary)}.article-page .article-ask-tuto code,.article-page .tuto-bubble code,.article-page .tuto-chip code,.article-page .tuto-coach-text code,.article-page .tuto-message.is-learner code,.article-page .tuto-spot-label code,.editor-page .article-ask-tuto code,.editor-page .tuto-bubble code,.editor-page .tuto-chip code,.editor-page .tuto-coach-text code,.editor-page .tuto-message.is-learner code,.editor-page .tuto-spot-label code,.library-page .article-ask-tuto code,.library-page .tuto-bubble code,.library-page .tuto-chip code,.library-page .tuto-coach-text code,.library-page .tuto-message.is-learner code,.library-page .tuto-spot-label code{padding:0 var(--cf-space-100);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-strong);color:var(--cf-color-code-text);font-size:.92em;overflow-wrap:anywhere}.article-page .tuto-code,.editor-page .tuto-code,.library-page .tuto-code{margin:var(--cf-space-200) 0 var(--cf-space-250);padding:var(--cf-space-250) var(--cf-space-300);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-150);background:var(--cf-color-surface-sunken);color:var(--cf-color-code-text);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-160);white-space:pre-wrap;overflow-wrap:anywhere}.article-page .tuto-code code,.editor-page .tuto-code code,.library-page .tuto-code code{padding:0;border:0;background:none;font-size:inherit}.article-page .tuto-actions,.editor-page .tuto-actions,.library-page .tuto-actions{display:flex;flex-wrap:wrap;gap:var(--cf-space-150);margin-top:var(--cf-space-250)}.article-page .tuto-actions:empty,.editor-page .tuto-actions:empty,.library-page .tuto-actions:empty{display:none}.article-page .tuto-action,.editor-page .tuto-action,.library-page .tuto-action{display:inline-flex;align-items:center;gap:var(--cf-space-150);min-height:28px;padding:var(--cf-space-050) var(--cf-space-250);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-full);background:rgba(0,0,0,0);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-140);text-decoration:none}.article-page .tuto-action:hover,.editor-page .tuto-action:hover,.library-page .tuto-action:hover{border-color:var(--cf-color-primary-border);color:var(--cf-color-text)}.article-page .tuto-action.is-primary,.editor-page .tuto-action.is-primary,.library-page .tuto-action.is-primary{padding-left:var(--cf-space-100);border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle);color:var(--cf-color-primary);font-weight:var(--cf-font-weight-strong)}.article-page .tuto-action.is-primary:hover,.editor-page .tuto-action.is-primary:hover,.library-page .tuto-action.is-primary:hover{background:var(--cf-color-primary-subtle-hover);color:var(--cf-color-primary-hover)}.article-page .tuto-action>svg:not(.tuto-avatar),.editor-page .tuto-action>svg:not(.tuto-avatar),.library-page .tuto-action>svg:not(.tuto-avatar){flex-shrink:0;width:12px;height:12px}.article-page .tuto-followups,.editor-page .tuto-followups,.library-page .tuto-followups{margin-top:var(--cf-space-350)}.article-page .tuto-tour-replay,.editor-page .tuto-tour-replay,.library-page .tuto-tour-replay{display:flex;align-items:center;gap:var(--cf-space-200);margin-top:var(--cf-space-250);padding:var(--cf-space-100) var(--cf-space-250) var(--cf-space-100) var(--cf-space-150);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-full);background:var(--cf-color-primary-subtle);color:var(--cf-color-primary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-strong)}.article-page .tuto-tour-replay:hover,.editor-page .tuto-tour-replay:hover,.library-page .tuto-tour-replay:hover{background:var(--cf-color-primary-subtle-hover);color:var(--cf-color-primary-hover)}.article-page .tuto-tour,.editor-page .tuto-tour,.library-page .tuto-tour{position:absolute;top:0;left:0;z-index:var(--cf-z-companion)}.article-page .tuto-spotlight,.editor-page .tuto-spotlight,.library-page .tuto-spotlight{position:absolute;border:2px solid var(--cf-color-primary);border-radius:var(--cf-radius-250);box-shadow:var(--cf-shadow-glow),0 0 0 9999px var(--cf-color-scrim-strong);pointer-events:none;opacity:0;transition:top var(--cf-duration-slower) var(--cf-ease-emphasized),left var(--cf-duration-slower) var(--cf-ease-emphasized),width var(--cf-duration-slower) var(--cf-ease-emphasized),height var(--cf-duration-slower) var(--cf-ease-emphasized),opacity var(--cf-duration-slow)}.article-page .tuto-spotlight.is-visible,.editor-page .tuto-spotlight.is-visible,.library-page .tuto-spotlight.is-visible{opacity:1}.article-page .tuto-coach,.editor-page .tuto-coach,.library-page .tuto-coach{position:absolute;box-sizing:border-box;padding:var(--cf-space-300) var(--cf-space-350) var(--cf-space-300) var(--cf-space-1600);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-350);background:var(--cf-color-surface-overlay);color:var(--cf-color-text);box-shadow:var(--cf-shadow-lg);transform-origin:top right;transition:top var(--cf-duration-slower) var(--cf-ease-emphasized),left var(--cf-duration-slower) var(--cf-ease-emphasized),transform var(--cf-duration-slower) var(--cf-ease-emphasized),opacity var(--cf-duration-slow)}.article-page .tuto-coach.is-launching,.editor-page .tuto-coach.is-launching,.library-page .tuto-coach.is-launching{opacity:0;transform:scale(.35)}.article-page .tuto-coach:before,.editor-page .tuto-coach:before,.library-page .tuto-coach:before{content:"";position:absolute;top:-7px;left:var(--tail-x,90px);width:12px;height:12px;border-top:1px solid var(--cf-color-primary-border);border-left:1px solid var(--cf-color-primary-border);background:inherit;transform:translateX(-50%) rotate(45deg)}.article-page .tuto-coach-avatar,.editor-page .tuto-coach-avatar,.library-page .tuto-coach-avatar{position:absolute;top:-26px;left:-14px;filter:drop-shadow(0 6px 10px var(--cf-color-shadow))}.article-page .tuto-coach-top,.editor-page .tuto-coach-top,.library-page .tuto-coach-top{display:flex;align-items:center;justify-content:space-between;gap:var(--cf-space-200);min-height:24px;font-size:var(--cf-font-size-225);font-weight:var(--cf-font-weight-semibold);letter-spacing:var(--cf-letter-spacing-wide);text-transform:uppercase;color:var(--cf-color-primary)}.article-page .tuto-coach-section,.editor-page .tuto-coach-section,.library-page .tuto-coach-section{color:var(--cf-color-text-tertiary)}.article-page .tuto-coach-close,.editor-page .tuto-coach-close,.library-page .tuto-coach-close{display:grid;flex-shrink:0;place-items:center;width:28px;height:28px;margin:calc(-1*var(--cf-space-100)) calc(-1*var(--cf-space-150)) 0 0;border:0;border-radius:var(--cf-radius-150);background:none;color:var(--cf-color-text-secondary)}.article-page .tuto-coach-close:hover,.editor-page .tuto-coach-close:hover,.library-page .tuto-coach-close:hover{background:var(--cf-color-surface-active);color:var(--cf-color-text)}.article-page .tuto-coach-close svg,.editor-page .tuto-coach-close svg,.library-page .tuto-coach-close svg{width:14px;height:14px}.article-page .tuto-coach-text,.editor-page .tuto-coach-text,.library-page .tuto-coach-text{margin:var(--cf-space-100) 0 var(--cf-space-300);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-170);color:var(--cf-color-text);animation:tuto-say .35s ease-out both}.article-page .tuto-coach-actions,.editor-page .tuto-coach-actions,.library-page .tuto-coach-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--cf-space-200)}.article-page .tuto-coach-primary,.article-page .tuto-coach-secondary,.editor-page .tuto-coach-primary,.editor-page .tuto-coach-secondary,.library-page .tuto-coach-primary,.library-page .tuto-coach-secondary{display:inline-flex;align-items:center;gap:var(--cf-space-150);min-height:32px;padding:0 var(--cf-space-300);border-radius:var(--cf-radius-200);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold)}.article-page .tuto-coach-primary svg,.article-page .tuto-coach-secondary svg,.editor-page .tuto-coach-primary svg,.editor-page .tuto-coach-secondary svg,.library-page .tuto-coach-primary svg,.library-page .tuto-coach-secondary svg{width:13px;height:13px}.article-page .tuto-coach-secondary,.editor-page .tuto-coach-secondary,.library-page .tuto-coach-secondary{border:1px solid var(--cf-color-border-strong);background:rgba(0,0,0,0);color:var(--cf-color-text-secondary)}.article-page .tuto-coach-secondary:hover:not(:disabled),.editor-page .tuto-coach-secondary:hover:not(:disabled),.library-page .tuto-coach-secondary:hover:not(:disabled){border-color:var(--cf-color-border-hover);color:var(--cf-color-text)}.article-page .tuto-coach-secondary:disabled,.editor-page .tuto-coach-secondary:disabled,.library-page .tuto-coach-secondary:disabled{opacity:.4;cursor:default}.article-page .tuto-coach-primary,.editor-page .tuto-coach-primary,.library-page .tuto-coach-primary{border:1px solid var(--cf-color-primary-hover);background:var(--cf-color-primary);color:var(--cf-color-on-primary)}.article-page .tuto-coach-primary:hover,.editor-page .tuto-coach-primary:hover,.library-page .tuto-coach-primary:hover{background:var(--cf-color-primary-hover)}.article-page .tuto-header-launcher,.editor-page .tuto-header-launcher,.library-page .tuto-header-launcher{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.article-page .tuto-header-launcher .tuto-avatar,.editor-page .tuto-header-launcher .tuto-avatar,.library-page .tuto-header-launcher .tuto-avatar{cursor:-webkit-grab;cursor:grab}.article-page .tuto-companion,.editor-page .tuto-companion,.library-page .tuto-companion{position:absolute;top:0;left:0;z-index:var(--cf-z-companion)}.article-page .tuto-companion-ghost,.editor-page .tuto-companion-ghost,.library-page .tuto-companion-ghost{position:fixed;z-index:var(--cf-z-overlay);pointer-events:none;filter:drop-shadow(0 10px 14px var(--cf-color-shadow));transform:rotate(-8deg)}.article-page .tuto-companion-label,.editor-page .tuto-companion-label,.library-page .tuto-companion-label{position:fixed;z-index:var(--cf-z-overlay);display:flex;flex-direction:column;gap:var(--cf-space-050);max-width:min(280px,100vw - 24px);padding:var(--cf-space-150) var(--cf-space-200);border-radius:var(--cf-radius-200);background:var(--cf-color-primary);color:var(--cf-color-on-primary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-semibold);line-height:var(--cf-line-height-140);box-shadow:var(--cf-shadow-sm);pointer-events:none}.article-page .tuto-companion-label code,.editor-page .tuto-companion-label code,.library-page .tuto-companion-label code{overflow:hidden;padding:1px var(--cf-space-100);border-radius:var(--cf-radius-100);background:var(--cf-color-primary-highlight);font-size:var(--cf-font-size-250);font-weight:var(--cf-font-weight-medium);white-space:pre;text-overflow:ellipsis}.article-page .tuto-companion-label.is-touch,.editor-page .tuto-companion-label.is-touch,.library-page .tuto-companion-label.is-touch{left:50%;align-items:center;text-align:center;transform:translateX(-50%)}.article-page .tuto-companion-label.is-touch code,.editor-page .tuto-companion-label.is-touch code,.library-page .tuto-companion-label.is-touch code{max-width:100%}.article-page .tuto-hover-ring,.editor-page .tuto-hover-ring,.library-page .tuto-hover-ring{position:fixed;z-index:var(--cf-z-spotlight);border:2px dashed var(--cf-color-primary);border-radius:var(--cf-radius-200);background:var(--cf-color-primary-wash);pointer-events:none}.article-page .tuto-placing-banner,.editor-page .tuto-placing-banner,.library-page .tuto-placing-banner{position:fixed;top:84px;left:50%;z-index:var(--cf-z-overlay);display:flex;align-items:center;gap:var(--cf-space-250);max-width:calc(100vw - 24px);padding:var(--cf-space-150) var(--cf-space-150) var(--cf-space-150) var(--cf-space-250);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-full);background:var(--cf-color-surface-overlay);color:var(--cf-color-text);font-size:var(--cf-font-size-300);box-shadow:var(--cf-shadow-md);transform:translateX(-50%)}.article-page .tuto-placing-banner>span,.editor-page .tuto-placing-banner>span,.library-page .tuto-placing-banner>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-page .tuto-placing-banner button,.editor-page .tuto-placing-banner button,.library-page .tuto-placing-banner button{flex-shrink:0;min-height:30px;padding:0 var(--cf-space-300);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-full);background:rgba(0,0,0,0);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page .tuto-placing-banner button:hover,.editor-page .tuto-placing-banner button:hover,.library-page .tuto-placing-banner button:hover{border-color:var(--cf-color-border-hover);color:var(--cf-color-text)}.article-page .tuto-spotlight.is-soft,.editor-page .tuto-spotlight.is-soft,.library-page .tuto-spotlight.is-soft{box-shadow:var(--cf-shadow-glow)}.article-page .tuto-spot-card,.editor-page .tuto-spot-card,.library-page .tuto-spot-card{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;max-height:min(64vh,520px);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-350);background:var(--cf-color-surface-overlay);color:var(--cf-color-text);box-shadow:var(--cf-shadow-lg);transition:top var(--cf-duration-slower) var(--cf-ease-emphasized),left var(--cf-duration-slower) var(--cf-ease-emphasized)}.article-page .tuto-spot-card:focus,.editor-page .tuto-spot-card:focus,.library-page .tuto-spot-card:focus{outline:none}.article-page .tuto-spot-card:before,.editor-page .tuto-spot-card:before,.library-page .tuto-spot-card:before{content:"";position:absolute;top:-7px;left:var(--tail-x,90px);width:12px;height:12px;border-top:1px solid var(--cf-color-primary-border);border-left:1px solid var(--cf-color-primary-border);background:inherit;transform:translateX(-50%) rotate(45deg)}.article-page .tuto-spot-head,.editor-page .tuto-spot-head,.library-page .tuto-spot-head{display:flex;flex-shrink:0;align-items:center;gap:var(--cf-space-200);padding:var(--cf-space-200) var(--cf-space-250) var(--cf-space-200) var(--cf-space-200);border-bottom:1px solid var(--cf-color-border)}.article-page .tuto-spot-head .tuto-coach-close,.editor-page .tuto-spot-head .tuto-coach-close,.library-page .tuto-spot-head .tuto-coach-close{margin:0}.article-page .tuto-carry.is-spot,.editor-page .tuto-carry.is-spot,.library-page .tuto-carry.is-spot{padding:var(--cf-space-050);border-radius:var(--cf-radius-250)}.article-page .tuto-spot-title,.editor-page .tuto-spot-title,.library-page .tuto-spot-title{flex:1 1;min-width:0;margin:0;color:var(--cf-color-text);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold);line-height:var(--cf-line-height-140)}.article-page .tuto-spot-title>.tuto-spot-code,.editor-page .tuto-spot-title>.tuto-spot-code,.library-page .tuto-spot-title>.tuto-spot-code{display:block;overflow:hidden;margin-top:var(--cf-space-050);color:var(--cf-color-text-tertiary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-regular);white-space:pre;text-overflow:ellipsis}.article-page .tuto-spot-label,.editor-page .tuto-spot-label,.library-page .tuto-spot-label{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-page .tuto-spot-scroll,.editor-page .tuto-spot-scroll,.library-page .tuto-spot-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--cf-space-300) var(--cf-space-350) var(--cf-space-350);scrollbar-color:var(--cf-color-border-strong) rgba(0,0,0,0)}.article-page .tuto-spot-scroll .tuto-progress,.editor-page .tuto-spot-scroll .tuto-progress,.library-page .tuto-spot-scroll .tuto-progress{margin-top:var(--cf-space-300)}.article-page .tuto-spot-log,.editor-page .tuto-spot-log,.library-page .tuto-spot-log{display:flex;flex-direction:column;gap:var(--cf-space-300)}.article-page .tuto-spot-log>*,.editor-page .tuto-spot-log>*,.library-page .tuto-spot-log>*{flex-shrink:0}.article-page .tuto-spot-log .tuto-message.is-learner,.editor-page .tuto-spot-log .tuto-message.is-learner,.library-page .tuto-spot-log .tuto-message.is-learner{animation:tuto-say .2s ease-out both}.article-page .tuto-spot-note p,.editor-page .tuto-spot-note p,.library-page .tuto-spot-note p{animation:tuto-say .35s ease-out both}.article-page .tuto-spot-reply .tuto-actions,.editor-page .tuto-spot-reply .tuto-actions,.library-page .tuto-spot-reply .tuto-actions{margin-top:var(--cf-space-200)}.article-page .tuto-spot-chips,.editor-page .tuto-spot-chips,.library-page .tuto-spot-chips{margin-top:var(--cf-space-350)}.article-page .tuto-spot-compose,.editor-page .tuto-spot-compose,.library-page .tuto-spot-compose{flex-shrink:0;border-radius:0 0 var(--cf-radius-350) var(--cf-radius-350)}.article-page .tuto-spot-card.is-sheet,.editor-page .tuto-spot-card.is-sheet,.library-page .tuto-spot-card.is-sheet{position:fixed;right:0;left:0;width:auto;max-height:62svh;border-width:1px 0 0;border-radius:var(--cf-radius-350) var(--cf-radius-350) 0 0;box-shadow:var(--cf-shadow-xl);transition:none;animation:tuto-sheet-in var(--cf-duration-normal) var(--cf-ease-out) both}.article-page .tuto-spot-card.is-sheet:before,.editor-page .tuto-spot-card.is-sheet:before,.library-page .tuto-spot-card.is-sheet:before{display:none}.article-page .tuto-spot-card.is-sheet .tuto-coach-close,.editor-page .tuto-spot-card.is-sheet .tuto-coach-close,.library-page .tuto-spot-card.is-sheet .tuto-coach-close{width:40px;height:40px}.article-page .tuto-spot-card.is-sheet .tuto-spot-scroll,.editor-page .tuto-spot-card.is-sheet .tuto-spot-scroll,.library-page .tuto-spot-card.is-sheet .tuto-spot-scroll{padding-inline:var(--cf-space-400)}.article-page .tuto-spot-card.is-sheet .tuto-spot-chips,.editor-page .tuto-spot-card.is-sheet .tuto-spot-chips,.library-page .tuto-spot-card.is-sheet .tuto-spot-chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1*var(--cf-space-400));padding:0 var(--cf-space-400) var(--cf-space-050);scrollbar-width:none}.article-page .tuto-spot-card.is-sheet .tuto-spot-chips::-webkit-scrollbar,.editor-page .tuto-spot-card.is-sheet .tuto-spot-chips::-webkit-scrollbar,.library-page .tuto-spot-card.is-sheet .tuto-spot-chips::-webkit-scrollbar{display:none}.article-page .tuto-spot-card.is-sheet .tuto-spot-chips .tuto-chip,.editor-page .tuto-spot-card.is-sheet .tuto-spot-chips .tuto-chip,.library-page .tuto-spot-card.is-sheet .tuto-spot-chips .tuto-chip{flex-shrink:0;min-height:36px;white-space:nowrap}.article-page .tuto-spot-card.is-sheet .tuto-spot-compose,.editor-page .tuto-spot-card.is-sheet .tuto-spot-compose,.library-page .tuto-spot-card.is-sheet .tuto-spot-compose{padding-bottom:max(var(--cf-space-200),env(safe-area-inset-bottom));border-radius:0}.article-page .tuto-progress-stage,.editor-page .tuto-progress-stage,.library-page .tuto-progress-stage{display:flex;align-items:center;gap:var(--cf-space-200);min-height:24px;margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-strong)}.article-page .tuto-progress-latest,.editor-page .tuto-progress-latest,.library-page .tuto-progress-latest{overflow:hidden;margin:var(--cf-space-050) 0 0;padding-left:var(--cf-space-500);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-150);white-space:nowrap;text-overflow:ellipsis;animation:tuto-say .25s ease-out}.article-page .tuto-spinner,.editor-page .tuto-spinner,.library-page .tuto-spinner{flex-shrink:0;width:12px;height:12px;border:2px solid var(--cf-color-border-strong);border-top-color:var(--cf-color-primary);border-radius:var(--cf-radius-round);animation:tuto-spin .8s linear infinite}.article-page .tuto-steps,.editor-page .tuto-steps,.library-page .tuto-steps{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:var(--cf-space-150) 0 0;padding:0 0 0 var(--cf-space-250);border-left:2px solid var(--cf-color-border);list-style:none}.article-page .tuto-steps li,.editor-page .tuto-steps li,.library-page .tuto-steps li{position:relative;padding-left:var(--cf-space-300);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-150);animation:tuto-say .25s ease-out}.article-page .tuto-steps li:before,.editor-page .tuto-steps li:before,.library-page .tuto-steps li:before{content:"";position:absolute;top:.6em;left:0;width:5px;height:5px;border-radius:var(--cf-radius-round);background:var(--cf-color-border-hover)}.article-page .tuto-steps li.is-current,.editor-page .tuto-steps li.is-current,.library-page .tuto-steps li.is-current{color:var(--cf-color-text-secondary)}.article-page .tuto-steps li.is-current:before,.editor-page .tuto-steps li.is-current:before,.library-page .tuto-steps li.is-current:before{background:var(--cf-color-primary)}.article-page .tuto-steps code,.editor-page .tuto-steps code,.library-page .tuto-steps code{padding:0 var(--cf-space-050);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-strong);font-size:.95em}.article-page .tuto-thought,.editor-page .tuto-thought,.library-page .tuto-thought{margin-bottom:var(--cf-space-200)}.article-page .tuto-thought summary,.editor-page .tuto-thought summary,.library-page .tuto-thought summary{display:inline-flex;align-items:center;gap:var(--cf-space-150);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);cursor:pointer;list-style:none}.article-page .tuto-thought summary::-webkit-details-marker,.editor-page .tuto-thought summary::-webkit-details-marker,.library-page .tuto-thought summary::-webkit-details-marker{display:none}.article-page .tuto-thought summary:after,.editor-page .tuto-thought summary:after,.library-page .tuto-thought summary:after{content:"";width:5px;height:5px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);transition:transform var(--cf-duration-fast)}.article-page .tuto-thought summary:hover,.editor-page .tuto-thought summary:hover,.library-page .tuto-thought summary:hover{color:var(--cf-color-text-secondary)}.article-page .tuto-thought[open] summary:after,.editor-page .tuto-thought[open] summary:after,.library-page .tuto-thought[open] summary:after{transform:translateY(1px) rotate(-135deg)}.article-page .tuto-thought .tuto-steps,.editor-page .tuto-thought .tuto-steps,.library-page .tuto-thought .tuto-steps{margin:var(--cf-space-200) 0 var(--cf-space-100)}.article-page .tuto-thought .tuto-steps li,.editor-page .tuto-thought .tuto-steps li,.library-page .tuto-thought .tuto-steps li{animation:none}.article-page .tuto-thinking-dot,.editor-page .tuto-thinking-dot,.library-page .tuto-thinking-dot{animation:tuto-think 1.2s ease-in-out infinite}.article-page .tuto-thinking-dot:nth-child(2),.editor-page .tuto-thinking-dot:nth-child(2),.library-page .tuto-thinking-dot:nth-child(2){animation-delay:.15s}.article-page .tuto-thinking-dot:nth-child(3),.editor-page .tuto-thinking-dot:nth-child(3),.library-page .tuto-thinking-dot:nth-child(3){animation-delay:.3s}.article-page .tuto-compose,.editor-page .tuto-compose,.library-page .tuto-compose{display:flex;flex-wrap:wrap;gap:var(--cf-space-200);padding:var(--cf-space-250) var(--cf-space-300) var(--cf-space-200);border-top:1px solid var(--cf-color-border);background:var(--cf-color-surface-raised)}.article-page .tuto-compose input,.editor-page .tuto-compose input,.library-page .tuto-compose input{flex:1 1;min-width:0;min-height:38px;padding:0 var(--cf-space-300);border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:inherit;font-size:var(--cf-font-size-300)}.article-page .tuto-compose input::placeholder,.editor-page .tuto-compose input::placeholder,.library-page .tuto-compose input::placeholder{color:var(--cf-color-text-muted)}.article-page .tuto-compose input:focus-visible,.editor-page .tuto-compose input:focus-visible,.library-page .tuto-compose input:focus-visible{outline:2px solid var(--cf-color-primary);outline-offset:1px}.article-page .tuto-compose button,.editor-page .tuto-compose button,.library-page .tuto-compose button{display:grid;place-items:center;width:40px;min-height:38px;border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-200);background:var(--cf-color-primary-subtle);color:var(--cf-color-primary)}.article-page .tuto-compose button:hover:not(:disabled),.editor-page .tuto-compose button:hover:not(:disabled),.library-page .tuto-compose button:hover:not(:disabled){background:var(--cf-color-primary-subtle-hover);color:var(--cf-color-primary-hover)}.article-page .tuto-compose button:disabled,.editor-page .tuto-compose button:disabled,.library-page .tuto-compose button:disabled{opacity:.45;cursor:not-allowed}.article-page .tuto-note,.editor-page .tuto-note,.library-page .tuto-note{margin:0;padding:0 var(--cf-space-300) var(--cf-space-250);background:var(--cf-color-surface-raised);font-size:var(--cf-font-size-250);color:var(--cf-color-text-tertiary)}.article-page .tuto-sign-in-link,.editor-page .tuto-sign-in-link,.library-page .tuto-sign-in-link{padding:0;border:0;background:none;color:var(--cf-color-primary);font-size:inherit;text-decoration:underline;text-underline-offset:2px}.article-page .tuto-sign-in-link:hover,.editor-page .tuto-sign-in-link:hover,.library-page .tuto-sign-in-link:hover{color:var(--cf-color-primary-hover)}.article-page .tuto-panel.is-docked,.editor-page .tuto-panel.is-docked,.library-page .tuto-panel.is-docked{top:0;right:0;bottom:0;width:var(--tuto-width,400px);height:auto;border-width:0 0 0 1px;border-radius:0;box-shadow:none;animation:tuto-dock-in .2s ease-out}.article-page .tuto-panel.is-docked .tuto-header,.editor-page .tuto-panel.is-docked .tuto-header,.library-page .tuto-panel.is-docked .tuto-header{min-height:68px}.article-page .tuto-resizer,.editor-page .tuto-resizer,.library-page .tuto-resizer{position:absolute;top:0;bottom:0;left:0;z-index:2;width:5px;cursor:col-resize;touch-action:none}.article-page .tuto-resizer:focus-visible,.article-page .tuto-resizer:hover,.editor-page .tuto-resizer:focus-visible,.editor-page .tuto-resizer:hover,.library-page .tuto-resizer:focus-visible,.library-page .tuto-resizer:hover{outline:none;background:var(--cf-color-primary-border)}.article-page .tuto-drop-hint,.editor-page .tuto-drop-hint,.library-page .tuto-drop-hint{position:absolute;inset:8px;z-index:3;display:grid;place-content:center;justify-items:center;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);border:2px dashed var(--cf-color-primary);border-radius:var(--cf-radius-300);background:color-mix(in srgb,var(--cf-color-surface) 90%,transparent);color:var(--cf-color-text);font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-semibold);pointer-events:none}.article-page .tuto-selection-ask,.editor-page .tuto-selection-ask,.library-page .tuto-selection-ask{position:fixed;z-index:var(--cf-z-popover);display:flex;align-items:center;gap:var(--cf-space-150);padding:var(--cf-space-100) var(--cf-space-300) var(--cf-space-100) var(--cf-space-150);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-full);background:var(--cf-color-surface-overlay);color:var(--cf-color-text);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold);box-shadow:var(--cf-shadow-sm);transform:translateX(-50%);animation:tuto-say .15s ease-out}.article-page .tuto-selection-ask:hover,.editor-page .tuto-selection-ask:hover,.library-page .tuto-selection-ask:hover{background:var(--cf-color-primary-subtle)}.article-page .tuto-compose .tuto-quote,.editor-page .tuto-compose .tuto-quote,.library-page .tuto-compose .tuto-quote{display:flex;flex:1 0 100%;align-items:flex-start;gap:var(--cf-space-200);padding:var(--cf-space-150) var(--cf-space-150) var(--cf-space-150) var(--cf-space-250);border-left:3px solid var(--cf-color-primary);border-radius:var(--cf-radius-150);background:var(--cf-color-primary-faint);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-150)}.article-page .tuto-compose .tuto-quote>span,.editor-page .tuto-compose .tuto-quote>span,.library-page .tuto-compose .tuto-quote>span{flex-shrink:0;padding-top:1px;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-250);font-weight:var(--cf-font-weight-semibold);letter-spacing:var(--cf-letter-spacing-wide);text-transform:uppercase}.article-page .tuto-compose .tuto-quote q,.editor-page .tuto-compose .tuto-quote q,.library-page .tuto-compose .tuto-quote q{flex:1 1;min-width:0;quotes:none;overflow-wrap:anywhere}.article-page .tuto-compose .tuto-quote button,.editor-page .tuto-compose .tuto-quote button,.library-page .tuto-compose .tuto-quote button{display:grid;flex-shrink:0;place-items:center;width:22px;min-height:22px;border:0;border-radius:var(--cf-radius-100);background:rgba(0,0,0,0);color:var(--cf-color-text-tertiary)}.article-page .tuto-compose .tuto-quote button svg,.editor-page .tuto-compose .tuto-quote button svg,.library-page .tuto-compose .tuto-quote button svg{width:12px;height:12px}.article-page .tuto-compose .tuto-quote button:hover:not(:disabled),.editor-page .tuto-compose .tuto-quote button:hover:not(:disabled),.library-page .tuto-compose .tuto-quote button:hover:not(:disabled){background:var(--cf-color-primary-subtle);color:var(--cf-color-text)}.article-page .tuto-quote-sent,.editor-page .tuto-quote-sent,.library-page .tuto-quote-sent{display:-webkit-box;max-width:100%;margin:0 0 var(--cf-space-150);padding:var(--cf-space-150) var(--cf-space-250);border-left:3px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-100);background:var(--cf-color-primary-faint);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-150);overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:4}.article-page .tuto-sign-in-card,.editor-page .tuto-sign-in-card,.library-page .tuto-sign-in-card{margin-top:var(--cf-space-450);animation:tuto-say .35s ease-out}.article-page .tuto-sign-in-card .tuto-answer,.editor-page .tuto-sign-in-card .tuto-answer,.library-page .tuto-sign-in-card .tuto-answer{display:grid;justify-items:start;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);padding:var(--cf-space-300) var(--cf-space-350);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-100) var(--cf-radius-350) var(--cf-radius-350) var(--cf-radius-350);background:var(--cf-color-primary-subtle)}.article-page .tuto-sign-in-card p,.editor-page .tuto-sign-in-card p,.library-page .tuto-sign-in-card p{margin:0;color:var(--cf-color-text);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-160)}.article-page .tuto-sign-in-card .tuto-gate-button,.editor-page .tuto-sign-in-card .tuto-gate-button,.library-page .tuto-sign-in-card .tuto-gate-button{padding:var(--cf-space-200) var(--cf-space-350);background:#fff;border-color:var(--cf-color-border-control);color:#1f2328}.article-page .tuto-sign-in-card .tuto-gate-button:hover,.editor-page .tuto-sign-in-card .tuto-gate-button:hover,.library-page .tuto-sign-in-card .tuto-gate-button:hover{background:#eef1f6}.article-page .tuto-sign-in-hint,.editor-page .tuto-sign-in-hint,.library-page .tuto-sign-in-hint{color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275)}.article-page .tuto-compose.is-locked,.editor-page .tuto-compose.is-locked,.library-page .tuto-compose.is-locked{display:block}.article-page .tuto-compose.is-locked .tuto-locked-input,.editor-page .tuto-compose.is-locked .tuto-locked-input,.library-page .tuto-compose.is-locked .tuto-locked-input{display:flex;align-items:center;justify-content:flex-start;gap:var(--cf-space-200);width:100%;min-height:38px;padding:0 var(--cf-space-300);border:1px dashed var(--cf-color-border-strong);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-input);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);text-align:left}.article-page .tuto-compose.is-locked .tuto-locked-input svg,.editor-page .tuto-compose.is-locked .tuto-locked-input svg,.library-page .tuto-compose.is-locked .tuto-locked-input svg{width:14px;height:14px}.article-page .tuto-compose.is-locked .tuto-locked-input:hover,.editor-page .tuto-compose.is-locked .tuto-locked-input:hover,.library-page .tuto-compose.is-locked .tuto-locked-input:hover{border-color:var(--cf-color-primary-border);background:var(--cf-color-surface-hover);color:var(--cf-color-text)}.article-page .tuto-gate-button,.editor-page .tuto-gate-button,.library-page .tuto-gate-button{display:flex;align-items:center;justify-content:center;gap:var(--cf-space-200);padding:var(--cf-space-200) var(--cf-space-300);border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-200);background:var(--cf-color-primary-subtle);color:var(--cf-color-text);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-strong)}.article-page .tuto-gate-button svg,.editor-page .tuto-gate-button svg,.library-page .tuto-gate-button svg{width:15px;height:15px}.article-page .tuto-gate-button:hover,.editor-page .tuto-gate-button:hover,.library-page .tuto-gate-button:hover{background:var(--cf-color-primary-subtle-hover)}.article-page .article-ask-tuto,.editor-page .article-ask-tuto,.library-page .article-ask-tuto{display:flex;align-items:center;gap:var(--cf-space-250);width:100%;margin:var(--cf-space-500) 0;padding:var(--cf-space-250) var(--cf-space-350);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);text-align:left;font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-150)}.article-page .article-ask-tuto>span,.editor-page .article-ask-tuto>span,.library-page .article-ask-tuto>span{flex:1 1;min-width:0}.article-page .article-ask-tuto>svg,.editor-page .article-ask-tuto>svg,.library-page .article-ask-tuto>svg{flex-shrink:0;color:var(--cf-color-primary)}.article-page .article-ask-tuto:hover,.editor-page .article-ask-tuto:hover,.library-page .article-ask-tuto:hover{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-faint);color:var(--cf-color-text)}.article-page .ask-tuto-label,.editor-page .ask-tuto-label,.library-page .ask-tuto-label{display:block;margin-bottom:1px;font-size:var(--cf-font-size-225);font-weight:var(--cf-font-weight-semibold);letter-spacing:var(--cf-letter-spacing-wide);text-transform:uppercase;color:var(--cf-color-primary)}.article-page .tuto-wave-arm,.editor-page .tuto-wave-arm,.library-page .tuto-wave-arm{transform-box:fill-box;transform-origin:20% 85%;animation:tuto-wave 3.4s ease-in-out infinite}.article-page .tuto-eyes,.editor-page .tuto-eyes,.library-page .tuto-eyes{transform-box:fill-box;transform-origin:center}@media(max-width:768px){.article-page .tuto-header-launcher,.editor-page .tuto-header-launcher,.library-page .tuto-header-launcher{min-height:40px;gap:var(--cf-space-200)}.article-page .tuto-greeting-rest,.editor-page .tuto-greeting-rest,.library-page .tuto-greeting-rest{display:none}.article-page .tuto-panel,.editor-page .tuto-panel,.library-page .tuto-panel{inset:auto 0 0;width:auto;height:min(80svh,100svh - 72px);border-width:1px 0 0;border-radius:var(--cf-radius-350) var(--cf-radius-350) 0 0}.article-page .tuto-compose input,.editor-page .tuto-compose input,.library-page .tuto-compose input{min-height:44px;font-size:var(--cf-font-size-400)}.article-page .tuto-compose .tuto-send,.editor-page .tuto-compose .tuto-send,.library-page .tuto-compose .tuto-send{width:48px;min-height:44px}.article-page .tuto-panel,.editor-page .tuto-panel,.library-page .tuto-panel{--tuto-viewport-top:0px;--tuto-viewport-height:100svh}.article-page .tuto-panel.has-keyboard,.editor-page .tuto-panel.has-keyboard,.library-page .tuto-panel.has-keyboard{top:var(--tuto-viewport-top);bottom:auto;height:var(--tuto-viewport-height);border-width:0;border-radius:0}.article-page .tuto-panel.has-keyboard .tuto-header-title span,.article-page .tuto-panel.has-keyboard .tuto-intro .tuto-carry,.article-page .tuto-panel.has-keyboard .tuto-intro>p,.article-page .tuto-panel.has-keyboard .tuto-note,.article-page .tuto-panel.has-keyboard .tuto-recent,.editor-page .tuto-panel.has-keyboard .tuto-header-title span,.editor-page .tuto-panel.has-keyboard .tuto-intro .tuto-carry,.editor-page .tuto-panel.has-keyboard .tuto-intro>p,.editor-page .tuto-panel.has-keyboard .tuto-note,.editor-page .tuto-panel.has-keyboard .tuto-recent,.library-page .tuto-panel.has-keyboard .tuto-header-title span,.library-page .tuto-panel.has-keyboard .tuto-intro .tuto-carry,.library-page .tuto-panel.has-keyboard .tuto-intro>p,.library-page .tuto-panel.has-keyboard .tuto-note,.library-page .tuto-panel.has-keyboard .tuto-recent{display:none}.article-page .tuto-panel.has-keyboard .tuto-header,.editor-page .tuto-panel.has-keyboard .tuto-header,.library-page .tuto-panel.has-keyboard .tuto-header{padding-block:var(--cf-space-150)}.article-page .tuto-panel.has-keyboard .tuto-compose,.editor-page .tuto-panel.has-keyboard .tuto-compose,.library-page .tuto-panel.has-keyboard .tuto-compose{padding-bottom:var(--cf-space-250)}.article-page .tuto-intro .tuto-avatar,.editor-page .tuto-intro .tuto-avatar,.library-page .tuto-intro .tuto-avatar{width:60px;height:auto}.article-page .tuto-intro.has-history>p,.editor-page .tuto-intro.has-history>p,.library-page .tuto-intro.has-history>p{display:none}.article-page .tuto-intro h3,.editor-page .tuto-intro h3,.library-page .tuto-intro h3{margin-top:var(--cf-space-150)}.article-page .tuto-intro p,.editor-page .tuto-intro p,.library-page .tuto-intro p{margin-bottom:var(--cf-space-350)}.article-page .tuto-note,.editor-page .tuto-note,.library-page .tuto-note{padding-bottom:max(10px,env(safe-area-inset-bottom))}.article-page .article-ask-tuto,.editor-page .article-ask-tuto,.library-page .article-ask-tuto{padding:var(--cf-space-250) var(--cf-space-300);font-size:var(--cf-font-size-300)}}@media(max-width:430px){.article-page .learning-header .tuto-greeting,.editor-page .learning-header .tuto-greeting,.library-page .learning-header .tuto-greeting{display:none}}@media(max-width:380px){.article-page .library-header .tuto-greeting,.editor-page .library-header .tuto-greeting,.library-page .library-header .tuto-greeting{display:none}}@media(prefers-reduced-motion:reduce){.article-page .tuto-coach-text,.article-page .tuto-eyes,.article-page .tuto-greeting,.article-page .tuto-progress-latest,.article-page .tuto-spot-card,.article-page .tuto-spot-log .tuto-message,.article-page .tuto-spot-note p,.article-page .tuto-steps li,.article-page .tuto-thinking-dot,.article-page .tuto-wave-arm,.editor-page .tuto-coach-text,.editor-page .tuto-eyes,.editor-page .tuto-greeting,.editor-page .tuto-progress-latest,.editor-page .tuto-spot-card,.editor-page .tuto-spot-log .tuto-message,.editor-page .tuto-spot-note p,.editor-page .tuto-steps li,.editor-page .tuto-thinking-dot,.editor-page .tuto-wave-arm,.library-page .tuto-coach-text,.library-page .tuto-eyes,.library-page .tuto-greeting,.library-page .tuto-progress-latest,.library-page .tuto-spot-card,.library-page .tuto-spot-log .tuto-message,.library-page .tuto-spot-note p,.library-page .tuto-steps li,.library-page .tuto-thinking-dot,.library-page .tuto-wave-arm{animation:none!important}.article-page .tuto-spinner,.editor-page .tuto-spinner,.library-page .tuto-spinner{animation-duration:2.4s!important}.article-page .tuto-coach,.article-page .tuto-spot-card,.article-page .tuto-spotlight,.editor-page .tuto-coach,.editor-page .tuto-spot-card,.editor-page .tuto-spotlight,.library-page .tuto-coach,.library-page .tuto-spot-card,.library-page .tuto-spotlight{transition:none!important}}@media(min-width:1021px){html.tuto-docked body{padding-right:var(--tuto-width,400px)}}html.tuto-open .tuto-header-launcher,html.tuto-open .tuto-rail-card{display:none}html.tuto-away .tuto-carry:not(.is-spot) .tuto-avatar,html.tuto-away .tuto-header-launcher .tuto-avatar{opacity:.3;filter:grayscale(.7)}html.tuto-away .tuto-carry-hint,html.tuto-away .tuto-greeting{visibility:hidden}@media(min-width:1021px)and (max-width:1680px){html.tuto-docked .reading-sidebar{display:none}html.tuto-docked .learning-workspace{grid-template-columns:minmax(0,760px)}}html.tuto-resizing,html.tuto-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}@media(min-width:769px){.library-page .tuto-panel{right:max(24px,(100% - 1080px)/2 + 24px)}}.tuto-is-dragging,.tuto-is-dragging *{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.tuto-is-placing,.tuto-is-placing *{cursor:crosshair!important}.tuto-is-placing .tuto-companion-ui,.tuto-is-placing .tuto-companion-ui *{cursor:pointer!important}@keyframes tuto-caret-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.12)}}@keyframes tuto-think{0%,to{opacity:.35}50%{opacity:1}}@keyframes tuto-dock-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@keyframes tuto-spin{to{transform:rotate(1turn)}}@keyframes tuto-greet{0%{opacity:0;transform:translateX(8px) scale(.6)}to{opacity:1;transform:none}}@keyframes tuto-sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes tuto-say{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes tuto-wave{0%,58%,to{transform:rotate(0)}68%{transform:rotate(-16deg)}78%{transform:rotate(8deg)}88%{transform:rotate(-10deg)}}