.diarly-icon[data-astro-cid-3zkahfcg]{& svg{width:56px;& .diarly-logo{fill:var(--text);opacity:1}}}header[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:32px 0 60px;display:flex;@media screen and (width<=800px){padding:32px 0 40px;@media screen and (width<=800px){padding:16px 0 20px}}& .links{gap:48px;display:flex;@media screen and (width<=512px){gap:32px}& a{align-content:center;align-items:center;height:44px;text-decoration:none;display:flex;& span{color:var(--text);letter-spacing:2.5px;text-transform:uppercase;margin:0;font-size:1rem;font-weight:900;text-decoration:none;display:inline;@media screen and (width<=512px){font-size:15px}}}& a:hover{& span{background:linear-gradient(90deg, var(--purple) 0%, var(--pink) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}}}}header[data-astro-cid-nen7h5rs].index{margin:auto 32px;@media screen and (width>=1328px){margin:0 auto;padding:32px 92px}@media screen and (width<=640px){margin:0 16px}}footer[data-astro-cid-jo6i4kqk]{background-color:var(--text);margin-top:100px;padding:100px 50px 180px;& .container{justify-content:space-between;display:flex;& h5,& h5 a{color:var(--stronger-background);margin:0}& a,& p a{text-decoration:none;transition-duration:.2s}& a:hover,& p a:hover{color:var(--stronger-background);transition-duration:.2s}& div{padding:0 1rem;& ul{column-count:1;padding-left:0;& li{margin:1rem 0;font-size:1rem;list-style:none;& a{color:var(--stronger-background)}@media screen and (width<=64rem){margin:.5rem 0}}}& ul.twoColumn{grid-template-columns:1fr 1fr;gap:0 3rem;margin:.5rem 0;display:grid;& li{margin:.5rem 0}@media screen and (width<=64rem){grid-template-columns:1fr}}}& .badge{flex-direction:column;gap:1rem;min-width:200px;padding:0;display:flex}@media screen and (width<=800px){grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2rem;display:grid;& .diarly{grid-area:1/1/2/2;padding:0}& .journals{grid-area:1/2/3/3;padding:0}& .badge{grid-area:2/1/3/2;padding:0}& .badge a{display:block}@media screen and (width<=600px){flex-direction:column;display:flex}}}& .icons{fill:var(--stronger-background);justify-content:center;gap:1.2rem;margin-top:100px;display:flex;& a{margin:.5rem;& svg{& path,& circle,& rect{fill:var(--stronger-background);opacity:.5;transition-duration:.2s}& polyline{stroke:var(--stronger-background);opacity:.5;transition-duration:.2s}}}& a:hover{& svg{& path,& polyline,& circle,& rect{opacity:1;transition-duration:.2s}}}}& .footnote{text-align:center;color:var(--stronger-background);margin-bottom:50px;font-size:1rem;& a{color:var(--stronger-background)}}}html{& body{& footer.home{background-color:#0088d1;& .container{& li a:hover{color:#fff;-webkit-text-fill-color:currentColor;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}& li a:before,& li a:after{background:#fff}& h5,& h5 a,& li a,& a:hover,& p a:hover{color:#fff}}& .icons{& a svg{& path,& circle,& rect,& polyline{fill:#fff}}}& p,& li{& a,& .home{color:#ffffff90}& a{color:#fff;cursor:pointer;text-decoration:none;position:relative}& a:hover{-webkit-text-fill-color:transparent;background:#fff text}& a:before,& a:after{opacity:.5;pointer-events:none;background:#fff;width:100%;height:1px;position:absolute;top:100%;left:0}& a:before{content:"";opacity:.5;transform-origin:100%;opacity:.5;transition:transform .3s;transform:scaleX(0)}& a:hover:before{transform-origin:0%;opacity:.5;transform:scale(1)}}& .footnote{color:#ffffff90;font-size:1rem;& a{color:#fff}}}}}.consent-banner{background-color:var(--background);z-index:100;justify-content:space-between;align-items:center;width:100vw;display:flex;position:fixed;bottom:0}.consent-banner p{color:var(--text);text-align:left;max-width:100%;margin:0;padding:1rem}.consent-banner div{display:flex}@media screen and (width<=40rem){.consent-banner div{flex-direction:column}}.consent-banner div button{cursor:pointer;border:none;border-radius:50px;min-width:60px;height:fit-content;margin:10px;padding:8px 16px}.consent-banner div button p{text-align:center;padding:0}.consent-banner div .grant{background-color:var(--violet)}.consent-banner div .grant p{color:#fff}.consent-banner div .deny{background-color:var(--stronger-background)}.consent-banner div .deny p{color:var(--text);opacity:.7}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:local(Caveat Regular),local(Caveat-Regular),url(https://fonts.gstatic.com/s/caveat/v7/Wnz6HAc5bAfYB2Q7ZjYYiAzcPA.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}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:local(Caveat Bold),local(Caveat-Bold),url(https://fonts.gstatic.com/s/caveat/v7/Wnz5HAc5bAfYB2Qz3RMNpS7RFgihjQ.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}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:local(DM Sans Italic),local(DMSans-Italic),url(https://fonts.gstatic.com/s/dmsans/v4/rP2Fp2ywxg089UriCZa4Hz-DJF4e8A.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}@font-face{font-family:DM Sans;font-style:italic;font-weight:500;font-display:swap;src:local(DM Sans Medium Italic),local(DMSans-MediumItalic),url(https://fonts.gstatic.com/s/dmsans/v4/rP2Ap2ywxg089UriCZaw7ByWCXwT2iv06A.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}@font-face{font-family:DM Sans;font-style:italic;font-weight:700;font-display:swap;src:local(DM Sans Bold Italic),local(DMSans-BoldItalic),url(https://fonts.gstatic.com/s/dmsans/v4/rP2Ap2ywxg089UriCZawpBqWCXwT2iv06A.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}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:local(DM Sans Regular),local(DMSans-Regular),url(https://fonts.gstatic.com/s/dmsans/v4/rP2Hp2ywxg089UriCZOIHTWEBlw.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}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:local(DM Sans Medium),local(DMSans-Medium),url(https://fonts.gstatic.com/s/dmsans/v4/rP2Cp2ywxg089UriAWCrCBimC3YU-Ck.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}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:local(DM Sans Bold),local(DMSans-Bold),url(https://fonts.gstatic.com/s/dmsans/v4/rP2Cp2ywxg089UriASitCBimC3YU-Ck.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}@font-face{font-family:DM Serif Display;font-style:italic;font-weight:400;font-display:swap;src:local(DM Serif Display Italic),local(DMSerifDisplay-Italic),url(https://fonts.gstatic.com/s/dmserifdisplay/v4/-nFhOHM81r4j6k0gjAW3mujVU2B2G_VB0PD2xWr53A.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}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:local(DM Serif Display Regular),local(DMSerifDisplay-Regular),url(https://fonts.gstatic.com/s/dmserifdisplay/v4/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx0vrx52g.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}@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:DM Sans;font-size:16px;@media screen and (width<=800px){font-size:14px}& h1{margin:4rem 0;font-family:DM Serif Display,serif;font-size:3.5rem;font-weight:200;line-height:1.1em}& h2{margin:5rem 0 2rem;font-family:DM Serif Display,serif;font-size:2.6rem;font-weight:400;line-height:1.1em}& h3{margin:4rem 0 1rem;font-size:2rem;font-weight:500}& 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{margin:1.5rem 0;@media screen and (width<=600px){margin:.5rem 0}}& 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;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:DM Sans;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:900}& button{border:1px solid var(--text);border-radius:.5rem;padding:.5rem 1rem;font-family:DM Sans;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}