.dr-frame{--dr-bg:#131212;--dr-raise:#1c1b1b;--dr-line:#ffffff12;--dr-line-2:#ffffff1a;--dr-ink:#fffbfa;--dr-text:#d8d8da;--dr-mute:#8a8888;--dr-faint:#5f5d5d;--dr-accent:#7376f7;--dr-accent-2:#a5a8ff;--dr-ease:cubic-bezier(.32, .72, 0, 1);--dr-h:560px;height:var(--dr-h);background:var(--dr-bg);box-shadow:inset 0 0 0 1px var(--dr-line), inset 0 1px 0 #ffffff0a, 0 24px 60px -36px #000000e6;color:var(--dr-text);font-family:var(--font-sans);text-align:left;-webkit-font-smoothing:antialiased;border-radius:14px;outline:none;flex-direction:column;font-size:15px;line-height:1.6;display:flex;position:relative;overflow:hidden}.dr-frame :where(p,h3,h4){max-width:none;margin:0}.dr-frame :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.dr-frame :focus-visible{outline:2px solid var(--dr-accent-2);outline-offset:2px}.dr-frame.is-figma:focus-visible{outline:2px solid var(--dr-accent-2);outline-offset:3px}.dr-bar{border-bottom:1px solid var(--dr-line);flex:none;justify-content:space-between;align-items:center;height:44px;padding:0 10px 0 20px;display:flex}.dr-crumb{color:var(--dr-mute);letter-spacing:.005em;font-size:12.5px}.dr-crumb span{color:var(--dr-faint);margin:0 6px}.dr-tools{gap:2px;display:flex}.dr-tool{min-width:30px;height:30px;color:var(--dr-mute);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12.5px;transition:background .15s,color .15s;display:inline-flex}.dr-tool svg{width:15px;height:15px}.dr-frame button.dr-tool:not(:disabled):hover{color:var(--dr-ink);background:#ffffff0d}.dr-frame button.dr-tool:disabled{opacity:.38;cursor:default}.dr-page{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex:1;min-height:0;padding:32px 44px 28px 40px;position:relative;overflow-y:auto}.dr-foot{border-top:1px solid var(--dr-line);height:38px;color:var(--dr-mute);white-space:nowrap;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 14px 0 20px;font-size:12.5px;display:flex;overflow:hidden}.dr-foot>span{text-overflow:ellipsis;overflow:hidden}.dr-foot>:only-child{margin-left:auto}.dr-foot-action{height:26px;color:var(--dr-mute);border-radius:6px;align-items:center;gap:6px;padding:0 6px;transition:color .15s;display:inline-flex}.dr-foot-action svg{width:13px;height:13px}.dr-foot-action:hover{color:var(--dr-ink)}.dr-block{color:var(--dr-text);letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;font-size:15px;font-weight:400;line-height:1.65;display:block}.dr-block.is-h1{color:var(--dr-ink);letter-spacing:-.02em;margin-bottom:14px;font-size:26px;font-weight:600;line-height:1.2}.dr-block.is-h2{color:var(--dr-ink);letter-spacing:-.005em;margin:22px 0 6px;font-size:16px;font-weight:600;line-height:1.45}.dr-block.is-li{margin-bottom:4px;padding-left:18px;position:relative}.dr-block.is-li:before{content:"";background:var(--dr-mute);border-radius:50%;width:4px;height:4px;position:absolute;top:.78em;left:4px}.dr-block.is-placeholder{color:var(--dr-faint)}.dr-ai{background:var(--dr-raise);box-shadow:inset 0 0 0 1px var(--dr-line-2), inset 0 1px 0 #ffffff0d, 0 18px 40px -22px #000000d9;border-radius:12px;margin:8px -8px 18px;padding:4px;scroll-margin:16px 0 24px}.dr-ai-ask{align-items:center;gap:10px;height:42px;padding:0 5px 0 12px;display:flex}.dr-ai-mark{width:16px;height:16px;color:var(--dr-accent-2);flex:none}.dr-ai-ask input,.dr-ai-field{min-width:0;color:var(--dr-ink);font:inherit;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14.5px;overflow:hidden}.dr-ai-ask.is-multi{height:auto;min-height:42px;padding-block:5px}.dr-ai-ask textarea{min-width:0;max-height:4lh;color:var(--dr-ink);font:inherit;resize:none;field-sizing:content;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:14.5px;line-height:1.4}.dr-ai-ask.is-multi .dr-ai-field{white-space:normal;padding:6px 0;line-height:1.4}.dr-ai-ask textarea::placeholder,.dr-ai-ask input::placeholder,.dr-ai-field.is-placeholder{color:var(--dr-faint);opacity:1}.dr-ai-send{background:var(--dr-accent);width:32px;height:32px;color:var(--dr-ink);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff38}.dr-ai-send svg{width:15px;height:15px}.dr-ai-send.has-label{width:auto;padding:0 13px}.dr-frame button.dr-ai-send:not(:disabled):hover{background:#8587f8}.dr-frame button.dr-ai-send:disabled{box-shadow:none;color:var(--dr-faint);cursor:default;background:#ffffff0f}.dr-ai-message{color:var(--dr-mute);padding:0 12px 9px 38px;font-size:12.5px;line-height:1.45}.dr-ai.is-busy .dr-ai-ask :is(input,textarea){color:var(--dr-mute);animation:1.3s ease-in-out infinite drThink}@keyframes drThink{50%{opacity:.4}}.dr-ai-quick{border-left:1px solid var(--dr-line);flex:none;align-items:center;gap:2px;padding-left:6px;display:flex}.dr-ai-icon{width:30px;height:30px;color:var(--dr-mute);border-radius:7px;place-items:center;transition:background .12s,color .12s;display:grid;position:relative}.dr-ai-icon svg{width:16px;height:16px}.dr-frame .dr-ai-icon:not(:disabled):hover{color:var(--dr-ink);background:#ffffff0f}.dr-ai-icon.is-on{color:var(--dr-accent-2);background:#7376f724}.dr-ai-icon:disabled{opacity:.4;cursor:default}.dr-frame .dr-ai-icon:focus-visible{outline:2px solid var(--dr-accent-2);outline-offset:0}.dr-ai-icon:after{content:attr(data-tip);z-index:4;box-shadow:inset 0 0 0 1px var(--dr-line-2), 0 6px 16px -6px #000c;color:var(--dr-ink);white-space:nowrap;opacity:0;pointer-events:none;background:#2a2828;border-radius:6px;padding:4px 7px;font-size:11.5px;font-weight:500;line-height:1;transition:opacity .12s,translate .12s;position:absolute;top:calc(100% + 6px);left:50%;translate:-50% -2px}.dr-ai-icon:hover:after,.dr-ai-icon:focus-visible:after{opacity:1;transition-delay:.38s;translate:-50%}@media (hover:none){.dr-ai-icon:after{display:none}}.dr-tone{color:var(--dr-mute);align-items:center;gap:12px;padding:4px 14px 10px 38px;font-size:12px;display:flex}.dr-tone input{--at:50%;cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:18px;margin:0}.dr-tone input::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:1px;height:2px}.dr-tone input::-moz-range-track{background:#ffffff1f;border-radius:1px;height:2px}.dr-tone input::-webkit-slider-thumb{background:var(--dr-ink);appearance:none;border:0;border-radius:50%;width:14px;height:14px;margin-top:-6px;transition:box-shadow .15s;box-shadow:0 0 0 3px #7376f759,0 2px 6px #0009}.dr-tone input::-moz-range-thumb{background:var(--dr-ink);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 3px #7376f759}.dr-tone input:focus-visible{outline:none}.dr-tone input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--dr-accent-2)}.dr-tone input:disabled{opacity:.4;cursor:default}.dr-review .dr-tone{width:min(100%,300px);padding:0}.dr-fig-tone{border-radius:8px}.dr-fig-empty{cursor:pointer;border-radius:0;padding:32px 44px 28px 40px;transition:background .2s,box-shadow .2s;position:absolute;inset:0}.dr-fig-empty .dr-ai{margin-top:2px}.dr-fig-block{cursor:pointer;border-radius:8px;margin:0 -10px 6px;padding:6px 10px;transition:background .2s,box-shadow .2s}.dr-fig-block .dr-block{margin-bottom:0}.dr-fig-block .dr-block.is-li+.dr-block.is-li{margin-top:4px}.dr-fig-block.is-selected{background:#7376f71c;box-shadow:inset 0 0 0 1px #7376f780}.dr-ai.is-menu{margin-top:4px}.dr-ai.is-drawn .dr-ai-ask{cursor:default}.dr-frame.is-flashing [data-hot]{background:#7376f724;border-radius:8px;box-shadow:inset 0 0 0 2px #7376f7d9}.dr-reveal{animation:drReveal .52s var(--dr-ease) both}.dr-swap{animation:.36s both drSwap}@keyframes drReveal{0%{opacity:0;transform:translateY(6px)}}@keyframes drSwap{0%{opacity:0}}.dr-block.is-quiet{opacity:.5}.dr-block ins{color:var(--dr-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#7376f733;border-radius:3px;padding:0 1px;text-decoration:none}.dr-block del{color:#6f6d6d;-webkit-text-decoration:line-through #ffffff52;text-decoration:line-through #ffffff52}.dr-block.is-deleted:before{opacity:.4}.dr-review{flex-direction:column;align-items:flex-start;gap:10px;margin:14px 0 8px;display:flex}.dr-review-actions{align-items:center;gap:6px;display:flex}.dr-review-actions button:not(.dr-ai-icon){height:30px;color:var(--dr-text);background:#ffffff0d;border-radius:8px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.dr-review-actions button:not(.dr-ai-icon):hover{color:var(--dr-ink);background:#ffffff14}.dr-review-actions button.is-primary{background:var(--dr-accent);color:var(--dr-ink);box-shadow:inset 0 1px #ffffff38}.dr-review-actions button.is-primary:hover{background:#8587f8}.dr-review-said{max-width:34rem;color:var(--dr-mute);font-size:12.5px;line-height:1.45}.dr-again.is-busy svg{animation:.9s linear infinite drTurn}.dr-frame .dr-again:disabled{opacity:1}.dr-reviewing:not(.is-draft) .dr-block ins{animation:.56s ease-out both drInk}.dr-reviewing.is-again .dr-block ins,.dr-reviewing.is-again.is-draft .dr-block.is-inserted{animation:1.3s ease-in-out infinite drThink}@keyframes drTurn{to{rotate:360deg}}@keyframes drInk{0%{color:var(--dr-accent-2);background:#7376f780}}.dr-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dr-compare{margin:3rem 0 2.75rem}.dr-pair{grid-template-columns:1fr 1fr;gap:28px;display:grid}.dr-col{flex-direction:column;min-width:0;display:flex}.dr-col[hidden]{display:none}.dr-compare:not(.is-slide){max-width:65ch}.dr-compare.is-tabbed:not(.is-slide) .dr-pair{grid-template-columns:minmax(0,1fr)}.dr-seg{isolation:isolate;background:#ffffff06;border-radius:10px;margin-bottom:14px;padding:3px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.dr-seg-thumb{z-index:-1;background:#ffffff13;border-radius:7px;transition:left .26s cubic-bezier(.32,.72,0,1),width .26s cubic-bezier(.32,.72,0,1);position:absolute;top:3px;bottom:3px;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff0d}.dr-seg button{height:30px;color:var(--color-gray-medium,#8a8888);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 14px;font-size:13.5px;font-weight:500;line-height:1;transition:color .18s}.dr-seg button:hover{color:var(--color-gray-light,#d8d8da)}.dr-seg button.is-on{color:var(--color-ultralight,#fffbfa)}.dr-seg button:focus-visible{outline:2px solid var(--color-interactive-bright,#a5a8ff);outline-offset:2px}.dr-compare.is-slide{place-items:center;width:100%;height:100%;margin:0;display:grid;container-type:size}.dr-compare.is-slide .dr-pair{width:1220px;scale:min(tan(atan2(100cqh, 740px)), tan(atan2(100cqw, 1260px)));gap:40px}.dr-compare.is-slide.is-single .dr-pair{width:600px;scale:min(tan(atan2(100cqh, 740px)), tan(atan2(100cqw, 620px)));grid-template-columns:1fr}@media (max-width:767px){.dr-compare{margin:2.5rem 0 2rem}.dr-seg{display:flex}.dr-seg button{flex:1;height:34px;padding:0 10px;font-size:13px}.dr-compare:not(.is-slide) .dr-frame{--dr-h:540px;font-size:14.5px}.dr-compare:not(.is-slide) .dr-page,.dr-compare:not(.is-slide) .dr-fig-empty{padding:26px 36px 24px 22px}.dr-compare:not(.is-slide) .dr-block{font-size:14.5px}.dr-compare:not(.is-slide) .dr-block.is-h1{font-size:23px}.dr-compare:not(.is-slide) .dr-bar .dr-tool.has-label{gap:0;font-size:0}}@media (prefers-reduced-motion:reduce){.dr-reveal,.dr-swap,.dr-ai.is-busy .dr-ai-ask :is(input,textarea){animation:none}.dr-frame *,.dr-seg-thumb{transition:none!important}}.dr-frame .dr-block{text-transform:none;font-family:inherit}.dr-tool.is-disabled{opacity:.38}.dr-ai-ask input:focus-visible,.dr-ai-ask textarea:focus-visible{outline:none}.dr-block mark{color:var(--dr-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#7376f742;border-radius:2px;padding:1px 0}.dr-reviewing.is-draft .dr-block.is-inserted{position:relative}.dr-reviewing.is-draft .dr-block.is-inserted ins{color:inherit;background:0 0;padding:0}.dr-reviewing.is-draft .dr-block.is-inserted:after{content:"";background:#7376f7b3;border-radius:1px;width:2px;position:absolute;top:.25em;bottom:.25em;left:-16px}.dr-compare.is-slide .dr-frame{font-size:17px}.dr-compare.is-slide .dr-block{font-size:17.5px;line-height:1.6}.dr-compare.is-slide .dr-block.is-h1{font-size:30px}.dr-compare.is-slide .dr-block.is-h2{font-size:18.5px}.dr-compare.is-slide .dr-ai-ask input,.dr-compare.is-slide .dr-ai-ask textarea,.dr-compare.is-slide .dr-ai-field{font-size:16.5px}.dr-compare.is-slide .dr-ai-icon{width:34px;height:34px}.dr-compare.is-slide .dr-ai-icon svg{width:18px;height:18px}.dr-compare.is-slide .dr-tone,.dr-compare.is-slide .dr-ai-message,.dr-compare.is-slide .dr-review-said,.dr-compare.is-slide .dr-crumb,.dr-compare.is-slide .dr-foot,.dr-compare.is-slide .dr-tool{font-size:13.5px}.dr-compare.is-slide.is-single .dr-pair{width:620px;scale:min(tan(atan2(100cqh, 720px)), tan(atan2(100cqw, 640px)))}.dr-compare.is-slide .dr-frame{--dr-h:640px}@font-face{font-family:Missaali;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/Missaali.woff2)format("woff2")}.dg{--dr-bg:#131212;--dr-raise:#1c1b1b;--dr-line:#ffffff12;--dr-line-2:#ffffff1a;--dr-ink:#fffbfa;--dr-text:#d8d8da;--dr-mute:#8a8888;--dr-faint:#5f5d5d;--dr-accent:#7376f7;--dr-accent-2:#a5a8ff;--dr-pen:#e0786f;--dr-ease:cubic-bezier(.32, .72, 0, 1);--dg-spring:linear(0, .06 3%, .24 8%, .5 14%, .76 21%, .93 28%, 1.02 35%, 1.045 42%, 1.035 50%, 1.012 62%, .998 76%, 1);--dg-card-shadow:inset 0 0 0 1px var(--dr-line-2), inset 0 1px 0 #ffffff0f, 0 22px 44px -18px #000000f2, 0 2px 8px #00000059;color:var(--dr-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:3.5rem 0 3rem}.dg :where(p,h3,h4,ol,ul,li,blockquote){max-width:none;margin:0}.dg :where(button){font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.dg :focus-visible{outline:2px solid var(--dr-accent-2);outline-offset:2px;border-radius:8px}.dg .dr-block{text-transform:none;font-family:inherit}.dg-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dg-nowrap{white-space:nowrap}.dg-rail{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:20px;margin-bottom:22px;display:grid}.dg-end{color:var(--dr-mute);white-space:nowrap;padding-top:6px;font-size:13px}.dg-stops{justify-content:space-between;display:flex;position:relative}.dg-stops:before{content:"";background:#ffffff1f;height:1px;position:absolute;top:14px;left:22px;right:22px}.dg-stop{flex-direction:column;align-items:center;gap:9px;width:44px;display:flex;position:relative}.dg-stop-num{width:28px;height:28px;color:var(--dr-mute);font-variant-numeric:tabular-nums;background:#0d0c0c;border-radius:50%;place-items:center;font-size:12px;font-weight:500;transition:background .2s,box-shadow .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff29}.dg-stop-name{color:var(--dr-mute);white-space:nowrap;font-size:13px;transition:color .2s}.dg-stop:hover .dg-stop-num{color:var(--dr-ink);box-shadow:inset 0 0 0 1px #ffffff57}.dg-stop:hover .dg-stop-name{color:var(--dr-text)}.dg-stop.is-promising .dg-stop-num{color:var(--dr-accent-2);box-shadow:inset 0 0 0 1px #a5a8ff8c}.dg-stop.is-on .dg-stop-num{background:var(--dr-accent);color:var(--dr-ink);box-shadow:0 0 0 4px #7376f729}.dg-stop.is-on .dg-stop-name{color:var(--dr-ink)}.dg-stop:focus-visible{outline:none}.dg-stop:focus-visible .dg-stop-num{box-shadow:0 0 0 2px #0d0c0c, 0 0 0 4px var(--dr-accent-2)}.dg-stage{flex-direction:column;height:500px;padding:40px 56px;display:flex;position:relative}.dg-flag{color:var(--dr-accent-2);font-size:12.5px;font-weight:500;position:absolute;top:18px;right:22px}.dg-body{animation:dgIn .32s var(--dr-ease);flex-direction:column;flex:1;justify-content:center;padding-bottom:52px;display:flex;container-type:inline-size}.dg-held{flex:none}.dg-stage.is-medieval .dg-body{min-height:0;padding-bottom:0}@keyframes dgIn{0%{opacity:0;transform:translateY(6px)}}.dg-page{width:min(100%,34rem);margin:0 auto}.dg:not(.is-slide) .dg-page{margin-inline:0}.dg-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:40px;display:grid}.dg-page.has-aside{width:min(100%,37rem)}.dg-page.has-aside .dg-row{grid-template-columns:minmax(0,1fr) 13rem}.dg-page.has-aside .dr-block.is-p{font-size:16.5px}@container (max-width:600px){.dg-redline.has-aside .dg-row{grid-template-columns:minmax(0,1fr) 10.5rem;gap:28px}.dg-redline.has-aside .dr-block.is-p{font-size:15px}}.dg-page.dg-direct{flex-direction:column;width:100%;height:100%;display:flex}.dg-page.dg-direct .dg-row{flex:1;grid-template-columns:minmax(0,26rem) minmax(150px,1fr);align-items:stretch;gap:56px}.dg-page.dg-direct .dg-sheet{align-self:start}.dg-sheet{min-width:0;position:relative}.dg .dr-block.is-p{font-size:17.5px;line-height:1.7}.dg .dr-block.is-h1{margin-bottom:18px;font-size:30px}.dg-target{margin-bottom:0!important}.dg-prose .dr-block.is-p{margin:0}.dg-prose .dr-block.is-p+.dr-block.is-p{margin-top:14px}.dg-prose .dr-block.is-verse{padding-left:1.5em;font-style:italic}.dg-prose .dr-block.is-verse+.dr-block.is-verse{margin-top:0}.dg-target.is-changing{pointer-events:none}.dg-w{display:inline-block}.dg-words.is-out .dg-w{animation:.26s ease-in both dgWordOut;animation-delay:calc(min(var(--i) * 9, 260) * 1ms)}.dg-words.is-in .dg-w{animation:dgWordIn .52s var(--dr-ease) both;animation-delay:calc(min(var(--i) * 16, 560) * 1ms)}.dg-words.is-quick .dg-w{animation:.24s ease-out both dgWordQuick;animation-delay:calc(min(var(--i) * 3, 100) * 1ms)}@keyframes dgWordQuick{0%{opacity:0}}@keyframes dgWordOut{to{opacity:0;filter:blur(4px);transform:translateY(-3px)}}@keyframes dgWordIn{0%{opacity:0;filter:blur(5px);color:var(--dr-accent-2);transform:translateY(4px)}60%{color:var(--dr-accent-2)}}.dg-settle{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;animation:1.4s ease-out both dgSettle}@keyframes dgSettle{0%{color:var(--dr-ink);background:#7376f747}to{background:#7376f700}}.dg-anchor{position:relative}.dg-pickable{cursor:text;border-radius:6px;outline:none;transition:background-color .2s,box-shadow .2s}.dg-pickable ::selection{color:var(--dr-ink);background:#7376f757}.dg .dg-pickable:focus-visible{background:#7376f712;outline:none;box-shadow:0 0 0 8px #7376f712}.dg-pickable.is-changing{cursor:default;pointer-events:none}.dg-sel{color:var(--dr-ink);background:#7376f757;border-radius:2px;padding:2px 0}.dg-sel.is-busy{background:linear-gradient(90deg,#7376f733,#a5a8ff75,#7376f733) 0 0/200% 100%;animation:1.2s linear infinite dgBusy}@keyframes dgBusy{to{background-position:-200% 0}}.dg-spark{width:26px;height:26px;color:var(--dr-faint);border-radius:7px;place-items:center;transition:color .16s,background .16s;display:grid;position:absolute;top:2px;left:-36px}.dg-spark svg{width:15px;height:15px}.dg-anchor:hover .dg-spark{color:var(--dr-accent-2)}.dg-spark:hover{background:#ffffff0d}.dg-card{z-index:5;background:var(--dr-raise);width:236px;box-shadow:var(--dg-card-shadow);transform-origin:18px 0;animation:dgPop .42s var(--dg-spring) both, dgFade .14s ease-out both;border-radius:12px;outline:none;padding:5px;position:absolute}.dg-card.is-placing,.dg-ask.is-placing{visibility:hidden;animation:none}@keyframes dgPop{0%{transform:translateY(-6px)scale(.93)}}@keyframes dgFade{0%{opacity:0}}.dg-card-item{width:100%;height:34px;color:var(--dr-text);white-space:nowrap;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;display:flex}.dg-card-item svg{width:15px;height:15px;color:var(--dr-mute);flex:none;transition:color .12s}.dg-card-item.is-active{color:var(--dr-ink);background:#ffffff0f}.dg-card-item.is-active svg{color:var(--dr-accent-2)}.dg-card-item .dg-card-on{color:var(--dr-accent-2);margin-left:auto}.dg-ask{z-index:5;background:var(--dr-raise);width:392px;box-shadow:var(--dg-card-shadow);transform-origin:18px 0;animation:dgPop .42s var(--dg-spring) both, dgFade .14s ease-out both;border-radius:14px;position:absolute}.dg-ask-row{align-items:center;gap:10px;height:48px;padding:0 9px 0 15px;display:flex}.dg-ask-spark{width:15px;height:15px;color:var(--dr-accent-2);flex:none}.dg-ask input{min-width:0;height:100%;color:var(--dr-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:14.5px}.dg-ask input::placeholder{color:var(--dr-faint)}.dg .dg-ask input:focus-visible,.dg .dg-card:focus-visible{outline:none}.dg-ask-send{background:var(--dr-accent);width:28px;height:28px;color:var(--dr-ink);border-radius:50%;flex:none;place-items:center;transition:background .16s,color .16s;display:grid}.dg-ask-send svg{width:15px;height:15px}.dg-ask-send:disabled{color:var(--dr-faint);cursor:default;background:#ffffff12}.dg-ask-note{color:var(--dr-mute);padding:0 18px 14px 40px;font-size:13px;line-height:1.45;margin-top:-5px!important}.dg-ask-note.is-writing{background:linear-gradient(90deg, var(--dr-faint) 20%, var(--dr-ink) 50%, var(--dr-faint) 80%) 0 0 / 200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite dgBusy}.dg-tracked .dr-block.is-p{line-height:1.85}.dg-change del{color:var(--dr-mute);-webkit-text-decoration:line-through #fff6;text-decoration:line-through #fff6}.dg-change ins{color:var(--dr-ink);text-underline-offset:4px;background:#7376f729;border-radius:3px;padding:1px 2px;-webkit-text-decoration:underline #a5a8ffb3;text-decoration:underline #a5a8ffb3}.dg-change-tools{vertical-align:1px;gap:2px;margin:0 3px 0 5px;display:inline-flex}.dg-change-tools button{width:20px;height:20px;color:var(--dr-text);background:#ffffff0f;border-radius:6px;place-items:center;transition:background .14s,color .14s;display:inline-grid}.dg-change-tools svg{width:12px;height:12px}.dg-change-tools button:first-child:hover{background:var(--dr-accent);color:var(--dr-ink)}.dg-change-tools button:last-child:hover{color:var(--dr-ink);background:#ffffff1f}.dg-marked .dr-block.is-p{line-height:1.75}.dg-strike{background:linear-gradient(var(--dr-pen), var(--dr-pen)) no-repeat 0 60% / 0% 1.6px;animation:.48s cubic-bezier(.55,0,.35,1) forwards dgStrike}@keyframes dgStrike{to{color:var(--dr-mute);background-size:100% 1.6px}}.dg-hand{color:var(--dr-pen);font-family:Caveat,cursive;font-size:1.28em;font-weight:600;line-height:1}.dg-red>*{border-radius:2px;transition:background-color .2s}.dg-red.is-hover>.dg-strike,.dg-red.is-hover>.dg-hand{background-color:#e0786f1a}.dg-redline{position:relative}.dg-arrows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dg-arrow path{fill:none;stroke:var(--dr-pen);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.9;animation:dgDraw .42s cubic-bezier(.45, 0, .3, 1) var(--at,0s) both;transition:stroke-width .2s,opacity .2s}.dg-arrow path.is-head{animation-duration:.16s;animation-delay:calc(var(--at,0s) + .4s)}.dg-arrow.is-hover path{stroke-width:2px;opacity:1}@keyframes dgDraw{0%{stroke-dashoffset:1px;opacity:0}1%{opacity:.9}to{stroke-dashoffset:0;opacity:.9}}.dg-redline .dg-aside{align-self:stretch;position:relative}.dg-notes{margin:0;padding:0;list-style:none;position:relative}.dg-note{transition:top .32s var(--dr-ease), opacity .24s;animation:dgNote .46s var(--dg-spring) .7s both, dgFade .2s ease-out .7s both;position:absolute;left:0;right:0}@keyframes dgNote{0%{transform:translate(-8px)rotate(-2deg)}}.dg-note-text{color:var(--dr-pen);transform-origin:0;font-family:Caveat,cursive;font-size:21px;font-weight:600;line-height:1.12;transition:color .2s;transform:rotate(-1.2deg)}.dg-note.is-hover .dg-note-text{color:#ef9890}.dg-box{cursor:default;position:relative}.dg-box.is-sized{transition:width .16s var(--dr-ease), height .16s var(--dr-ease)}.dg-direct.is-dragging .dg-box{transition:none}.dg-direct.is-dragging{-webkit-user-select:none;user-select:none}.dg-box:before{content:"";pointer-events:none;border-radius:3px;transition:box-shadow .15s;position:absolute;inset:-6px -8px;box-shadow:0 0 0 1px #0000}.dg-box:hover:before{box-shadow:0 0 0 1px #7376f74d}.dg-box.is-selected:before{box-shadow:0 0 0 1px #7376f79e}.dg-box:not(.is-selected):not(.is-sized):before{animation:1.8s ease-in-out .8s dgHint}@keyframes dgHint{40%,60%{box-shadow:0 0 0 1px #7376f752}}.dg-box-handle{z-index:2;opacity:0;pointer-events:none;touch-action:none;background:#0d0c0c;border-radius:1.5px;width:7px;height:7px;transition:opacity .14s;position:absolute;box-shadow:inset 0 0 0 1px #a5a8ffe6}.dg-box-handle:after{content:"";position:absolute;inset:-12px}.dg-box.is-selected .dg-box-handle,.dg-box:focus-within .dg-box-handle{opacity:1;pointer-events:auto}.dg-box-handle.is-s{cursor:ns-resize;margin-left:-3.5px;bottom:-9.5px;left:50%}.dg .dg-box-handle:focus-visible{outline:1px solid var(--dr-accent-2);outline-offset:2px;border-radius:2px}.dg-measure{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.dg-said{min-height:0;color:var(--dr-mute);opacity:0;font-size:13px;line-height:1.45;transition:opacity .24s;margin-top:16px!important}.dg-said.is-on{opacity:1}.dg-measure .dr-block{margin:0}.dg-tone{opacity:0;pointer-events:none;transition:opacity .2s ease-out;display:flex}.dg-direct.is-selected .dg-tone{opacity:1;pointer-events:auto}.dg-pad{background:var(--dr-raise);min-height:180px;box-shadow:var(--dg-card-shadow);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;flex:1;position:relative}.dg .dg-pad:focus-visible{outline:1px solid var(--dr-accent-2);outline-offset:3px;border-radius:12px}.dg-pad-axis{pointer-events:none;background:#ffffff0f;position:absolute}.dg-pad-axis.is-x{height:1px;top:50%;left:0;right:0}.dg-pad-axis.is-y{width:1px;top:0;bottom:0;left:50%}.dg-pad-label{color:#8a8888;letter-spacing:.01em;opacity:.75;pointer-events:none;font-size:11px;line-height:1;transition:color .18s,opacity .18s;position:absolute}.dg-pad-label.is-on{color:var(--dr-ink);opacity:1}.dg-pad-label.is-top{top:10px;left:50%;translate:8px}.dg-pad-label.is-bottom{bottom:10px;left:50%;translate:8px}.dg-pad-label.is-left{top:50%;left:10px;translate:0 calc(-100% - 7px)}.dg-pad-label.is-right{top:50%;right:10px;translate:0 calc(-100% - 7px)}.dg-pad-point{background:var(--dr-ink);pointer-events:none;width:9px;height:9px;transition:left .14s var(--dr-ease), top .14s var(--dr-ease), scale .14s var(--dr-ease);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;box-shadow:0 0 0 2px #0d0c0c,0 0 0 3px #a5a8ffcc}.dg-direct.is-toning .dg-pad-point{transition:scale .14s var(--dr-ease);scale:1.25}.dg-stage.is-medieval{background:0 0;padding:0;overflow:hidden}.mv{scrollbar-width:none;flex:1;min-height:0;position:relative;overflow:hidden}.mv.is-pan,.mv.is-fit{-webkit-mask:linear-gradient(#0000,#000 32px calc(100% - 32px),#0000);mask:linear-gradient(#0000,#000 32px calc(100% - 32px),#0000)}.mv.is-scroll{overflow-y:auto}.mv::-webkit-scrollbar{display:none}.mv-sizer{height:100%;position:relative}.mv-leaf{transform-origin:0 0;opacity:0;-webkit-user-select:none;user-select:none;isolation:isolate;will-change:transform;width:1280px;height:1779px;transition:opacity .7s ease-out;position:absolute;top:0;left:0;box-shadow:0 50px 110px -30px #000000d9,0 6px 18px #00000080}.mv.is-on .mv-leaf{opacity:1}.mv-vellum{width:100%;height:100%;display:block;position:absolute;inset:0}.mv-writing{mix-blend-mode:multiply;position:absolute;inset:0}.mv-line{display:block;position:absolute}.mv-filler{position:absolute;overflow:hidden;translate:-100%}.mv-filler img{width:100%;height:100%;display:block;translate:100%}.mv.is-writing .mv-filler,.mv.is-writing .mv-filler img{animation:1.1s cubic-bezier(.4,0,.2,1) both mvPaint}@keyframes mvPaint{to{translate:0}}.mv-beast{transition:rotate 1.6s cubic-bezier(.25,.6,.25,1);position:absolute}.mv-beast img{width:100%;height:100%;display:block}.mv-gold{mix-blend-mode:screen;opacity:0;pointer-events:none;will-change:opacity;transition:opacity .9s ease-out;position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/blog/the-best-time-to-be-a-designer/medieval/gold.webp) 0 0/100% 100%;mask:url(/blog/the-best-time-to-be-a-designer/medieval/gold.webp) 0 0/100% 100%}.mv-glint{will-change:transform;background:radial-gradient(closest-side,#ffeebebf,#ffd6824d 50%,#0000);width:400px;height:400px;position:absolute;top:-200px;left:-200px}.mv.is-lit .mv-gold{opacity:1}.mv:focus{outline:none}.mv-omen{cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .7s ease-out,translate .7s cubic-bezier(.25,.6,.25,1),scale .7s cubic-bezier(.25,.6,.25,1);position:absolute;translate:0 6px}.mv-omen img{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mv-omen-lit{opacity:0;transition:opacity .6s ease-out}.mv-omen:before{content:"";opacity:.45;border-radius:50%;transition:opacity .6s ease-out;position:absolute;inset:6%;box-shadow:0 14px 26px #3c261052}.mv.is-on.is-choosing .mv-omen{opacity:1;translate:0}.mv.is-choosing .mv-omen:hover,.mv.is-choosing .mv-omen:focus-visible{transition-delay:0s;translate:0 -5px;scale:1.012}.mv.is-choosing .mv-omen:hover .mv-omen-lit,.mv.is-choosing .mv-omen:focus-visible .mv-omen-lit,.mv.is-choosing .mv-omen:hover:before,.mv.is-choosing .mv-omen:focus-visible:before{opacity:1}.dg .mv-omen:focus-visible{outline:none}.mv-omen:focus-visible .mv-omen-lit{border-radius:50%;box-shadow:0 0 0 5px #e8c4708c}.mv.is-writing .mv-omen{opacity:0;pointer-events:none;transition-duration:.6s;scale:.97}.mv.is-writing .mv-omen.is-chosen .mv-omen-lit{opacity:1}.mv-mark{cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;padding:0;transition:rotate 1.6s cubic-bezier(.25,.6,.25,1);position:absolute}.dg .mv-mark:focus-visible{outline:none}.mv-mark:focus-visible .mv-mark-colour{filter:drop-shadow(0 0 6px #e8c470e6)}.mv-mark img{pointer-events:none;width:100%;height:100%;display:block}.mv-mark-ink{position:absolute;inset:0;overflow:hidden;translate:-100%}.mv-mark-ink img{translate:100%}.mv-mark-colour{opacity:0;position:absolute;inset:0}.mv.is-writing .mv-mark-ink,.mv.is-writing .mv-mark-ink img{animation:1.5s cubic-bezier(.45,0,.35,1) both mvPaint}.mv.is-writing .mv-mark-colour{animation:1.4s ease-out both mvColour}@keyframes mvColour{to{opacity:1}}.dg.is-slide{place-items:center;width:100%;height:100%;margin:0;display:grid;container-type:size}.dg.is-slide .dg-frame{width:1000px;height:590px;scale:min(tan(atan2(100cqw, 1000px)), tan(atan2(100cqh, 590px)));flex-direction:column;padding:10px 0 14px;display:flex}.dg.is-slide .dg-rail{grid-template-columns:minmax(0,1fr);margin-bottom:18px}.dg.is-slide .dg-stop-name,.dg.is-slide .dg-end{font-size:15px}.dg.is-slide .dg-stage{flex:1;height:auto;min-height:0;padding:32px 48px;overflow:hidden}.dg.is-slide .dg-stage.is-medieval{padding:0}.dg.is-slide .dr-block.is-p{font-size:18px}.dg.is-slide .dr-block.is-h1{font-size:30px}@media (max-width:767px){.dg{margin:2.5rem 0 2rem}.dg-rail{grid-template-columns:1fr 1fr;gap:10px 0;margin-bottom:18px}.dg-end{grid-row:1;padding-top:0;font-size:12px}.dg-end:last-child{text-align:right}.dg-stops{grid-area:2/1/auto/-1;padding-bottom:26px}.dg-stops:before{left:18px;right:18px}.dg-stop{width:36px}.dg-stop-name{visibility:hidden;font-size:12.5px;position:absolute;top:37px;left:50%;translate:-50%}.dg-stop:first-child .dg-stop-name{left:0;translate:none}.dg-stop:last-child .dg-stop-name{left:auto;right:0;translate:none}.dg-stop.is-on .dg-stop-name{visibility:visible}.dg-stage{height:auto;min-height:0;padding:20px 0 24px}.dg-held{height:auto!important}.dg .dg-stage .dg-body{padding-bottom:0}.dg-flag{position:static;margin-bottom:16px!important}.dg .dr-block.is-p{font-size:15px}.dg .dr-block.is-h1{margin-bottom:14px;font-size:23px}.dg-page,.dg-page.has-aside{width:100%}.dg-page.dg-direct{height:auto}.dg-page.has-aside .dg-row,.dg-page.dg-direct .dg-row{grid-template-columns:minmax(0,1fr);gap:26px}.dg .dg-page.has-aside .dr-block.is-p{font-size:15px}.dg-spark{display:none}.dg-card,.dg-ask{margin-top:14px;position:static}.dg-ask{width:100%}.dg-ask-note{padding-left:15px}.dg-redline .dg-aside{align-self:auto}.dg-notes{flex-direction:column;gap:16px;display:flex;min-height:0!important}.dg-note{position:static}.dg-tone{display:none}.dg-direct.is-selected .dg-tone{animation:.18s ease-out both dgFade;display:flex}.dg-pad{aspect-ratio:4/3;min-height:0}.mv{flex:none}.mv.is-pending{aspect-ratio:840/1779}}@media (prefers-reduced-motion:reduce){.dg-body,.dg-card,.dg-ask,.dg-note,.dg-settle,.dg-words .dg-w{animation:none}.dg-strike{color:var(--dr-mute);background-size:100% 1.6px;animation:none}.dg-arrow path{stroke-dashoffset:0;animation:none}.dg-box,.dg-box.is-sized,.dg-pad-point,.dg-note,.dg-tone{transition:none}.dg-box:before{animation:none!important}.mv.is-writing .mv-filler,.mv.is-writing .mv-filler img{animation:none;translate:none}.mv-leaf,.mv-beast,.mv-gold,.mv-omen,.mv-omen-lit,.mv-omen:before,.mv-mark{transition:none}.mv.is-writing .mv-mark-ink,.mv.is-writing .mv-mark-ink img{animation:none;translate:none}.mv.is-writing .mv-mark-colour{opacity:1;animation:none}.mv.is-choosing .mv-omen:hover,.mv.is-choosing .mv-omen:focus-visible{translate:none;scale:none}}@media (hover:none){.dg .dg-box:hover:not(.is-selected):before{box-shadow:0 0 0 1px #0000}}.dr-doc{min-height:100%;position:relative}.dr-surface{caret-color:var(--dr-accent-2);cursor:text;outline:none}.dr-frame .dr-surface:focus,.dr-frame .dr-surface:focus-visible{outline:none}.dr-surface .dr-block{position:relative}.dr-surface ::selection,.dr-static ::selection{background:#7376f752}.dr-surface .dr-block.is-empty:after{color:var(--dr-faint);pointer-events:none;position:absolute;top:0;left:0}.dr-surface .dr-block.is-li.is-empty:after{left:18px}.dr-surface .dr-block.is-h1.is-empty:after{content:"Untitled"}.dr-surface .dr-block.is-h2.is-empty.is-caret:after{content:"Heading"}.dr-surface .dr-block:is(.is-p,.is-li).is-empty.is-caret:after{content:"Press space for AI"}.dr-surface.is-blank .dr-block.is-p:nth-child(2).is-empty:after{content:"Press space for AI, or start writing"}.dr-card{margin-top:6px}.dr-card .dr-ai{margin-top:0}.dr-float{z-index:3;background:var(--dr-raise);height:32px;box-shadow:inset 0 0 0 1px var(--dr-line-2), inset 0 1px 0 #ffffff0f, 0 12px 28px -12px #000000e6;color:var(--dr-ink);white-space:nowrap;border-radius:9px;align-items:center;gap:7px;padding:0 7px 0 10px;font-size:13px;font-weight:500;animation:.16s ease-out both drFloat;display:inline-flex;position:absolute;transform:translate(-50%)}.dr-float svg{width:14px;height:14px;color:var(--dr-accent-2)}.dr-float kbd{color:var(--dr-mute);font:inherit;background:#ffffff0f;border-radius:5px;padding:1px 5px;font-size:11.5px;font-weight:400}.dr-frame button.dr-float:hover{background:#242323}@keyframes drFloat{0%{opacity:0;transform:translate(-50%,3px)}}.dr-static .dr-block mark{padding:1px 0}@media (prefers-reduced-motion:reduce){.dr-float{animation:none}}
.dg.has-land:not(.is-slide){max-width:65ch;font-size:var(--text-base);container:dg/inline-size}.dg.has-land .dg-frame{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) clamp(280px,56vw - 270px,520px);column-gap:clamp(32px,4vw,64px);display:grid}.dg.has-land .dg-rail{grid-area:1/1/auto/-1}.dg.has-land .dg-stage{grid-area:2/1}.dg.has-land .ls{grid-area:2/2}.dg.is-slide.has-land{grid-template:minmax(0,1fr)/minmax(0,1fr)}.dg.is-slide.has-land .dg-frame{width:1428px;height:640px;scale:min(tan(atan2(100cqw, 1428px)), tan(atan2(100cqh, 640px)));grid-template-rows:auto minmax(0,1fr);grid-template-columns:864px 512px;column-gap:52px}.dg.is-slide.has-land .dg-stage{height:auto}.ls{-webkit-tap-highlight-color:transparent;min-width:0;min-height:0;position:relative}.ls-surface,.ls-marks{width:100%;height:100%;position:absolute;inset:0}.ls-marks{overflow:visible}.ls-route path{fill:none;stroke:#fffbfa42;stroke-width:1px;stroke-dasharray:2 4;stroke-linecap:round;stroke-linejoin:round}.ls-route.is-on path{stroke:var(--dr-accent-2);stroke-width:1.5px}.ls-route .is-hidden{opacity:.3}.ls-start{fill:var(--dr-accent-2)}.ls-reveal{fill:none;stroke:#fff;stroke-width:6px;stroke-dasharray:1 1;transition:stroke-dashoffset .9s cubic-bezier(.45,0,.2,1)}.ls-point{cursor:pointer}.ls-hit{fill:#0000}.ls-ring{fill:#7376f700;transition:fill .2s}.ls-dot{fill:#0d0c0c;stroke:#fff3;stroke-width:1px;transition:fill .2s,stroke .2s}.ls-num{fill:var(--dr-mute);font-variant-numeric:tabular-nums;text-anchor:middle;font-size:12px;font-weight:500;transition:fill .2s}.ls-point:hover .ls-dot{stroke:#fff6}.ls-point:hover .ls-num{fill:var(--dr-ink)}.ls-point.is-promising .ls-dot{stroke:#a5a8ff8c}.ls-point.is-promising .ls-num{fill:var(--dr-accent-2)}.ls-point.is-on .ls-ring{fill:#7376f729}.ls-point.is-on .ls-dot{fill:var(--dr-accent);stroke:var(--dr-accent)}.ls-point.is-on .ls-num{fill:var(--dr-ink)}.ls-name{fill:var(--dr-ink);pointer-events:none;animation:lsName .42s var(--dr-ease) .16s both;font-size:13px;font-weight:500}.ls.is-slide .ls-name{font-size:15px}@keyframes lsName{0%{opacity:0}}@container dg (max-width:999px){.dg.has-land .dg-frame{grid-template-columns:minmax(0,1fr)}.dg.has-land .dg-stage{padding-inline:0}.dg.has-land .ls{aspect-ratio:16/7.5;grid-area:3/1;width:100%;margin-top:24px}}@container dg (max-width:520px){.dg.has-land .ls{aspect-ratio:16/10}}@media (prefers-reduced-motion:reduce){.ls-name{animation:none}.ls-reveal,.ls-ring,.ls-dot,.ls-num{transition:none}}
.god-rays-bg{pointer-events:none;background:#0d0c0c;position:absolute;inset:0;overflow:hidden}.god-rays-glow{background:radial-gradient(at 85% -20%,#ffffff3d,#ffffff14 28%,#0000 52%);position:absolute;inset:0}.god-rays-depth-fade{background:linear-gradient(#0000 0%,#0003 48%,#000000c7 100%);position:absolute;inset:0}.god-rays-vignette{background:radial-gradient(#0000 28%,#000000b8 100%);position:absolute;inset:0}.site-fog{z-index:-9;pointer-events:none;height:100lvh;position:fixed;inset:0 0 auto;overflow:hidden}.site-fog-field{width:100%;height:100%;position:absolute}.site-fog-field.is-ready{opacity:1;transition:none}.site-fog-field[data-failed]{background:radial-gradient(85% 28% at 22% 75%,#8a888838,#0000),radial-gradient(90% 35% at 80% 100%,#8a888847,#0000);animation:2.1s cubic-bezier(.22,1,.36,1) both site-fog-arrive}.site-fog:not([data-haunted]) .site-fog-field[data-failed]{opacity:0;transition:opacity .8s,transform .8s;animation:none;transform:translateY(20%)}@keyframes site-fog-arrive{0%{opacity:0;transform:translateY(35%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.site-fog .site-fog-field{transition:none;animation:none}}
:root{--ease-house:cubic-bezier(.32, .72, 0, 1);--motion-fast:.12s;--motion-ui:.18s;--motion-panel:.24s}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-surface-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-spin{to{transform:rotate(360deg)}}.cta-primary,.cta-secondary{transition:transform var(--motion-fast) var(--ease-house), filter var(--motion-fast) var(--ease-house), box-shadow var(--motion-ui) var(--ease-house), background-color var(--motion-fast) var(--ease-house), border-color var(--motion-fast) var(--ease-house), opacity var(--motion-fast) var(--ease-house)}.cta-primary:disabled{transform:none}.motion-dialog[open],.motion-menu{animation:motion-surface-in var(--motion-ui) var(--ease-house)}.motion-dialog[open]::backdrop{animation:motion-fade-in var(--motion-ui) var(--ease-house)}.motion-feedback{animation:motion-fade-in var(--motion-fast) var(--ease-house)}.motion-spin{animation:.8s linear infinite motion-spin}.learn-page-surface h1[tabindex="-1"]:focus{outline:none}.learn-route-loading{z-index:120;pointer-events:none;height:2px;position:fixed;inset:0 0 auto;overflow:hidden}.learn-route-loading i{background:var(--color-interactive-bright);width:35%;height:100%;animation:learn-route-progress 1s var(--ease-house) infinite;display:block;transform:translate(-110%)}@keyframes learn-route-progress{to{transform:translate(390%)}}.learn-ring-arc{transition:stroke-dashoffset var(--motion-panel) var(--ease-house)}.learn-app details>summary :is(.lucide-chevron-right,.lucide-chevron-down){transition:transform var(--motion-ui) var(--ease-house)}.learn-app details[open]>summary .lucide-chevron-right{transform:rotate(90deg)}.learn-app details[open]>summary .lucide-chevron-down{transform:rotate(180deg)}@supports (interpolate-size:allow-keywords){.learn-app details:not(.learn-menu)::details-content{interpolate-size:allow-keywords;opacity:0;height:0;transition:height var(--motion-panel) var(--ease-house), opacity var(--motion-fast) var(--ease-house), content-visibility var(--motion-panel) allow-discrete;overflow:clip}.learn-app details:not(.learn-menu)[open]::details-content{opacity:1;height:auto}}@media (prefers-reduced-motion:reduce){.cta-primary,.cta-secondary,.learn-ring-arc,.learn-app details>summary :is(.lucide-chevron-right,.lucide-chevron-down){transition:none!important}.learn-app details::details-content{transition:none!important}.motion-spin,.motion-feedback,.motion-dialog[open],.motion-dialog[open]::backdrop,.motion-menu,.learn-route-loading i{animation:none}.learn-route-loading i{opacity:.55;width:100%;transform:none}.cta-primary:hover{transform:none}}