.site-header[data-astro-cid-nen7h5rs]{box-sizing:border-box;z-index:10;backdrop-filter:blur(4px);background:#ffffffbf;width:100%;position:sticky;top:0}.site-header__inner[data-astro-cid-nen7h5rs]{box-sizing:border-box;justify-content:space-between;align-items:center;gap:24px;width:min(100%,1000px);margin:0 auto;padding:10px 0;font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.brand[data-astro-cid-nen7h5rs],.site-header__links[data-astro-cid-nen7h5rs],.app-store-link[data-astro-cid-nen7h5rs]{flex-shrink:0}.brand[data-astro-cid-nen7h5rs]{color:#000;align-items:center;gap:20px;text-decoration:none;display:flex}.brand__icon[data-astro-cid-nen7h5rs]{object-fit:cover;border-radius:9px;width:40px;height:40px;display:block}.brand__name[data-astro-cid-nen7h5rs]{color:#000;font-size:24px;font-weight:700;line-height:1}.site-header__links[data-astro-cid-nen7h5rs]{align-items:center;gap:30px;margin-left:auto;margin-right:auto;display:flex}.site-header__links[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:#000;font-weight:600;line-height:1;text-decoration:none}.site-header__links[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,.site-header__links[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:focus-visible{text-underline-offset:3px;text-decoration:underline}.app-store-link[data-astro-cid-nen7h5rs]{line-height:0;display:block}.app-store-link[data-astro-cid-nen7h5rs] img[data-astro-cid-nen7h5rs]{display:block}@media (width<=999px){.site-header__inner[data-astro-cid-nen7h5rs]{padding:10px 24px}}@media (width<=540px){.site-header__inner[data-astro-cid-nen7h5rs]{grid-template-columns:1fr auto;grid-template-areas:"brand app-store""links links";row-gap:14px;padding:16px;transition:row-gap .18s;display:grid}.brand[data-astro-cid-nen7h5rs]{grid-area:brand;gap:12px}.app-store-link[data-astro-cid-nen7h5rs]{grid-area:app-store}.brand__icon[data-astro-cid-nen7h5rs]{border-radius:8px;width:36px;height:36px}.brand__name[data-astro-cid-nen7h5rs]{font-size:20px}.site-header__links[data-astro-cid-nen7h5rs]{opacity:1;visibility:visible;grid-area:links;justify-content:space-evenly;gap:16px;width:100%;max-height:40px;padding:8px 0;transition:max-height .18s,padding .18s,opacity .12s,visibility linear;overflow:hidden}.site-header__links[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{font-size:16px}.site-header--scrolled[data-astro-cid-nen7h5rs] .site-header__inner[data-astro-cid-nen7h5rs]{row-gap:0}.site-header--scrolled[data-astro-cid-nen7h5rs] .site-header__links[data-astro-cid-nen7h5rs]{opacity:0;visibility:hidden;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0;transition:max-height .18s,padding .18s,opacity .12s,visibility 0s linear .18s}}@media (width<=440px){.site-header__inner[data-astro-cid-nen7h5rs]{gap:10px}.brand[data-astro-cid-nen7h5rs]{gap:8px}.brand__icon[data-astro-cid-nen7h5rs]{border-radius:7px;width:32px;height:32px}.brand__name[data-astro-cid-nen7h5rs]{font-size:18px}.site-header__links[data-astro-cid-nen7h5rs]{gap:10px;padding:22px 0 5px}.site-header--scrolled[data-astro-cid-nen7h5rs] .site-header__inner[data-astro-cid-nen7h5rs]{row-gap:0}.site-header__links[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{font-size:16px}}@media (prefers-color-scheme:dark){.site-header[data-astro-cid-nen7h5rs]{background:#151519b0}.site-header[data-astro-cid-nen7h5rs] .brand[data-astro-cid-nen7h5rs],.site-header[data-astro-cid-nen7h5rs] .brand__name[data-astro-cid-nen7h5rs],.site-header__links[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:#fff}}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:local(DM Mono Regular),local(DMMono-Regular),url(https://fonts.gstatic.com/s/dmmono/v1/aFTU7PB1QTsUX8KYthqQBK6PYK0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0}:root{--highlighter:#fffce0;--green:#88e552;--teal:#49e9ae;--blue:#54aedf;--purple:#8f65ff;--violet:#ba50ef;--pink:#d759ba;--red:#fa5449;--orange:#fc7c05;--yellow:#fdb601;--green10:#88e55210;--teal10:#49e9ae10;--blue10:#54aedf10;--purple10:#8f65ff10;--purple30:#8f65ff30;--violet10:#ba50ef10;--pink10:#d759ba10;--red10:#fa544910;--orange10:#fc7c0510;--yellow10:#fdb60110;--stronger-background:#fff;--background:#f7f7f7;--softer-background:#f0f0f0;--midtone:#dfdfdf;--shadow:drop-shadow(5px 5px 10px #c7c7c74d);--link:var(--purple);--text:#292929}@media (prefers-color-scheme:dark){:root{--stronger-background:#2a2a2a;--background:#242424;--midtone:#3d3d3d;--shadow:drop-shadow(5px 5px 10px #2222224d);--link:var(--pink);--text:#d0d0d0;--highlighter:#504427}}html{margin:0 auto;& ::selection{background-color:var(--highlighter)}& .diarly_logo{fill:var(--text)}& body{background-color:var(--background);color:var(--text);font-family:Figtree,sans-serif;font-size:16px;@media screen and (width<=800px){font-size:14px}& h1,& h2,& h3,& h4,& h5,& h6{text-wrap:balance}& h1{margin:4rem 0;font-family:Figtree,sans-serif;font-size:3.5rem;font-weight:700;line-height:1.1em}& h2{margin:5rem 0 2rem;font-family:Figtree,sans-serif;font-size:2.6rem;font-weight:600;line-height:1.1em}& h3{margin:4rem 0 1rem;font-size:2rem;font-weight:450}& h4{margin:1.5rem 0;font-size:1.4rem;font-weight:500}& h5{margin:1.5rem 0;font-size:1.3rem;font-weight:500}& h6{font-size:1.1rem;font-weight:900}@media screen and (width<=800px){& h1{margin:2.5rem 0;font-size:3rem}& h2{margin:3rem 0 1rem;font-size:2rem}& h3{margin:3rem 0 1rem;font-size:1.8rem}& h4{margin:2rem 0 1rem;font-size:1.6rem}& h5{margin:1rem 0;font-size:1.4rem}@media screen and (width<=600px){& h1{font-size:2rem}& h2{font-size:1.8rem}& h3{font-size:1.6rem}& h4{font-size:1.4rem}& h5{font-size:1.3rem}}}& p{text-wrap:balance;margin:1.5rem 0;@media screen and (width<=600px){margin:.5rem 0}}@supports (text-wrap:pretty){& p{text-wrap:pretty}}& ul,& ol,& li{margin:.5rem 0;@media screen and (width<=600px){margin:.25rem 0}}& p,& ul,& li{hyphens:auto;font-size:18px;@media screen and (width<=800px){margin:.5rem 0;font-size:17px;@media screen and (width<=600px){margin:.5rem 0;font-size:16px}}}& p,& ul,& li{& a{color:var(--link);cursor:pointer;text-decoration:none;position:relative}& a:hover{background:linear-gradient(90deg, var(--purple) 0%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--purple) 0%, var(--pink) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}& a:before{content:"";transform-origin:100%;transition:transform .3s;transform:scaleX(0)}& a:hover:before{transform-origin:0%;transform:scale(1)}}& #Basics{& span{background-color:var(--blue)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--blue) 0%, var(--purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--blue) 0%, var(--purple) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& #GettingAround{& span{background-color:var(--purple)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--purple) 0%, var(--violet) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--purple) 0%, var(--violet) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& #WritingEditing{& span{background-color:var(--violet)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--violet) 0%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--violet) 0%, var(--pink) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& #Integrations{& span{background-color:var(--pink)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--pink) 0%, var(--red) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--pink) 0%, var(--red) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& #Personalization{& span{background-color:var(--red)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--red) 0%, var(--orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--red) 0%, var(--orange) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& #PowerUser{& span{background-color:var(--orange)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--orange) 0%, var(--yellow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--orange) 0%, var(--yellow) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& #Security{& span{background-color:var(--yellow)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--yellow) 0%, var(--green) 200%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--yellow) 0%, var(--green) 200%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& #SubscriptionBilling{& span{background-color:var(--green)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--green) 0%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--green) 0%, var(--teal) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& #Troubleshooting{& span{background-color:var(--green)}& p,& ul,& li{& a:hover{background:linear-gradient(90deg, var(--teal) 0%, var(--blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}& a:before,& a:after{background:linear-gradient(90deg, var(--teal) 0%, var(--blue) 100%);pointer-events:none;width:100%;height:1px;position:absolute;top:100%;left:0}}}& input,& input *{font-family:Figtree,sans-serif;font-size:1rem}& li.task-list-item{text-indent:-35px;list-style:none;& input{margin-right:15px}}& li p{margin:0}& li,& p{& code{padding:0 5px}}& img{object-fit:contain}& strong{font-weight:600}& button{border:1px solid var(--text);border-radius:.5rem;padding:.5rem 1rem;font-family:Figtree,sans-serif;font-size:1rem;font-weight:500;display:inline-block}& blockquote{border-left:2px solid var(--midtone);background-color:var(--stronger-background);margin:1rem 0;padding:1rem 1.5rem;font-style:italic;& p{margin:0}}& code{border-radius:.5rem;font-family:DM Mono;font-size:1rem}}& img .doodle *{fill:red;fill-rule:nonzero}& .doodleText{padding:2.5rem;font-family:Caveat;font-size:2rem;& *{font-family:Caveat;font-size:2rem}}}@media (prefers-color-scheme:dark){.shiki,.shiki span{& .astro-code,& .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}main{&>div{margin-bottom:90px;@media screen and (width<=800px){margin-bottom:60px}@media screen and (width<=600px){margin-bottom:40px}}& img{max-width:100%}& .center{text-align:center}}path{fill:var(--text)}.green{fill:var(--green);color:var(--green)}.teal{fill:var(--teal);color:var(--teal)}.blue{fill:var(--blue);color:var(--blue)}.purple{fill:var(--purple);color:var(--purple)}.violet{fill:var(--violet);color:var(--violet)}.pink{fill:var(--pink);color:var(--pink)}.red{fill:var(--red);color:var, --red}.orange{fill:var(--orange);color:var, --orange}.yellow{fill:var(--yellow);color:var, --yellow}.white{fill:#fff;color:#fff}