@import"https://fonts.googleapis.com/css2?family=Recursive:CASL,MONO@0..1,1&family=Atkinson+Hyperlegible&family=Alegreya&family=Alegreya+Sans&family=Comic+Neue&family=Comfortaa&family=Courier+Prime&family=EB+Garamond&family=Fira+Mono&family=Gentium+Book+Plus&family=Geologica&family=JetBrains+Mono&family=Libre+Baskerville&family=Literata:opsz@7..72&family=Noto+Sans&family=Noto+Sans+Mono&family=Noto+Serif&family=Open+Sans:wght@300..800&family=Piazzolla:opsz@8..30&family=Play&family=Roboto+Mono&family=Roboto+Slab&family=Source+Code+Pro&family=Source+Serif+4:opsz@8..60&family=Ubuntu&family=Ubuntu+Mono&family=Victor+Mono&family=Vollkorn&family=Ysabeau&display=swap";main{height:100%}.fit-height{height:100%}.top-info{background:var(--color-input);color:var(--color-fg-bar);font-size:var(--font-s);padding:var(--space-s);text-align:center;font-weight:700}.top-info.error{background:var(--color-input-error)}.top-info.warning{background:var(--color-input-warning)}.top-info.ok{background:var(--color-input-ok)}.top-info a{color:var(--color-fg-bar);text-decoration:underline}.main-header{position:relative;z-index:101}.main-header.sticky{position:sticky;top:0}.main-header h1{color:var(--color-gradient-main-a)}.main-header h1 span{color:var(--color-gradient-main-b)}.main-header .logo i{color:var(--color-gradient-main-a)}.dark .main-header.zone{opacity:.75}.desktop-header{display:grid;grid-template-columns:1fr auto 1fr;padding:var(--space-s) 0;background:var(--color-bg);border-bottom:solid var(--space-xs) var(--color-bg-lc)}.desktop-header.sticky{position:sticky;top:0;z-index:3;border-bottom:solid var(--space-s) var(--color-bg-hc)}.desktop-header .logo{margin-left:var(--space-m);font-size:0}.desktop-header .logo h1{display:inline-block;font-size:var(--font-l);font-family:var(--font-mono);font-variation-settings:var(--font-variation-mono);text-transform:uppercase;letter-spacing:var(--space-2xs);vertical-align:middle;font-weight:400;position:relative;top:calc(var(--font-2xs) / 2 + 1px);margin-left:var(--space-xs)}.desktop-header .logo h1:before{position:absolute;left:0;top:calc(-1 * var(--font-2xs) - 1px);content:attr(data-catchphrase);font-size:var(--font-2xs);color:var(--color-fg-lc)}.desktop-header .logo h1:after{display:none;position:absolute;right:0;bottom:calc(-1 * var(--font-2xs) - 2px);content:attr(data-version);font-size:var(--font-2xs);color:var(--color-fg-error)}.desktop-header .logo i:before{display:inline-block;font-size:var(--font-3xl);vertical-align:middle}.small .desktop-header{border-bottom:none;padding:calc(var(--space-s) + var(--space-xs)) 0}.small .desktop-header .logo i:before{font-size:var(--font-2xl)}.zone .desktop-header nav{opacity:0}.desktop-header nav{font-size:0;color:var(--color-fg);display:grid;align-items:center;transition:opacity .25s}.desktop-header nav ul{list-style:none}.desktop-header .menu ul{text-align:center}.desktop-header .profile{display:flex;justify-content:flex-end;margin-right:var(--space-m)}.desktop-header .profile ul{text-align:right}.desktop-header .profile ul+ul{border-left:solid 2px var(--color-bg-bar);padding-left:var(--space-m);margin-left:var(--space-m)}.desktop-header .profile .account-link{margin-right:var(--space-s)}.desktop-header nav li{--color-ico: var(--color-fg-lc);display:inline-block;font-size:var(--font-m);line-height:var(--font-m);height:var(--font-xl);cursor:pointer}.desktop-header nav li:hover{--color-ico: var(--color-fg-accent)}.desktop-header nav li+li{margin-inline-start:calc(var(--space-s) + var(--space-xs));padding-inline-start:var(--space-s);display:inline-block;border-left:solid 2px var(--color-bg-bar)}.desktop-header nav li span{position:relative;top:calc(var(--font-xs) / 2 * -1)}.desktop-header nav li i{font-size:var(--font-xl);line-height:var(--font-m);color:var(--color-ico);margin-right:var(--space-xs)}.desktop-header nav li a.active,.desktop-header nav li a.active i{color:var(--color-fg-ok)}.desktop-header .profile li+li{margin-inline-start:var(--space-s);padding-inline-start:0;border:none}.desktop-header nav a{color:var(--color-fg)}.desktop-header nav a:hover{text-decoration:none;color:var(--color-fg-accent)}.desktop-header>button{background:transparent;font-size:0;width:fit-content;padding:var(--space-s);position:absolute;right:var(--space-xs);top:var(--space-xs);cursor:pointer}.desktop-header>button i{font-size:0}.desktop-header>button i:before{font-size:var(--font-xl);line-height:var(--font-xl);color:var(--color-fg-lc)}.desktop-header .icon-settings{transition-duration:.5s;transition-property:transform;display:inline-block}.desktop-header .settings-button:hover .icon-settings{transform:rotate(90deg)}@media screen and (max-width: 63.99rem){.desktop-header{display:none}}.social-links{list-style:none}.social-links li{font-size:var(--font-xl);display:inline-block;margin-inline-start:var(--space-s)}.social-links li i{font-size:var(--font-xl)}.social-links a{font-size:var(--font-xl);display:inline-block}.social-links a:hover{text-decoration:none}.social-links a[href^=http]:after{content:""}.mobile-header,.small .mobile-header{display:none}@media screen and (max-width: 63.99rem){.mobile-header{display:block;padding:var(--space-s);position:relative;background:var(--color-bg);border-bottom:solid var(--space-xs) var(--color-bg-hc)}.mobile-header .logo{font-size:0}.mobile-header .logo h1{display:inline-block;font-size:var(--font-l);font-family:var(--font-mono);font-variation-settings:var(--font-variation-mono);text-transform:uppercase;letter-spacing:var(--space-2xs);vertical-align:middle;font-weight:400;margin-left:var(--space-xs)}.mobile-header .logo i:before{display:inline-block;font-size:var(--font-2xl);vertical-align:middle}.mobile-header>nav{position:absolute;top:0;right:0;padding:var(--space-s)}.mobile-header .button,.mobile-header button{font-size:var(--font-xl);padding:var(--space-xs);background:transparent;color:var(--color-fg-lc);opacity:1}}.mobile-menu{position:absolute;top:100%;left:0;background:var(--color-bg-hc);width:100%;font-family:var(--font-sans);font-size:var(--font-m);text-align:right;border-bottom:solid var(--space-xs) var(--color-bg-lc)}.mobile-menu nav{color:var(--color-fg);border-top:solid 1px var(--color-bg-lc);padding:var(--space-m)}.mobile-menu ul{list-style:none}.mobile-menu a{color:var(--color-fg)}.mobile-menu i{color:var(--color-fg-lc);font-size:var(--font-2xl);vertical-align:middle}.mobile-menu li{vertical-align:middle;line-height:1}.mobile-menu .profile{display:flex;justify-content:flex-end}.mobile-menu .profile ul+ul{margin-left:var(--space-l)}.mobile-menu .profile .social-links i{font-size:var(--font-2xl)}.mobile-menu .profile li{display:inline}.mobile-menu .profile li+li{margin-left:var(--space-s)}.mobile-menu .menu li+li{margin-top:var(--space-m)}.mobile-menu .menu span{display:inline-block;text-align:right;padding-right:var(--space-s)}.mobile-menu nav li a.active,.mobile-menu nav li a.active i{color:var(--color-fg-ok)}.toast{position:fixed;bottom:var(--space-s);right:var(--space-m);list-style:none;z-index:1000;background-color:var(--color-bg);padding:var(--space-xs);width:15rem;border-radius:var(--space-s)}.toast li+li{margin-block-start:var(--space-s)}.toast li{--fg: var(--color-fg);--bg: var(--color-input);background:var(--bg);color:var(--fg);padding:var(--space-s);padding-right:var(--space-l);border-radius:var(--space-xs);box-shadow:0 var(--space-xs) var(--space-m) var(--color-shadow-lc);font-size:var(--font-s);transition-property:filter opacity;transition-duration:.25s;cursor:pointer;position:relative;overflow:hidden;border:solid 1px var(--bg)}@keyframes oscilate{to{transform:scale(1.1);filter:brightness(1.2)}}@keyframes shine{to{filter:brightness(1.3)}}.toast li.important{animation:oscilate .25s 4 alternate}.toast li:hover{filter:brightness(1.2)}.toast li.special{--bg: var(--color-bg-accent);--fg: var(--color-fg-accent)}.toast li.error{--bg: var(--color-bg-error);--fg: var(--color-fg-error)}.toast li.warning{--bg: var(--color-bg-warning);--fg: var(--color-fg-warning)}.toast li.ok{--bg: var(--color-bg-ok);--fg: var(--color-fg-ok)}.toast li.close-all{--bg: var(--color-bg);--fg: var(--color-fg-lc);text-align:center;box-shadow:none;padding:0 var(--space-s)}.toast li.close-all:hover{color:var(--color-fg-error);filter:none}.toast li h3{font-size:var(--font-s)}.toast li p{margin-top:var(--space-s);font-size:var(--font-xs)}.toast li i.icon-close{position:absolute;top:var(--space-s);right:var(--space-s);opacity:.5;transition-property:opacity;transition-duration:.25s}.toast li:hover i{opacity:1}@media screen and (max-width: 63.99rem){.toast{width:100%;top:0;left:0;bottom:auto;border-radius:none}.toast li.important{animation:shine .25s 6 alternate}}.loading-page{width:100%;height:100%;display:grid;place-content:center;position:absolute;top:0}.loading-page div{text-align:center;padding:var(--space-m)}.loading-page h2{color:var(--color-fg);margin-bottom:var(--space-s)}.loading-page p{color:var(--color-fg);margin-bottom:var(--space-l)}.loading-page i{display:block;margin:auto;width:fit-content;color:var(--color-fg-lc);font-family:icons;font-size:var(--font-3xl);animation:spin .5s infinite linear}.footer{border-top:solid var(--space-2xs) var(--color-bg-hc);background:var(--color-bg);color:var(--color-fg-hc);padding:var(--space-xl) var(--space-l);display:grid;gap:var(--space-l);grid-template-columns:repeat(3,1fr);font-size:var(--font-s)}.footer section{background:var(--color-bg-lc);width:100%;padding:var(--space-l);border-radius:var(--space-xs);justify-self:center}.footer .legal{grid-column-end:span 3;text-align:center}.footer .legal a+a{margin-left:var(--space-l)}.footer p{line-height:var(--font-l)}.footer p:nth-child(2){color:var(--color-fg)}.footer .copyright p:nth-child(3){color:var(--color-fg);position:relative;top:calc(-1 * (var(--space-xs) + 1px))}.footer .copyright code{color:var(--color-fg-hc);background:transparent}.footer p+p{margin-top:var(--space-s)}.footer i{position:relative;top:calc(var(--space-xs) + 1px);font-size:var(--font-l)}@media screen and (max-width: 63.99rem){.footer{grid-template-columns:1fr;padding:var(--space-l) var(--space-m);gap:var(--space-m)}.footer .legal{grid-column-end:span 1}}.command-line{background:red;position:fixed;z-index:1001;width:100%;top:0;padding:var(--space-m);background:var(--color-bg-hc);box-shadow:0 0 var(--space-m) var(--color-shadow-hc)}.command-line label{color:var(--color-fg);width:100%}.command-line input{width:100%}.cookies{position:fixed;bottom:var(--space-m);right:var(--space-m);background:var(--color-bg-hc);padding:var(--space-l);width:clamp(5rem,24rem,calc(100% - 2 * var(--space-m)));border-radius:var(--space-s);border:solid 1px var(--color-bg-bar);box-shadow:0 var(--space-s) var(--space-m) var(--color-shadow-hc);z-index:1002;transform:translate(110%)}.cookies.slide{transition:transform .5s ease-out;transform:translate(0)}.cookies h2{font-size:var(--font-l)}.cookies figure{background:var(--color-bg);padding:var(--space-m);margin-top:var(--space-m);margin-bottom:var(--space-l);border-radius:var(--space-xs)}.cookies blockquote,.cookies figcaption{font-size:var(--font-s);font-style:italic}.cookies blockquote i{position:relative;top:1px;margin-right:var(--space-xs)}.cookies figcaption{text-align:right;margin-top:var(--space-s);color:var(--color-fg-lc);font-size:var(--font-xs)}.cookies .choices{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-s)}.cookies .choices button{width:100%;font-size:var(--font-s);padding:var(--space-m) var(--space-s);color:var(--color-fg-hc)}.cookies h3{color:var(--color-fg);font-size:var(--font-s);font-size:var(--font-xs);margin-bottom:var(--space-xs)}.cookies .cookie-type{font-size:var(--font-xs);color:var(--color-fg-lc);margin-bottom:var(--space-m);padding-right:var(--space-3xl);position:relative}.cookies .cookie-type p{text-align:justify}.cookies .cookie-type button{position:absolute;top:0;right:0;padding:0;font-size:var(--font-xl);background:transparent}.cookies .cookie-type button:hover{transform:scale(1.1)}.cookies .cookie-type button:disabled{cursor:not-allowed;opacity:.5}.cookies .cookie-type button:disabled:hover{transform:none}.cookies .cookie-type [class$=on]{color:var(--color-fg-ok)}.cookies .cookie-type [class$=off]{color:var(--color-fg-lc)}.cookies .cookies-note{font-size:var(--font-xs);margin-bottom:var(--space-l)}@media screen and (max-width: 63.99rem){.cookies{position:absolute;top:var(--space-3xl);bottom:auto;height:auto;z-index:99}}.anon-to-reg .content{padding:var(--space-m);border-radius:var(--space-xs)}.anon-to-reg h3{margin-bottom:var(--space-l);font-size:var(--font-l);text-align:center}.anon-to-reg p{color:var(--color-fg-lc)}.anon-to-reg .options{padding-top:var(--space-xl);text-align:center}.anon-to-reg .options button{margin:0 var(--space-xs);margin-bottom:var(--space-m)}.anon-to-reg .options button.ok{font-size:var(--font-m);padding:var(--space-l)}.modal{position:fixed;top:0;left:0;height:100%;z-index:2000;padding:var(--space-s);display:grid;place-content:center;width:100%;-webkit-backdrop-filter:blur(var(--space-s));backdrop-filter:blur(var(--space-s))}.modal>div{position:relative;background:var(--color-bg-hc);width:clamp(20rem,48rem,90vw);max-height:90svh;padding:var(--space-m) var(--space-l);padding-bottom:var(--space-m);border-radius:var(--space-s);border:solid 1px var(--color-bg-bar);box-shadow:0 var(--space-s) var(--space-m) var(--color-shadow-hc);overflow-y:auto}.modal.required>div{padding:var(--space-l)}.modal>div>header{position:relative;font-size:var(--font-s);color:var(--color-fg-lc);margin-bottom:var(--space-m)}.modal .close{padding:var(--space-s);position:absolute;background:transparent;top:calc(-1 * var(--space-s));right:calc(-1 * var(--space-m));color:var(--color-fg-lc);opacity:.6}.modal .close:hover{opacity:1}.modal .loading{text-align:center;font-size:var(--font-3xl)}@media screen and (max-width: 63.99rem){.modal{position:fixed;top:0;left:0;height:100%;z-index:2000;padding:var(--space-s);display:grid;place-content:center;width:100%;-webkit-backdrop-filter:blur(var(--space-s));backdrop-filter:blur(var(--space-s))}.modal>div{width:100%;max-height:100%;padding:var(--space-m) var(--space-m)}.modal .close{right:calc(-1 * var(--space-s) - var(--space-xs))}}.inline-message{text-align:center;padding:var(--space-l) 0}.inline-message.ok{color:var(--color-fg-ok)}.inline-message.warning{color:var(--color-fg-warning)}.inline-message.error{color:var(--color-fg-error)}.book-genres{--padding-v: var(--space-2xs);--padding-h: var(--space-xs);--font-size: var(--font-xs);--margin: 0;list-style:none;display:flex;flex-wrap:wrap;text-transform:uppercase;font-size:var(--font-size);margin-bottom:var(--margin);gap:var(--space-xs)}.book-genres li{display:inline;font-style:italic;margin-bottom:var(--space-xs)}.book-genres span,.book-genres a{padding:var(--padding-v) var(--padding-h);border-radius:var(--space-xs)}.book-genres li a{background:var(--color-bg-accent)}.book-strip{--padding-v: var(--space-2xs);--padding-h: var(--space-s);--font-size: var(--font-s);--margin: 0;list-style:none;display:flex;flex-wrap:wrap;font-size:var(--font-size);font-weight:600;text-transform:none;margin-bottom:var(--margin)}.book-strip li{display:inline;margin-bottom:var(--space-m)}.book-strip li span,.book-strip li a{border-radius:var(--space-xs);padding:var(--padding-v) var(--padding-h);margin-right:var(--padding-h)}.book-strip li span{color:var(--color-fg);background:var(--color-bg-lc)}.book-strip li.new a{color:var(--color-fg-error);background:var(--color-bg-error);font-weight:600}.book-strip li.free a{color:var(--color-fg-ok);background:var(--color-bg-ok);font-weight:600}.book-strip li.premium a{color:var(--color-fg-warning);background:var(--color-bg-warning);font-weight:600}.book-strip li.in-progress a,.book-strip li.in-progress span{color:var(--color-fg-warning);background:var(--color-bg-warning)}.book-strip li.done a{color:var(--color-fg-ok);background:var(--color-bg-ok)}.book-strip li.rating-box span{padding:0;background:transparent;margin:0}.rating{--stars-size: var(--font-m);--stars-padding: var(--space-2xs);--color-empty: var(--color-bg-off);font-family:icons;font-size:var(--stars-size);padding:var(--stars-padding)}.rating .star+.star{margin-inline-start:var(--space-xs)}.rating .star.full{color:var(--color-fg-warning)}.rating .star.empty{color:var(--color-empty)}.rating .star.half{--rest: 50%;color:var(--color-empty);background:linear-gradient(to right,var(--color-fg-warning),var(--color-fg-warning) var(--rest),var(--color-empty) var(--rest),var(--color-empty));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cover{--width: var(--cover-width);--height: var(--cover-height);--max-thickness: calc(var(--cover-width) * .1875);--min-thickness: calc(var(--cover-width) * .0125);--thickness: max( min(calc(var(--pages) * var(--max-thickness) / 1000), var(--max-thickness)), var(--min-thickness) );width:var(--width);height:var(--height);background:transparent;position:absolute;top:-1px;left:-1px;z-index:2;box-shadow:0 0 var(--space-s) var(--color-shadow-hc);transition-duration:.25s}.cover:before{content:"";width:var(--width);height:var(--thickness);position:absolute;top:var(--height);left:calc(-1 * var(--thickness) / 2);transform:skew(-45deg);box-shadow:var(--space-s) var(--space-s) var(--space-s) var(--color-shadow)}.cover.link:hover{transform:translate(-.25rem,.25rem)}.cover div{--gradient-empty: linear-gradient( to right, var(--color-bg-hc), var(--color-bg) );width:var(--width);height:var(--height);background-color:var(--color-bg-lc);background-size:100% 100%;position:absolute;left:calc(-1 * var(--thickness));top:var(--thickness);filter:brightness(1) grayscale(var(--cover-grayscale));background-image:var(--img),var(--gradient-empty)}.dark .cover div{filter:brightness(.85) grayscale(var(--cover-grayscale))}.cover.link:hover div{filter:none}.cover.link div div{width:var(--width);height:var(--height);background-color:transparent;background-image:var(--gradient-cover);-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);position:absolute;left:0;top:0;display:grid;place-content:center;opacity:0;transition-duration:.25s}.cover-only div.backdrop{background-image:var(--img);filter:blur(3rem);left:0;top:0;opacity:.25}.cover-only div.backdrop:before,.cover-only div.backdrop:after{display:none}.cover.link p{color:var(--color-fg-accent);background-color:var(--color-bg);font-weight:600;font-size:var(--font-m);text-transform:uppercase;padding:var(--space-xs) var(--space-s);border-radius:var(--space-xs);opacity:.9}.cover.link:hover div div{opacity:1}.cover.link div{cursor:pointer}.cover div:after{content:"";width:var(--width);height:var(--thickness);background:linear-gradient(90deg,var(--color-paper-shadow),transparent),repeating-linear-gradient(0deg,var(--color-paper),var(--color-paper-hc) 3px);position:absolute;top:calc(-1 * var(--thickness));left:calc(var(--thickness) / 2);transform:skew(-45deg)}.cover div:before{content:"";width:var(--thickness);height:var(--height);background:linear-gradient(0deg,var(--color-paper-shadow),var(--color-paper-shadow)),repeating-linear-gradient(90deg,var(--color-paper),var(--color-paper-hc) 3px);position:absolute;top:calc(-1 * var(--thickness) / 2);left:var(--width);transform:skew(0,-45deg)}@media screen and (max-width: 31.99rem){.cover.adaptable{box-shadow:none}.cover.adaptable div{top:0;left:0;border:solid 1px var(--color-input);border-right:none}.cover.adaptable.link:hover{transform:none}.cover.adaptable div:after,.cover.adaptable div:before,.cover.adaptable:before{all:unset}}.stats-strip{--mobile-columns: 2;--desktop-columns: 4;--columns: var(--desktop-columns);list-style:none;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-gap:var(--space-s);margin:var(--space-l) auto;max-width:74rem}.stats-strip.no-top-margin{margin-top:0}.stats-strip li{text-align:center;background:var(--color-bg-hc);padding:var(--space-xs);border-radius:var(--space-s)}.stats-strip li article{display:grid;grid-template-columns:1fr}.light .stats-strip.show-outline li{outline:solid 1px var(--color-bg-lc)}.stats-strip h4{font-weight:400;font-size:var(--font-m);font-style:italic;color:var(--color-fg);text-transform:capitalize;padding-top:var(--space-s)}.stats-strip p.val{font-size:var(--font-m);font-family:var(--font-sans);font-style:italic;color:var(--color-fg);margin:var(--space-s) 0 var(--space-s) 0}.stats-strip p.val strong{font-weight:400;font-size:var(--font-2xl)}.stats-strip p.sub{font-size:var(--font-s);font-style:italic;color:var(--color-fg-lc);margin-top:var(--space-xs)}.stats-strip p.extra{font-size:var(--font-s);font-style:italic;margin-top:var(--space-s);color:var(--color-fg)}.stats-strip .val.warning{color:var(--color-fg-warning)}.stats-strip .val.error{color:var(--color-fg-error)}.stats-strip .val.ok{color:var(--color-fg-ok)}.stats-strip .stat-note{font-size:var(--font-xs);font-style:italic;color:var(--color-fg-lc);margin-bottom:var(--space-m)}.stats-strip .more-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-xs)}.stats-strip .more-stats div{font-style:italic;background:var(--color-bg);padding:var(--space-s) var(--space-xs);font-size:var(--font-m);border-radius:var(--space-xs)}.stats-strip .more-stats div p:first-child{color:var(--color-fg-lc);font-size:var(--font-s);margin-bottom:var(--space-xs)}.stats-strip .more-stats p.val{font-size:var(--font-s);margin:0}.stats-strip .more-stats p.val strong{font-weight:500;font-size:var(--font-m)}@media screen and (max-width: 63.99rem){.stats-strip{--columns: var(--mobile-columns)}.stats-strip p.val strong{font-size:var(--font-xl)}.stats-strip li article.allow-horizontal{display:grid;grid-template-columns:1fr 1fr}.stats-strip .more-stats{display:grid;grid-template-columns:1fr;grid-gap:var(--space-xs)}}.book-details{--padding-h: var(--space-4xl);width:100%;position:relative}.book-details .info.box{width:100%;padding:0 var(--padding-h)}.book-details .info,.book-details .chapters,.book-details .stats{max-width:min(100%,75rem);margin:0 auto;padding:var(--space-3xl) 0}.book-details .info{--cover-width: 20rem;--cover-height: 30rem;position:relative;padding-left:24rem;min-height:calc(var(--cover-height) + var(--space-3xl) * 2);padding-bottom:var(--space-3xl)}.book-details .cover{top:var(--space-3xl);left:0}.book-details .info img{position:absolute;top:var(--space-3xl);left:var(--space-m);width:20rem}.book-details h2,.book-details .author,.book-details .book-strip{width:calc(100% - 13rem)}.book-details .info h2{font-size:var(--font-xl);font-weight:400;color:var(--color-fg-hc);margin-bottom:var(--space-s)}.book-details .info .author,.book-details .info .series{font-size:var(--font-m);color:var(--color-fg-hc)}.book-details .info .author{margin-bottom:var(--space-l)}.book-details .info .series{margin-bottom:var(--space-s)}.book-details .info .source{color:var(--color-fg-hc);font-size:var(--font-s);font-style:italic;margin-bottom:var(--space-m)}.book-details .info .short-description{color:var(--color-fg);font-size:var(--font-m);line-height:1.6;margin-bottom:var(--space-m)}.book-details .info .description h3,.book-details .info .description{color:var(--color-fg);font-size:var(--font-m);line-height:1.6}.book-details .info .description p{margin-bottom:var(--space-m)}.book-details .info .rights{color:var(--color-fg-lc);font-size:var(--font-s);font-style:italic;margin-bottom:var(--space-m)}.book-details .book-genres li{margin-bottom:var(--space-m)}.book-details nav{position:absolute;top:var(--space-3xl);right:0;text-align:right}.book-details nav div{margin-bottom:var(--space-s)}.book-details nav .favorite{position:absolute;top:calc(3rem + var(--space-s));right:0;background:transparent;padding:var(--space-s);font-size:var(--font-2xl)}.book-details nav .favorite:hover{transform:scale(1.1)}.book-details nav .favorite.active{color:var(--color-fg-error)}.book-details nav .type{width:8.5rem;margin-left:var(--space-s);text-align:center;position:absolute;top:0;right:calc(3rem + var(--space-s));z-index:2}.book-details nav .type.only{right:0}.book-details hr{border-bottom:solid 2px var(--color-input);max-width:min(100%,75rem);margin:var(--space-l) auto 0}.book-details .chapters{padding-top:var(--space-xl)}.book-details .chapters h2{font-size:var(--font-l);font-weight:400;text-transform:uppercase;color:var(--color-fg-hc);letter-spacing:4px;margin-bottom:var(--space-m)}.book-details .chapters ul{list-style:none}.book-details .chapters li{background:var(--color-bg-hc);margin-bottom:var(--space-s);border-radius:var(--space-xs);border:solid 1px var(--color-bg-hc);position:relative;transition:.1s}.book-details .chapters li.done{background:var(--color-bg-hc);background-image:linear-gradient(to right,var(--color-bg-ok),transparent);border-color:var(--color-bg-ok)}.book-details .chapters li.done a.chapter-link{color:var(--color-fg-ok)}.book-details .chapters li.in-progress{background:var(--color-bg-hc);background-image:linear-gradient(to right,var(--color-bg-warning),transparent);border-color:var(--color-bg-warning)}.book-details .chapters li.in-progress a.chapter-link{color:var(--color-fg-warning)}.book-details .chapters li p{font-size:var(--font-m);width:50rem}.book-details .chapters li span{display:inline-block}.book-details .chapters li.skipped,.book-details .chapters li.skipped a{color:var(--color-fg-lc)}.book-details .chapters .chapter-title{padding:var(--space-m)}.book-details .chapters .chapter-right{position:absolute;right:0;top:0;height:100%}.book-details .chapter-skip{display:inline-block;height:100%;padding:var(--space-m)}.book-details .chapter-skip input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0}.book-details .chapter-skip label{font-size:var(--font-xl);line-height:var(--font-m)}.book-details .chapter-status{padding:var(--space-m);width:4rem;text-align:right;position:relative;bottom:calc(var(--font-xl) - var(--font-m));margin-left:var(--space-xs)}.book-details .chapter-stat{padding:var(--space-s);display:inline-block;background-color:var(--color-bg);position:relative;bottom:calc(var(--font-xl) - var(--font-m));border-radius:var(--space-xs);width:6rem;text-align:center;font-style:italic;margin-right:var(--space-s)}.book-details .more{text-align:left}.ministat{display:inline-block;margin-right:var(--space-s);padding:var(--space-s);width:3rem;text-align:center;border-radius:var(--space-xs);margin-top:var(--space-xs)}.ministat.ok{color:var(--color-fg-ok)}.ministat.warning{color:var(--color-fg-warning)}.ministat strong{display:block;font-family:var(--font-mono);font-variation-settings:var(--font-variation-mono-bold);font-size:var(--font-s)}.ministat small{display:block;font-family:var(--font-mono);font-variation-settings:var(--font-variation-mono);font-size:var(--font-xs)}.book-details .note{font-size:var(--font-s);font-style:italic;color:var(--color-fg);margin-bottom:var(--space-m)}.book-details .rating{--stars-size: var(--font-l);--stars-padding: 0;margin-bottom:var(--space-m)}.book-details .done-book-actions{text-align:center;margin-bottom:var(--space-l)}@media screen and (max-width: 63.99rem){.book-details{--padding-h: 0}.book-details h2,.book-details .author,.book-details .book-strip{width:100%}.book-details .info,.book-details .chapters{max-width:100%;width:auto;margin:0 auto;padding:var(--space-m) var(--space-m)}.book-details .info{position:relative;min-height:auto;padding-bottom:var(--space-xl);padding-top:var(--space-4xl)}.book-details .cover{display:none}.book-details hr{border-bottom:solid 2px var(--color-input);max-width:calc(100% - 2 * var(--space-m));margin:var(--space-s) auto}.book-details .chapters .chapter-title{font-size:var(--font-s);font-family:var(--font-sans);padding:var(--space-m) var(--space-s);width:calc(100% - 3rem)}.book-details .chapters .skipped .chapter-title{width:calc(100% - 7rem)}.book-details .chapters .chapter-title.full-size{width:100%;border-bottom:solid 1px var(--color-bg-lc)}.book-details .chapters .done .chapter-title.full-size{width:100%;border-bottom:solid 1px var(--color-bg-ok)}.book-details .chapters .chapter-right{text-align:right;position:relative;width:100%}.ministat{height:auto}.book-details nav{position:absolute;top:calc(-1 * var(--space-xs));left:0;width:100%;height:4.625rem;padding:var(--space-m) var(--space-m);right:var(--space-m);background:var(--color-bg-hc);min-height:4.5rem}.book-details nav div{position:relative;margin-bottom:0;float:right}.book-details nav .more{width:3rem}.book-details nav .type{position:absolute;top:0;right:calc(3rem + var(--space-s));z-index:2}.book-details nav .favorite{width:fit-content;position:absolute;left:var(--space-m);top:var(--space-m);padding:var(--space-xs)}.book-details .condensed-page-count{position:absolute;top:-3.15rem;right:0;z-index:2}.book-details .condensed-status{position:absolute;top:-3.15rem;right:3.5rem;z-index:2}}.actions{display:inline-block;position:relative;margin-left:var(--space-s);z-index:1;width:12rem;height:100%}.actions .actions-list{display:none;width:12rem;padding:var(--space-s);background:var(--color-bg);border-radius:var(--space-xs);box-shadow:0 var(--space-s) var(--space-m) var(--color-shadow-hc);margin-top:var(--space-s);border:solid 1px var(--color-bg-bar)}.actions.mobile.active .actions-list,.actions.desktop:hover .actions-list{display:block}.actions .actions-list button,.actions .actions-list a.button{width:100%;background:var(--color-input);color:var(--color-fg-hc);font-size:var(--font-m)}.actions .actions-list button:hover,.actions .actions-list a.button:hover{background:var(--color-input-target)}.actions .actions-list>*+*{margin-top:var(--space-s)}.confirm{position:fixed;height:100%;width:100%;top:0;z-index:1000;display:grid;place-content:center;-webkit-backdrop-filter:blur(var(--space-s));backdrop-filter:blur(var(--space-s))}.confirm div{background:var(--color-bg-hc);padding:var(--space-l);border-radius:var(--space-xs);box-shadow:var(--color-shadow);border:solid 1px var(--color-bg-lc);min-width:25vw}.confirm p{margin-bottom:var(--space-m);grid-column-end:span 2}.confirm form{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-m)}.confirm input[type=text]{width:100%;grid-column-end:span 2}.confirm input[type=submit]{background:var(--color-bg-ok);color:var(--color-fg-ok)}.confirm input[type=submit]:disabled{background:var(--color-bg-error);color:var(--color-fg-error)}.confirm code{background:var(--color-bg-error);color:var(--color-fg-error)}.confirm .details{text-align:center;margin-bottom:var(--space-l)}.confirm .warning{color:var(--color-fg-warning)}.confirm .instructions{text-align:center;color:var(--color-fg-lc)}@media screen and (max-width: 63.99rem){.confirm{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg)}}.book{--cover-height: 15rem;--cover-width: 10rem;--info-width: 16rem;--pages: 300;--stats-height: 2.75rem;--top-box-height: calc(var(--stats-height) - 1px);height:calc(var(--cover-height) + var(--stats-height));width:calc(var(--cover-width) + var(--info-width));background:var(--color-bg);border:solid 1px var(--color-input);border-radius:var(--space-xs);margin:var(--space-l);box-shadow:0 var(--space-xs) var(--space-s) var(--color-shadow);position:relative}.book.cover-only{width:var(--cover-width);height:var(--cover-height);border:none;box-shadow:none}.book.cover-only .top-box{display:none}.book.cover-only .cover-box{margin-top:0}.book .cover-box{position:relative;margin-top:var(--stats-height);margin-bottom:var(--stats-height)}.book .scroll-box{overflow:hidden;width:100%;height:calc(100% - var(--top-box-height));position:relative}.book .top-box{background:var(--color-bg-hc);width:100%;height:var(--top-box-height);position:absolute;padding:calc(var(--space-s) + 3px) var(--space-s);left:0;top:0;border-top-right-radius:calc(var(--space-s) / 2);border-top-left-radius:calc(var(--space-s) / 2)}.book.done{border-color:var(--color-bg-ok)}.book.in-progress{border-color:var(--color-bg-warning)}.book.not-approved{border-color:red;filter:sepia(1) hue-rotate(-60deg) saturate(5);box-shadow:0 0 2rem #f003}.book.done .top-box{background-image:linear-gradient(to right,transparent,var(--color-bg-ok))}.book.in-progress .top-box{background-image:linear-gradient(to right,transparent,var(--color-bg-warning))}.book .info{padding:var(--space-m) var(--space-l);height:var(--cover-height);overflow-y:scroll;position:absolute;left:var(--cover-width);top:0;bottom:0;right:-20px}.book h3{font-size:var(--font-m);font-weight:600;margin-bottom:var(--space-xs)}.book h3 a{color:var(--color-fg)}.book p{font-size:var(--font-s);margin-bottom:var(--space-s)}.book p.description{font-style:italic;color:var(--color-fg-lc);line-height:var(--font-l);height:calc(var(--font-l) * 3);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:var(--space-m)}.book button.favorite{position:absolute;top:0;right:0;background:transparent;color:var(--color-fg-lc);font-size:0;cursor:pointer}.book button.favorite.active{color:var(--color-fg-error)}.book button.favorite i{position:absolute;top:calc(var(--space-s) + 2px);right:var(--space-s);font-size:var(--font-xl)}@media screen and (max-width: 89.99rem){.book{--info-width: 22rem}}@media screen and (min-width: 96rem){.book{--info-width: 17.5rem}}@media screen and (min-width: 100rem){.book{--info-width: 19rem}}@media screen and (min-width: 120rem){.book{--info-width: 20rem}}@media screen and (max-width: 31.99rem){.book{margin:var(--space-s) var(--space-xs)}.book .info{padding:var(--space-m);top:0;right:0;left:var(--cover-width);overflow-y:auto}.book button.favorite{left:auto;top:0;right:0}.book p.description{height:calc(var(--font-l) * 4);-webkit-line-clamp:4}}.pagination{text-align:center;padding:0 var(--space-m);margin:var(--space-m) 0}.pagination.down{padding-bottom:var(--space-l)}.pagination *+*{margin-left:var(--space-xs)}.pagination button{--size: calc(var(--font-m) + var(--space-s) * 2);font-size:var(--font-m);color:var(--color-fg-hc);font-family:var(--font-mono);text-align:center;padding:var(--space-s) 0;width:var(--size);height:var(--size)}.pagination button.prev,.pagination button.next{background:transparent;color:var(--color-fg)}.pagination button.prev:before{content:"⮜";font-family:icons}.pagination button.next:before{content:"⮞";font-family:icons}.pagination button.dots,.pagination button:disabled.dots{background:transparent;cursor:default;opacity:.6}.pagination button.current{background:var(--color-bg-ok);color:var(--color-fg-ok);opacity:1;cursor:default}.books{padding-bottom:var(--space-l);background:var(--color-bg)}.books main{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto}.books .filters{background:var(--color-bg-hc)}.books .results{text-align:center;font-size:var(--font-s);color:var(--color-fg-lc);margin-top:var(--space-m);margin-bottom:var(--space-m)}.books .add-book{display:grid;place-content:center;text-align:center;text-decoration:none}.books .add-book>div{transition:.2s}.books .add-book:hover>div{transform:scale(1.1)}.books .add-book i{display:block;transform:rotate(45deg);font-size:var(--font-2xl)}.books .add-book p{font-size:var(--font-m)}.books .export-all{padding-top:var(--space-m)}.books .export-all span{padding:0 var(--space-s)}@media screen and (max-width: 63.99rem){.books{padding-bottom:0}}.button-toggle{display:inline-block}.button-toggle button{width:7rem;font-size:var(--font-m);padding:var(--space-s);min-height:40px;vertical-align:middle;border-radius:0;margin-right:1px}.button-toggle button:first-child{border-top-left-radius:var(--space-xs);border-bottom-left-radius:var(--space-xs)}.button-toggle button:last-child{border-top-right-radius:var(--space-xs);border-bottom-right-radius:var(--space-xs)}.button-toggle.separate button{border-radius:var(--space-xs);margin-right:var(--space-xs);margin-bottom:var(--space-xs);border:solid 1px var(--color-input)}.button-toggle button.suggested{background:var(--color-bg-warning);color:var(--color-fg-warning)}.button-toggle button.active{background:var(--color-bg-ok);color:var(--color-fg-ok)}.button-toggle.separate button.active{border:solid 1px var(--color-fg-ok)}.button-toggle button:disabled,.button-toggle button:disabled:hover{cursor:default;opacity:1}@media screen and (max-width: 79.99rem){.button-toggle button{width:auto;padding-left:15px;padding-right:15px}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;color:var(--color-fg-hc);border:none;padding:var(--space-s);margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:none}.select{min-width:var(--width);background:var(--color-input);color:var(--color-fg);font-size:var(--font-m);font-family:var(--font-sans);border-radius:var(--space-xs);border:solid 1px var(--color-input);cursor:pointer;opacity:.8;position:relative;display:grid;grid-template-areas:"select";align-items:center;opacity:.9}.select:hover{opacity:1}.select select,.select:after{grid-area:select}.select:after{content:"";display:block;width:.8em;height:.5em;background-color:var(--color-fg);clip-path:polygon(100% 0%,0 0%,50% 100%);justify-self:end;position:relative;right:.5em;pointer-events:none}.select option{background-color:var(--color-input);color:var(--color-fg)}.filters{background:var(--color-bg-hc);height:auto;padding:var(--space-l);padding-top:calc(var(--space-l) - var(--space-s));padding-bottom:var(--space-xl);display:grid;grid-template-columns:3fr 2fr 3fr;grid-template-areas:"tabs criteria options"}.filters .tabs{text-align:left;grid-area:tabs}.filters .tabs .button-toggle>button{position:relative}.filters .tabs .button-toggle>button.new{z-index:2}.filters .tabs .button-toggle>button.new:after{content:"NEW";display:block;position:absolute;top:-1em;right:-1em;color:var(--color-bg-hc);background:var(--color-fg-error);font-weight:700;font-size:var(--font-xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--space-xs);animation:pulse .25s 4 alternate;animation-delay:1s}.filters .options{text-align:right;grid-area:options}.filters .criteria{text-align:center;grid-area:criteria}.filters input[type=text]{width:15rem}.filters label{display:inline-block;vertical-align:middle}.filters .criteria label{width:100%;text-align:center}.filters .criteria div{display:grid;place-content:center;min-height:40px;width:100%}.filters .criteria ul{list-style:none;vertical-align:middle}.filters .criteria li{color:var(--color-fg);display:inline-block;border-radius:var(--space-xs);padding:var(--space-xs) var(--space-s);margin:var(--space-xs);background:var(--color-bg-lc);vertical-align:middle}.filters .criteria li:hover{color:var(--color-fg-error);background:var(--color-bg-error);cursor:pointer}.filters .criteria i{color:var(--color-fg-lc);cursor:pointer;vertical-align:middle;position:relative;top:1px}.filters .criteria li:hover i{color:var(--color-fg-error)}.filters .criteria strong{font-weight:600;text-transform:uppercase}.filters input[type=search]{width:100%}.filters .criteria .clear{font-weight:600;color:var(--color-fg-error);background:var(--color-bg-error);opacity:.8}.filters .criteria .clear:hover{opacity:1}.filters .criteria .clear i{color:var(--color-fg-error)}@media screen and (max-width: 69.99rem){.filters{text-align:center;grid-template-columns:1fr;grid-template-areas:"tabs" "options" "criteria"}.filters>*+*{margin-top:var(--space-m)}.filters .options{text-align:left}.filters .options label{width:100%;margin-left:0}.filters .options label+label{margin-top:var(--space-m)}.filters .criteria label{text-align:left}.filters .criteria div{place-content:center start}.filters .criteria li{margin-left:0}.filters input[type=text]{width:11.4rem}}.quick-books{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto;padding-bottom:var(--space-m);background:var(--color-bg)}.quick-books h2{width:100%;text-align:center;font-size:var(--font-m);font-weight:400;text-transform:uppercase;color:var(--color-fg);letter-spacing:4px;padding:var(--space-l);padding-top:calc(var(--space-l) + var(--space-s))}.quick-books footer{width:100%;text-align:center;padding:var(--space-xl) var(--space-m)}.recommended{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto;background:var(--color-bg-hc);padding-bottom:var(--space-m)}.recommended h2{width:100%;text-align:center;font-size:var(--font-m);font-weight:400;text-transform:uppercase;color:var(--color-fg);letter-spacing:4px;padding:var(--space-l);padding-top:calc(var(--space-l) + var(--space-s))}.recommended footer{width:100%;text-align:center;padding:var(--space-xl) var(--space-xs)}.recommended footer a.button{min-width:10rem;margin:var(--space-s) var(--space-xs)}.quick-stats{background:var(--color-bg-hc);padding-bottom:var(--space-m);padding-top:var(--space-s)}.quick-stats h2{width:100%;text-align:center;font-size:var(--font-m);font-weight:400;text-transform:uppercase;color:var(--color-fg);letter-spacing:4px;padding:var(--space-l)}.hero{--cover-width: 20rem;--cover-height: 30rem;--pages: 100;--blur: 2rem;background:transparent;place-content:center;padding:var(--space-2xl) var(--space-l) var(--space-xl);background-position:bottom;background-size:cover;border-bottom:solid var(--space-xs) var(--color-bg-hc);display:grid;grid-template-columns:1fr;grid-template-areas:"main";grid-gap:var(--space-3xl)}.dark .hero{background-image:linear-gradient(to right,rgb(from var(--color-bg) r g b / 1),rgb(from var(--color-bg) r g b / .9),rgb(from var(--color-bg) r g b / .8)),var(--bg-img)}.light .hero{background-image:linear-gradient(to right,rgb(from var(--color-bg) r g b / 1),rgb(from var(--color-bg) r g b / .8),rgb(from var(--color-bg) r g b / .6)),var(--bg-img)}.hero.last{position:relative;display:grid;grid-template-columns:1fr 18rem;grid-template-areas:"main community";grid-gap:var(--space-3xl)}.hero.last:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-img);background-size:cover;background-position:center;mix-blend-mode:overlay;z-index:-2}.hero.last:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:-1;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:rgb(from var(--color-bg-lc) r g b / .6)}.hero.last{background-image:none}.hero-main{grid-area:main;padding-bottom:var(--space-2xl);padding-top:var(--space-xl)}.hero-main>div{display:grid;grid-template-columns:1fr calc(var(--cover-width) + var(--space-4xl));max-width:65rem;margin:auto}.last .hero-main>div{grid-template-columns:calc(var(--cover-width) + var(--space-4xl)) 1fr}.hero.last .hero-intro{padding-left:var(--space-2xl);color:var(--color-fg-hc)}.hero h2{font-size:var(--font-3xl);color:var(--color-bg);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xl);margin-top:var(--space-xl)}.hero-intro h2{margin-top:var(--space-s)}.hero.last h2{margin-top:var(--space-m);margin-bottom:var(--space-s)}.hero.last h3{margin-bottom:var(--space-xl)}.hero.last .progress{font-size:var(--font-m);font-family:var(--font-mono);color:var(--color-fg-hc);background:#00000011;position:relative;border-radius:var(--space-xs);padding:var(--space-xs) var(--space-s);overflow:hidden}.hero.last .progress:before{content:"";position:absolute;top:0;left:0;width:var(--width);height:100%;background:#00000022}.dark .hero.last .progress{color:var(--color-fg-hc);background:#ffffff11}.dark .hero.last .progress:before{background:#ffffff22}.hero small{font-size:var(--font-m);text-transform:uppercase}.hero p{text-align:justify;font-size:var(--font-l);line-height:1.6;color:var(--color-fg-hc);letter-spacing:1px}.hero nav{margin-top:var(--space-2xl);text-align:center}.hero nav button,.hero nav .button{min-width:11em}.hero nav button.secondary,.hero nav .button.secondary{min-width:6em;font-size:var(--font-s);padding:var(--space-m);padding-bottom:calc(car(--space-m) + 4px)}.hero nav *+*{margin-inline-start:var(--space-m)}.hero p+p{margin-top:var(--space-l)}.hero p strong{font-weight:600;color:var(--color-fg-ok)}.hero .hero-call{position:relative;height:var(--cover-height);margin-bottom:var(--space-l)}.hero .cover{left:auto;right:0}@media screen and (max-width: 29.99rem){.hero{--bg-img: url(data:image/webp;base64,UklGRpgBAABXRUJQVlA4IIwBAAAwCACdASogACAAPp1Gm0qoCUoCqiwE4lkAJ0y0IF4gjWbcEaCZ9CAjD49E3IYycK7Ogn5dO7gfVS8fR9ozz7nMhuFCugs5a1M5AAD+8H7FXew6s1/CWo736m9/FMdtSGnTCBTa5aq+cHn1N0SWBJ7QP7NuT3NGOf0Rn1pHuXVvh1vfQPndorNeOYZldbG21LbLuAux9u3vr5CRZfc28sTuRXePJ5YIrSle0FP6WGZlGFQ0ugU5ouUQM8AC85F8bVUfRNNaqnWtyrwvNrVOtu9WQY8JrjUGpUsed2iPCWMltcEyR5RNBNoFQ0Z4p5BaBAD+690ssDg9V+0sbnepBFjaEeMnfXeoaG0oY+rfLO4/XMGlwianARiJCcQ5ny7joE2hKyRG9DF1kgc87I9filogqtSzF3JLN6PBlISSkvQc4PyYUcg3649/K6/jExcfJuGCC/HYlxdq39zgbcD4/VLHlI8i9NyKBD7IGm359cgTfVilrLieOcSj3EFFn3VatglbFPL1YRzbhJQAAAA=)}.hero.last:before{filter:blur(var(--blur))}}@media screen and (max-width: 77.99rem){.hero.last{grid-template-columns:1fr;grid-template-areas:"main";grid-gap:0}}@media screen and (max-width: 63.99rem){.hero{padding:var(--space-m);background-image:linear-gradient(to right,var(--color-bg-lc),transparent),linear-gradient(to right,#ffffff,#ffffffaa,#ffffff77),var(--bg-img);min-height:auto;min-height:min(35rem,calc(100svh - 3.25rem))}.hero.last .hero-intro{padding-left:0}.hero-main>div{display:block}.hero .hero-intro{padding-right:0}.hero h2{margin-bottom:var(--space-m);margin-top:0;font-size:var(--font-2xl)}.hero p{font-size:var(--font-m);color:var(--color-fg-hc);letter-spacing:1px}.hero nav{margin-top:var(--space-l);margin-bottom:var(--space-xl);text-align:center}.hero .hero-call{display:none;margin-bottom:auto}.hero .cover{position:relative;margin:auto;margin-bottom:var(--space-m)}.hero.last:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-img);background-size:200%;background-position:top;z-index:-2}}.community{--space-sm: calc(var(--space-s) + var(--space-xs));width:18rem;height:100%;display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--space-sm);grid-area:community}.hero.last .community h2{all:unset;font-size:var(--font-m);color:var(--color-fg-hc);text-transform:uppercase;margin-top:0}.hero .community h3{color:var(--color-fg-special);font-size:var(--font-s);margin-bottom:var(--space-s);font-weight:400;vertical-align:middle;line-height:var(--font-l)}.hero .community h3 i:before{font-size:var(--font-l);position:relative;top:4.5px;margin-right:var(--space-xs)}.hero .community p{font-size:var(--font-s);text-align:left;color:var(--color-fg);letter-spacing:0}.community article{padding:var(--space-s) var(--space-m) var(--space-sm);border-radius:var(--space-xs);border:solid 1px var(--color-bg-bar);background:var(--color-bg);width:100%}.community a:hover{text-decoration:none}.community a:hover *{color:var(--color-fg-accent)}.community>a,.community ul>a{width:100%;height:fit-content;color:var(--color-fg)}.community a[href^=http]:after{content:""}.community ul{list-style:none;font-size:var(--font-s)}.community ul>a{display:block;margin-top:var(--space-sm)}.community li em{color:var(--color-fg-special);background:var(--color-bg-special);padding:0 var(--space-xs);border-radius:var(--space-xs);text-transform:uppercase;font-style:italic}.community h4{font-weight:400;font-style:italic;margin-top:var(--space-2xs);line-height:1.4;max-height:calc(1em * 1.4 * 3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.community .community-showcase .more{text-align:right;font-size:var(--font-s)}.community .community-showcase{padding-bottom:var(--space-s);position:relative}.community .community-showcase h4,.community .community-showcase iframe{margin-top:var(--space-xs);border-radius:var(--space-xs);width:16rem;height:9rem;aspect-ratio:16 / 9;max-height:none;background:var(--color-bg-lc);background-size:cover;background-position:center}.community .community-showcase h4{display:grid;padding:var(--space-m);place-content:end center;font-weight:700;text-shadow:0 0 var(--space-xs) var(--color-bg);background-image:linear-gradient(to bottom,var(--color-bg-accent),var(--color-bg-lc)),linear-gradient(to bottom,transparent,var(--color-bg-lc)),var(--img)}.community .community-showcase div>a{color:var(--color-fg-hc)}@media screen and (max-width: 77.99rem){.community{display:none}}.persist{background:var(--color-bg-error);padding:var(--space-l);border-bottom:solid var(--space-2xs) var(--color-bg-hc);color:var(--color-fg-error)}.persist.warning{background:var(--color-bg-warning);color:var(--color-fg-warning)}.persist>div{max-width:65rem;margin:auto;display:grid;grid-template-columns:1fr auto}.persist strong{display:block;margin-bottom:var(--space-xs)}.persist>div>div:nth-child(2){text-align:right}.persist button{margin-left:var(--space-m)}.persist button.error{font-size:var(--font-s)}.persist button.ok{font-weight:700}.persist button small{font-weight:400}.persist p+p{margin-top:var(--space-xs)}@media screen and (max-width: 63.99rem){.persist>div{grid-template-columns:1fr}.persist>div>div:nth-child(2){margin-top:var(--space-l);text-align:center}}.prompt-grid{height:100%;display:grid;grid-template-rows:auto auto 1fr auto}.prompt-grid.condensed-start{grid-template-rows:auto auto auto 1fr auto}.prompt-grid.condensed-center{grid-template-rows:auto auto 1fr auto 1fr auto}.prompt-grid.condensed-start .prompt-box,.prompt-grid.condensed-center .prompt-box{height:calc(var(--line-typing-height-rem) * 3.5 + var(--padding-typing-bottom))}.prompt-box{--font-typing: "Cursive Casual", monospace;--font-typing-size: 1;--font-typing-variation: normal;--font-typing-scale: 1;--line-typing-height: 1.5;--paragraphs-typing-gap: .5;--font-reading: "DejaVu Serif", serif;--font-reading-size: 1;--font-reading-variation: normal;--font-reading-scale: 1;--line-reading-height: 1.5;--paragraphs-reading-gap: .5;--margin-size: 8rem;--caret-auto-duration: .1s;--direction: ltr;--font-typing-rem: calc( var(--font-m) * var(--font-typing-size) * var(--font-typing-scale) );--line-typing-height-rem: calc( var(--line-typing-height) * var(--font-typing-rem) );--padding-typing-bottom: calc( var(--paragraphs-typing-gap) * var(--line-typing-height-rem) );--font-reading-rem: calc( var(--font-m) * var(--font-reading-size) * var(--font-reading-scale) );--line-reading-height-rem: calc( var(--line-reading-height) * var(--font-reading-rem) );--padding-reading-bottom: calc( var(--paragraphs-reading-gap) * var(--line-reading-height-rem) );--caret-height: 0;--fade-size: calc(1 * var(--line-typing-height-rem));--header-font-size: max(calc(var(--font-typing-rem) * .75), var(--font-s));--header-line-height: calc(var(--header-font-size) * 1.6);--header-padding-bottom: calc(1.2 * var(--padding-typing-bottom));overflow-y:auto;padding:0 var(--space-3xl);position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent,transparent calc(.1 * var(--fade-size)),black var(--fade-size),black calc(100% - var(--fade-size)),transparent calc(100% - .1 * var(--fade-size)),transparent);mask-image:linear-gradient(to bottom,transparent,transparent calc(.1 * var(--fade-size)),black var(--fade-size),black calc(100% - var(--fade-size)),transparent calc(100% - .1 * var(--fade-size)),transparent)}.prompt-box.reading-mode{--fade-size: calc(1.5 * var(--line-reading-height-rem));-webkit-mask-image:linear-gradient(to bottom,transparent,transparent calc(.1 * var(--fade-size)),black var(--fade-size));mask-image:linear-gradient(to bottom,transparent,transparent calc(.1 * var(--fade-size)),black var(--fade-size))}.blur-info{position:fixed;top:10rem;left:0;right:0;z-index:99;background:var(--color-bg-hc);width:clamp(10rem,40rem,90%);pointer-events:none;border-radius:var(--space-xs);margin:auto;box-shadow:0 var(--space-xs) var(--space-s) var(--color-shadow);border:solid 1px var(--color-fg-error)}.blur-info p{background:var(--color-bg-error);padding:var(--space-m);border-radius:var(--space-xs);color:var(--color-fg-error);text-align:center;font-size:var(--font-m)}.prompt-box nav{position:sticky;top:50%;z-index:100}.prompt-box nav button{padding:0;font-size:var(--font-3xl);background:transparent;color:var(--color-fg-lc);opacity:.4;transition-property:opacity;transition-duration:.15s}.prompt-box nav button:hover{opacity:1}.prompt-box nav button:disabled,.prompt-box nav button:disabled:hover{opacity:0;cursor:default}.prompt-box .prev{position:absolute;left:calc(-1 * var(--space-2xl))}.prompt-box.hide-scrollbar::-webkit-scrollbar{display:none}.prompt-box.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.prompt-box .next{position:absolute;right:calc(-1 * var(--space-2xl))}.prompt{position:relative;font-family:var(--font-typing);font-size:var(--font-typing-rem);font-variation-settings:var(--font-typing-variation);width:clamp(60rem,80ch,calc(100% - var(--margin-size) * 2));margin:0 auto;padding-top:var(--space-xl);padding-bottom:var(--space-m);min-height:100%;display:flex;flex-direction:column;justify-content:center}.typing-mode .prompt.blur .paragraphs p{filter:blur(var(--space-s))}.reading-mode .prompt{justify-content:start;font-family:var(--font-reading);font-variation-settings:var(--font-reading-variation);font-size:var(--font-reading-rem)}.prompt.width-min{width:clamp(50rem,calc((100% / 3) + (2 * var(--margin-size))),100%);max-width:100%}.prompt.width-mid{width:clamp(60rem,calc(50% + 2 * var(--margin-size)),100%);max-width:100%}.prompt.width-max{width:100%}.nocursor{cursor:none}.prompt .task{color:var(--color-fg)}.prompt .input{color:transparent}.prompt .paragraphs{width:100%;top:0;left:0;resize:none;padding:var(--space-m);outline:none;color:var(--color-fg-prompt);word-break:break-word;white-space:break-spaces;position:relative}.typing-mode .prompt .paragraphs.center-bottom{margin-bottom:calc(var(--prompt-height) / 2)}.typing-mode .prompt.top-scroll .paragraphs.center-bottom{margin-bottom:calc(var(--prompt-height) - var(--line-typing-height-rem))}.reading-mode .prompt .paragraphs{color:var(--color-fg-prompt-reading)}.prompt .paragraphs h2{color:var(--color-fg);font-family:var(--font-sans);font-size:var(--header-font-size);font-weight:400;text-align:center;padding-bottom:var(--header-padding-bottom);grid-area:content;line-height:var(--header-line-height)}.reading-mode .prompt .paragraphs h2{color:var(--color-fg);font-family:var(--font-reading);font-size:var(--font-reading-rem);font-weight:400;padding-bottom:max(var(--space-l),calc(2 * var(--padding-reading-bottom)));grid-area:content;line-height:var(--line-reading-height-rem)}.prompt .paragraphs .p-box{display:grid;grid-template-columns:var(--margin-size) 1fr var(--margin-size);grid-template-areas:"stats content extra";margin-bottom:var(--padding-typing-bottom);width:100%}.prompt .paragraphs .p-stats,.prompt .paragraphs .p-extra{-webkit-user-select:none;user-select:none}.prompt .paragraphs .p-stats{grid-area:stats;display:grid;grid-template-columns:1fr 1fr;place-content:end right;line-height:var(--line-typing-height-rem);padding-right:var(--space-m);letter-spacing:0}.prompt .paragraphs .p-extra{color:var(--color-fg-lc);grid-area:extra;display:grid;place-content:end left;line-height:var(--line-typing-height-rem);padding-left:var(--space-m);letter-spacing:0}.prompt .paragraphs .p-extra a{text-decoration:none}.prompt .previous-stats{font-size:var(--font-s);text-align:center;color:var(--color-fg-lc)}.prompt .previous-stats span,.prompt .paragraphs .p-stats span{vertical-align:middle;font-size:var(--font-s);color:var(--color-fg-lc)}.prompt .paragraphs .p-extra span{font-family:var(--font-mono);font-size:var(--font-s);padding-left:var(--space-s);position:relative;top:calc(var(--space-xs) * -1 - 1px);color:var(--color-fg-prompt-warning);text-transform:uppercase}.prompt .previous-stats i,.prompt .paragraphs .p-stats i{position:relative;font-size:var(--font-m);top:2px;margin-right:var(--space-2xs)}.prompt p.comment{color:var(--color-fg);font-variant-caps:small-caps;background:var(--color-bg-lc);border-radius:var(--space-xs);padding-inline-start:var(--space-s)}.prompt.indent .paragraphs p.comment{padding-inline-start:0}@keyframes flash{to{transform:scale(1.5);color:var(--color-fg-ok)}}.prompt .paragraphs .p-extra .pb{font-size:var(--font-xl);color:var(--color-fg-warning);display:inline-block;animation:flash .25s 8 alternate}.prompt .paragraphs .p-extra .more,.prompt .paragraphs .p-box:hover .p-extra .more{opacity:0}.prompt .paragraphs p{grid-area:content;line-height:var(--line-typing-height-rem);position:relative;direction:var(--direction)}.reading-mode .prompt .active{scroll-margin-top:calc(2 * var(--line-reading-height-rem))}.typing-mode .prompt.top-scroll .active{scroll-margin-top:calc(var(--header-line-height) + var(--header-padding-bottom) + var(--padding-typing-bottom) + var(--space-xl) + var(--space-m))}.prompt .paragraphs p.read{color:var(--color-fg-prompt-warning)}.prompt .paragraphs p.hr{line-height:var(--line-typing-height-rem);font-size:0;height:0;border-top:solid 1px var(--color-fg-lc);margin:calc(var(--line-reading-height-rem) * 1.5) auto;width:50%}.prompt .paragraphs p:before,.prompt .paragraphs p:after{font-family:var(--font-mono);font-size:var(--font-s);color:var(--color-fg-lc);text-indent:0;line-height:var(--line-typing-height-rem);letter-spacing:0;text-align:right;width:calc(var(--margin-size) - var(--space-l));position:absolute;left:calc(-1 * var(--margin-size))}.prompt .paragraphs p:before{content:attr(data-bottom);bottom:var(--padding-typing-bottom)}.prompt .paragraphs p:after{content:attr(data-top);bottom:calc(var(--padding-typing-bottom) + var(--font-s) + var(--space-xs))}.prompt .ok,.prompt .warning,.prompt .error{pointer-events:none}.prompt .ok{color:var(--color-fg-prompt-ok)}.prompt .error{color:var(--color-fg-prompt-error)}.prompt .warning{color:var(--color-fg-prompt-warning)}.prompt .inaccurate{border-bottom:solid 2px var(--color-fg-prompt-error)}.prompt .special:before{content:" ";-webkit-user-select:none;user-select:none}.prompt.newline .special:before{content:"⏎";font-family:icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:var(--line-typing-height-rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:.5;font-size:.75em}.prompt textarea{font-size:16px;position:fixed;z-index:100;color:#000;background:white;top:0;left:-100vw}.reading-mode .prompt .paragraphs p{padding-bottom:var(--padding-reading-bottom);line-height:var(--line-reading-height-rem);position:relative;word-break:normal;white-space:normal;cursor:pointer}.reading-mode .prompt .paragraphs p.comment{cursor:default}.reading-mode .prompt .paragraphs .p-box{margin-bottom:var(--padding-reading-bottom)}.reading-mode .prompt .paragraphs p:before,.reading-mode .prompt .paragraphs p:after{display:none}.prompt.indent .paragraphs p{text-indent:2ch}.prompt.justify .paragraphs p{text-align:justify}.reading-mode .prompt .special{display:none}@keyframes blink{to{opacity:0}}@keyframes disappear{to{opacity:0}}.prompt.caret-line.paused .caret,.prompt.caret-floor.paused .caret{animation:blink 1s infinite}.prompt.caret-block.paused .caret{animation:disappear 1s infinite}.prompt.caret-line .caret,.prompt.caret-block .caret,.prompt.caret-floor .caret{display:block;position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;border-radius:1px}.prompt.caret-line .caret{--line-width: clamp(2px, calc(var(--font-typing-rem) / 10), 4px);width:var(--line-width);height:var(--caret-height);background:var(--color-fg-warning);transform:translate(calc(var(--left) - var(--line-width)),var(--top))}.prompt.caret-block .caret{width:var(--width);height:var(--caret-height);background:var(--color-fg-prompt);mix-blend-mode:difference;z-index:2}.light .prompt.caret-block .caret{-webkit-backdrop-filter:invert(100%) hue-rotate(180deg);backdrop-filter:invert(100%) hue-rotate(180deg)}.prompt.caret-floor .caret{--height: max(2px, calc(var(--font-typing-rem) / 10));width:var(--width);height:var(--height);background:var(--color-fg-warning)}.quick-options{position:absolute;bottom:0;left:0;padding:var(--space-s);z-index:101;width:var(--space-3xl)}.quick-options button{padding:var(--space-s);font-size:var(--font-2xl);background:var(--color-bg-hc);background:transparent;transition:transform .2s ease-in-out;color:var(--color-fg-lc)}.quick-options button.active{color:var(--color-fg-ok)}.quick-options button:hover{background:var(--color-bg-hc);transform:scale(1.1)}.quick-options button+button{margin-top:var(--space-s)}.quick-options button.invisible{opacity:0}@media screen and (max-width: 63.99rem){.prompt{width:100%;padding-top:.5rem}.prompt-box{padding:0}.prompt-box nav{display:none}.prompt .paragraphs .p-box{grid-template-columns:1fr 1fr;grid-template-areas:"content content"}.prompt .previous-stats,.prompt .paragraphs .p-stats,.prompt .paragraphs .p-extra,.quick-options{display:none}}.statusbar{color:var(--color-fg-lc);font-size:var(--font-m);line-height:var(--font-m);background:var(--color-bg-hc);z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;transition:background .25s}.statusbar.invisible{opacity:0}.statusbar .slug{font-family:var(--font-sans);font-style:italic;padding:var(--space-s) 0;margin-left:var(--space-m);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.statusbar .slug i{position:relative;top:2px}.statusbar .slug strong{font-weight:400;color:var(--color-fg)}.statusbar .stats{font-family:var(--font-mono);padding:var(--space-s) 0;margin-right:var(--space-m);text-align:right}.statusbar .stats>span,.statusbar .stats>button{height:calc(var(--font-m) + 2 * var(--space-s));font-size:var(--font-s);display:inline-block;padding:var(--space-s) var(--space-s);border-radius:var(--space-xs);margin-left:var(--space-s);vertical-align:middle}.statusbar .stats>button.mode{padding:0;width:auto;margin-left:calc(var(--space-s) + var(--space-xs))}.statusbar .stats>span{display:inline-block;vertical-align:middle;color:var(--color-fg);background:var(--color-bg-lc)}.statusbar button{background:transparent;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;padding:0 var(--space-xs);opacity:.8}.statusbar button:hover{opacity:1}.statusbar button.nav,.statusbar a.button.nav{background:transparent;padding:var(--space-xs);color:var(--color-fg-lc);margin-left:0}.statusbar .stats .icon-big{font-size:var(--font-2xl);color:var(--color-fg-lc)}.statusbar .stats .icon-mid{font-size:var(--font-xl);color:var(--color-fg-lc)}.statusbar .stats .icon-reading-off{color:var(--color-fg-ok)}.statusbar .stats .icon-reading-on{color:var(--color-fg-warning)}.statusbar .stats .alert i{display:none}.statusbar .stats i{font-size:var(--font-xl)}.statusbar .stats strong{font-size:var(--font-m);font-weight:600}.statusbar .stats strong.percent:after{content:"%";font-size:var(--font-xs)}.statusbar .stats .mode{width:11em;text-align:center;font-size:var(--font-m)}.statusbar .stats .ok{background:var(--color-bg-ok);color:var(--color-fg-ok)}.statusbar .stats .warning{background:var(--color-bg-warning);color:var(--color-fg-warning)}.statusbar .stats .error{background:var(--color-bg-error);color:var(--color-fg-error)}@keyframes siren{to{background:var(--color-bg-error);color:var(--color-fg-error);box-shadow:0 0 var(--space-s) var(--color-fg-error)}}.statusbar .stats .flash{animation:siren .25s 4 alternate}.statusbar .progressbar{--height: calc(var(--space-xs) + var(--space-2xs));--height-full: calc(var(--font-s) + 2 * var(--space-s));width:100%;height:var(--height);background-color:var(--color-bg-bar);margin-bottom:var(--space-2xs);transition-property:height;transition-duration:.2s;transition-delay:.1s;position:relative;overflow:hidden;cursor:pointer}.statusbar .progressbar>div{height:var(--height-full);background-color:var(--color-bg-ok-bar);transition:.4s;transition-property:width}.statusbar .bars{grid-column-start:span 2}.statusbar .bars:hover .progressbar{--height: var(--height-full)}.statusbar .progressbar:after{content:attr(data-info);position:absolute;top:var(--space-s);left:var(--space-s);font-size:var(--font-s);color:var(--color-fg-bar);font-weight:600;font-family:var(--font-mono)}.statusbar .progressbar.daily>div{background-color:var(--color-bg-target-bar)}.statusbar .nav.menu{display:none}@media screen and (max-width: 63.99rem){.statusbar{font-size:var(--font-s);grid-template-columns:3.5rem 1fr}.statusbar .mobile-menu{top:100%}.statusbar .nav.menu{display:inline-block}.statusbar .slug{font-size:var(--font-xl);max-width:none;margin-left:var(--space-s);padding:0;vertical-align:middle;line-height:1}.statusbar .slug a:first-child{display:inline-block;color:var(--color-fg-lc);padding:var(--space-xs)}.statusbar .slug a i{display:inline-block;line-height:1;padding:0;height:var(--font-xl)}.statusbar .stats{margin-right:var(--space-s)}.statusbar .stats>span{font-size:var(--font-xs);padding:var(--space-xs) var(--space-s);margin-left:var(--space-xs);display:inline-block;text-align:center;width:6em;height:auto}.statusbar .stats strong{font-size:var(--font-xs);font-weight:600;display:block}.statusbar .stats>button{margin-left:var(--space-xs)}.statusbar .stats>button:hover{opacity:.8}.statusbar .stats .alert i{display:inline-block;line-height:1;height:var(--font-xl)}.statusbar .stats .alert i:before{font-size:var(--font-xl);position:relative;top:2px}.statusbar .stats .alert strong{display:none}.statusbar .stats .alert{padding:calc(var(--space-xs) + 2px) var(--space-s);width:auto}.statusbar .stats .mode{width:5rem;font-size:var(--font-s)}}@media screen and (max-width: 31.99rem){.statusbar .stats>span{width:4em}}.screen-keyboard{--key-thickness: 2px;--font: "Open Sans";--font-variation: normal;--font-scale: 1;background:var(--color-bg-hc);padding:var(--space-2xs);padding-top:var(--space-xs);padding-bottom:0;width:100%;text-align:center;border-top:solid 1px var(--color-bg-bar);-webkit-user-select:none;user-select:none}.screen-keyboard .row button{background:transparent;padding:var(--space-xs) var(--space-2xs);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:var(--font);vertical-align:center;-webkit-tap-highlight-color:transparent}.screen-keyboard.keycaps-blank button>div,.screen-keyboard.keycaps-blank button.accent>div{color:transparent}.screen-keyboard.keycaps-semi-blank .main button:not(.accent)>div,.screen-keyboard.keycaps-semi-blank .shift button:not(.accent)>div{color:transparent}.screen-keyboard button>div{--padding-h: .8rem;--bg: var(--color-input);--sh: var(--color-input-shadow);--font-size: calc(var(--font-l) * var(--font-scale));width:auto;padding:var(--padding-h) 0;padding-top:calc(var(--padding-h) - var(--key-thickness) / 2);background-color:var(--bg);font-size:var(--font-size);font-variation-settings:var(--font-variation);height:calc(var(--font-l) + var(--padding-h) * 2);line-height:var(--font-size);vertical-align:middle;box-shadow:inset 0 calc(-1 * var(--key-thickness)) 0 var(--sh),0 var(--key-thickness) var(--key-thickness) var(--sh);opacity:1;border-radius:var(--space-xs);transition-duration:.25s;transition-property:background-color,transform;position:relative}.screen-keyboard button>div>i{font-size:var(--font-l)}.screen-keyboard button.accent>div{--bg: var(--color-input-lc);--sh: var(--color-input-lc-shadow);color:var(--color-fg)}.screen-keyboard button.next>div{--bg: var(--color-input-target);--sh: var(--color-input-target-shadow)}.screen-keyboard button.ok>div{--bg: var(--color-input-ok);--sh: var(--color-input-ok-shadow);transition-duration:0s}.screen-keyboard button.warning>div{--bg: var(--color-input-warning);--sh: var(--color-input-warning-shadow);transition-duration:0s}.screen-keyboard button.error>div{--bg: var(--color-input-error);--sh: var(--color-input-error-shadow);transition-duration:0s}.screen-keyboard button i{color:var(--color-fg);position:relative;top:1px}.screen-keyboard .row{display:grid;margin:auto}.screen-keyboard .row:last-child{margin-bottom:var(--space-2xs)}.screen-keyboard .row:nth-child(1){grid-template-columns:repeat(20,1fr)}.screen-keyboard .row:nth-child(2){grid-template-columns:repeat(20,1fr)}.screen-keyboard .row:nth-child(3){width:90%;grid-template-columns:repeat(18,1fr)}.screen-keyboard.dvorak .row:nth-child(3),.screen-keyboard.azerty .row:nth-child(3){width:100%;grid-template-columns:repeat(20,1fr)}.screen-keyboard .row:nth-child(4){grid-template-columns:repeat(20,1fr)}.screen-keyboard.dvorak .row:nth-child(4){width:90%;grid-template-columns:repeat(18,1fr)}.screen-keyboard .row:nth-child(5){grid-template-columns:repeat(20,1fr)}@media screen and (orientation: landscape){.screen-keyboard>div{max-width:600px;margin:auto}.screen-keyboard button>div{--padding-h: .5rem}}.screen-keyboard-desktop{--max-column-width: .75rem;--key-thickness: 2px;--font: "Open Sans";--font-variation: normal;--font-scale: 1;background:var(--color-bg);padding:var(--space-m);padding-top:var(--space-l);padding-bottom:var(--space-s);width:100%;text-align:center;-webkit-user-select:none;user-select:none;position:relative;z-index:100;height:fit-content}.screen-keyboard-desktop .keys{--columns: 60;max-width:calc(var(--max-column-width) * var(--columns));background:var(--color-bg-hc);padding:var(--space-2xs);display:grid;margin:auto;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(10,1fr);border-radius:var(--space-s)}.light .screen-keyboard-desktop .keys{border:solid 1px var(--color-input)}.dark .screen-keyboard-desktop .keys{border:solid 1px var(--color-bg-hc)}.screen-keyboard-desktop .keys.mac{--columns: 58}.screen-keyboard-desktop .keys.upper button>div{text-transform:uppercase}.screen-keyboard-desktop .keys.lower button>div{text-transform:lowercase}.screen-keyboard-desktop .keys.upper button.special>div,.screen-keyboard-desktop .keys.lower button.special>div{text-transform:none}.screen-keyboard-desktop .keys.qwerty-uk{grid-template-columns:repeat(60,1fr)}.screen-keyboard-desktop .keys button{background:transparent;padding:var(--space-2xs) var(--space-2xs);touch-action:manipulation;-webkit-user-select:none;user-select:none;font-family:var(--font);font-variation-settings:var(--font-variation);vertical-align:middle;overflow:hidden;grid-column-end:span 4;grid-row-end:span 2;grid-gap:0;margin-bottom:0;opacity:1}.screen-keyboard-desktop .keys button:hover{cursor:default}.screen-keyboard-desktop .keys button:disabled,.screen-keyboard-desktop .keys button:disabled:hover{opacity:1;cursor:default}.screen-keyboard-desktop .keys button.special{font-family:var(--font);font-size:var(--font-xs)}.screen-keyboard-desktop .keys .backspace{grid-column-end:span 8}.screen-keyboard-desktop .keys.mac .backspace,.screen-keyboard-desktop .keys .tab{grid-column-end:span 6}.screen-keyboard-desktop .keys .caps{grid-column-end:span 7}.screen-keyboard-desktop .keys .caps div{position:relative}.screen-keyboard-desktop .keys .caps div:after{content:"";display:block;width:15%;height:var(--space-xs);background:var(--color-input-shadow);box-shadow:inset 0 -1px 2px var(--color-fg-lc);position:absolute;bottom:calc(var(--key-thickness) + var(--space-xs));left:var(--space-s);border-radius:var(--space-2xs)}.screen-keyboard-desktop.caps-active .keys .caps div:after{--color: crimson;background:var(--color);box-shadow:0 0 var(--space-s) var(--color)}.screen-keyboard-desktop .keys .fn{grid-column-end:span 4}.screen-keyboard-desktop .keys .enter{grid-column-end:span 9}.screen-keyboard-desktop .keys.mac .enter{grid-column-end:span 7}.screen-keyboard-desktop .keys .space{grid-column-end:span 20}.screen-keyboard-desktop .keys .ctrl-left{grid-column-end:span 6}.screen-keyboard-desktop .keys.mac .ctrl-left{grid-column-end:span 4}.screen-keyboard-desktop .keys .meta,.screen-keyboard-desktop .keys.mac .meta{grid-column-end:span 5}.screen-keyboard-desktop .keys .alt{grid-column-end:span 6}.screen-keyboard-desktop .keys.mac .alt{grid-column-end:span 4}.screen-keyboard-desktop .keys .alt-gr{grid-column-end:span 6;font-size:var(--font-xs)}.screen-keyboard-desktop .keys .ctrl-right{grid-column-end:span 5}.screen-keyboard-desktop .keys .backslash{grid-column-end:span 6}.screen-keyboard-desktop .keys.mac .backslash{grid-column-end:span 4}.screen-keyboard-desktop .keys .shift-right{grid-column-end:span 11}.screen-keyboard-desktop .keys.mac .shift-right,.screen-keyboard-desktop .keys .shift-left{grid-column-end:span 9}.screen-keyboard-desktop .keys.type-b .shift-left{grid-column-end:span 5}.screen-keyboard-desktop .keys .arrow-up{grid-column-start:53;grid-column-end:57;grid-row-start:9;grid-row-end:10}.screen-keyboard-desktop .keys .arrow-down{grid-column-start:53;grid-column-end:57;grid-row-start:10;grid-row-end:11}.screen-keyboard-desktop .keys.mac .arrow-up,.screen-keyboard-desktop .keys.mac .arrow-down{grid-column-start:51;grid-column-end:55}.screen-keyboard-desktop .keys .arrow-down,.screen-keyboard-desktop .keys .arrow-up{padding-top:0;padding-bottom:0}.screen-keyboard-desktop .keys .arrow-up div,.screen-keyboard-desktop .keys .arrow-down div{height:calc(1.5rem - var(--space-xs));padding:0;position:relative}.screen-keyboard-desktop .keys .arrow-up div i,.screen-keyboard-desktop .keys .arrow-down div i{position:relative;top:calc(-1 * var(--key-thickness) / 2)}.screen-keyboard-desktop .keys .info div{background-color:var(--color-bg-hc);border:solid 3px var(--color-bg-lc)}.screen-keyboard-desktop .keys.type-b .enter-1{grid-column-start:55;grid-column-end:61;grid-row-start:3;grid-row-end:5;z-index:2;overflow:visible}.screen-keyboard-desktop .keys.type-b.mac .enter-1{grid-column-start:55;grid-column-end:59}.screen-keyboard-desktop .keys.type-b .enter-2{grid-column-start:56;grid-column-end:61;grid-row-start:3;grid-row-end:7}.screen-keyboard-desktop .keys.type-b.mac .enter-2{grid-column-start:56;grid-column-end:59}.screen-keyboard-desktop .keys.type-b .enter-1 div{position:relative;overflow:visible}.screen-keyboard-desktop .keys.type-b .enter-1 div:after{content:"";position:absolute;top:80%;right:0;background-color:inherit;width:82.14285714285714%;height:110%;z-index:100}.screen-keyboard-desktop .keys.type-b.mac .enter-1 div:after{width:72.72727272727273%}.screen-keyboard-desktop .keys.type-b .enter-2 div{height:100%;display:grid;place-content:center}.screen-keyboard-desktop .keys:last-child{margin-bottom:var(--space-2xs)}.screen-keyboard-desktop.blank button>div{color:transparent}.screen-keyboard-desktop.keycaps-blank button>div,.screen-keyboard-desktop.keycaps-blank button.accent>div,.screen-keyboard-desktop.keycaps-blank button.accent>div>i{color:transparent}.screen-keyboard-desktop.keycaps-semi-blank button:not(.accent)>div{color:transparent}.screen-keyboard-desktop button>div{--padding-h: .75rem;--bg: var(--color-input);--sh: var(--color-input-shadow);--font-size: calc(var(--font-m) * 1.125 * var(--font-scale));width:auto;padding:var(--padding-h) 0;padding-top:calc(var(--padding-h) - var(--key-thickness) / 2);background-color:var(--bg);font-size:var(--font-size);height:calc(var(--font-l) + var(--padding-h) * 2);line-height:var(--font-size);vertical-align:middle;box-shadow:inset 0 calc(-1 * var(--key-thickness)) 0 var(--sh),0 var(--key-thickness) var(--key-thickness) var(--sh);opacity:1;border-radius:var(--space-xs);transition-duration:.1s;transition-property:background-color;transition-timing-function:ease-in-out;overflow:hidden;position:relative}.screen-keyboard-desktop button.bump>div:after{--bump-size: 2px;content:"";display:block;background-color:var(--sh);width:30%;height:var(--bump-size);position:absolute;bottom:calc(var(--key-thickness) + var(--space-2xs));margin:0 35%;border-radius:var(--space-2xs)}.screen-keyboard-desktop button.special>div{--font-size: calc(var(--font-xs) * var(--font-scale));font-weight:600;text-align:left;padding-left:var(--space-s);padding-top:var(--space-s)}.screen-keyboard-desktop .mac button.special.to-right>div{text-align:right;padding-left:0;padding-right:var(--space-s)}.screen-keyboard-desktop button>div>i{font-size:var(--font-l)}.screen-keyboard-desktop button.accent>div{--bg: var(--color-input-lc);--sh: var(--color-input-lc-shadow);color:var(--color-fg)}.screen-keyboard-desktop button.next>div{--bg: var(--color-input-target);--sh: var(--color-input-target-shadow);transition-duration:0s}.screen-keyboard-desktop button.ok>div{--bg: var(--color-input-ok);--sh: var(--color-input-ok-shadow);transition-duration:0s}.screen-keyboard-desktop button.warning>div{--bg: var(--color-input-warning);--sh: var(--color-input-warning-shadow);transition-duration:0s}.screen-keyboard-desktop button.error>div{--bg: var(--color-input-error);--sh: var(--color-input-error-shadow);transition-duration:0s}.screen-keyboard-desktop button i{color:var(--color-fg);position:relative;top:1px}.definitions li header{display:grid;grid-template-columns:1fr 1fr}.definitions h3{font-family:var(--font-mono);font-size:var(--font-l);margin-bottom:var(--space-m)}.definitions .multiple h3:before{content:attr(data-num) ".";font-size:var(--font-m);margin-right:var(--space-xs);color:var(--color-fg-lc);font-weight:400}.definitions .phonetic{font-family:var(--font-sans);text-align:right}.definitions .phonetic small{font-size:var(--font-m);color:var(--color-fg-lc);font-weight:400}.definitions .phonetic button{padding:0;font-size:var(--font-xl);margin-left:var(--space-s);background:transparent;position:relative}.definitions .phonetic button:before{content:attr(data-lang);font-size:var(--font-xs);color:var(--color-fg);position:absolute;left:0;top:calc(var(--font-m) + var(--space-s) + var(--space-xs));width:100%;text-align:center;text-transform:uppercase;font-family:var(--font-mono)}.definitions pre{height:calc(100% - var(--space-l) * 2)}.definitions ul.variant{list-style:none;font-family:var(--font-mono)}.definitions ul.variant>li{background:var(--color-bg);padding:var(--space-m);padding-bottom:var(--space-l);border-radius:var(--space-xs)}.definitions ul.variant>li+li{background:var(--color-bg);padding:var(--space-m);border-radius:var(--space-xs);margin-top:var(--space-m)}.definitions ul.meanings{list-style:none;margin-top:var(--space-s);font-family:var(--font-sans);padding-left:var(--space-s)}.definitions ul.meanings>li+li{margin-top:var(--space-m);padding-top:var(--space-s);border-top:dashed 1px var(--color-bg-bar)}.definitions ul.entry{list-style:disc;margin-top:var(--space-s);font-family:var(--font-sans);padding-left:var(--space-l);font-size:var(--font-m)}.definitions ul.entry li{line-height:1.4}.definitions ul.entry li+li{margin-top:calc(var(--space-s) + var(--space-xs))}.definitions .synonyms{font-size:var(--font-s);margin-top:var(--space-m);padding-left:var(--space-s);color:var(--color-fg)}.definitions .synonyms>span{font-weight:700;line-height:1.4}.definitions .example{font-size:var(--font-s);margin-top:var(--space-s);color:var(--color-fg-lc);font-style:italic}.definitions .example i{position:relative;top:1px;margin-right:var(--space-xs)}.definitions .sources{font-family:var(--font-sans);text-align:right;font-size:var(--font-xs);margin-top:var(--space-m);color:var(--color-fg-lc)}.definitions .sources a{font-family:var(--font-mono)}.definitions .sources a:after{display:none}.definitions .sources a+a{margin-left:var(--space-xs)}.definitions footer{font-size:var(--font-xs);text-align:center;color:var(--color-fg-lc);margin-top:var(--space-m)}@media screen and (max-width: 31.99rem){.definitions li header{grid-template-columns:1fr}.definitions .phonetic{text-align:left;margin-bottom:var(--space-m)}}.legend .content{background:var(--color-bg);padding:var(--space-m);border-radius:var(--space-xs)}.legend h3{margin-bottom:var(--space-m);font-size:var(--font-l)}.legend ul{list-style:none}.legend li{margin-top:var(--space-s)}.quick-pbs>div{width:clamp(20rem,calc(74rem + var(--space-m) * 2),90vw)}.quick-pbs>div>section{background:var(--color-bg);padding:var(--space-s);border-radius:var(--space-xs)}.quick-pbs footer{font-size:var(--font-s);text-align:center;color:var(--color-fg-lc);margin-top:var(--space-m)}.top-scores{padding-left:var(--space-s);padding-right:var(--space-s);background:var(--color-bg)}.top-scores .by-measurement h3{margin:var(--space-s) auto var(--space-s);max-width:74rem;font-size:var(--font-m);font-weight:400;padding:var(--space-s) var(--space-xs);text-transform:uppercase;text-transform:capitalize;text-align:left;color:var(--color-fg);border-radius:var(--space-s)}.chart{max-width:1200px;padding:var(--space-s);margin:var(--space-s) auto var(--space-xl);aspect-ratio:3 / 1}@media screen and (max-width: 59.99rem){.chart{aspect-ratio:2 / 1}}@media screen and (orientation: portrait){.chart{aspect-ratio:1.5 / 1}}.confetti{position:fixed;top:0;left:0;z-index:2;width:100vw;height:100vh;pointer-events:none}.results{margin-top:0;text-align:center}.results h2{font-size:var(--font-m);font-weight:400;text-transform:uppercase;color:var(--color-fg);letter-spacing:4px;padding:var(--space-l);background:var(--color-bg-lc)}.results .stats-box{margin:auto;padding:var(--space-s) var(--space-m);position:relative;max-width:75rem}.results .tabs-toggle{display:block;max-width:75rem;margin:0 auto;width:100%;text-align:right;padding:var(--space-s)}.results .next,.results .complete{background:var(--color-bg-hc);padding:var(--space-l) var(--space-m)}.results .next a,.results .complete a{min-width:8rem;position:relative}.results .next p{font-size:var(--font-xl);color:var(--color-fg-hc);padding:var(--space-xl) 0}.results .next nav,.results .complete nav{margin-bottom:var(--space-xl)}.results .next nav>*+*,.results .complete nav>*+*{margin-left:var(--space-m)}.results .complete h2,.results .next h2{padding:0;margin-top:var(--space-m)}.results .complete h2,.results .next h2{background:transparent}.results .complete h3{font-size:var(--font-xl);font-weight:400;color:var(--color-fg-hc);padding:var(--space-m) 0 var(--space-s)}.results .complete p{font-size:var(--font-m);color:var(--color-fg-hc);padding:0 0 var(--space-l)}.results .recommended,.results .recommended h2{background:var(--color-bg-hc)}.results .share-action{margin-bottom:var(--space-2xl)}.results .share-action button{text-transform:uppercase}.results .recommended h2{margin-top:var(--space-l)}.small-button-toggle{display:block;text-align:right}.small-button-toggle button{font-size:var(--font-m);padding:var(--space-s);vertical-align:middle;border-radius:0;margin-right:1px;background:transparent;color:var(--color-fg-lc);opacity:1}.small-button-toggle button:hover{color:var(--color-fg)}.small-button-toggle button:disabled,.small-button-toggle button:disabled:hover{cursor:default;color:var(--color-fg-ok);opacity:1}@media screen and (max-width: 79.99rem){.small-button-toggle{text-align:center}.small-button-toggle button{font-size:var(--font-s)}}.share-book-results .screenshot-grid{display:grid;grid-template-columns:auto 2fr;gap:var(--space-m);padding:var(--space-s) var(--space-m)}.share-book-results header.branding{padding:var(--space-l) var(--space-xl) 0}.share-book-results .screenshot-grid .stats-strip{padding:0 var(--space-m)}.share-book-results .chart{height:20rem;width:50rem;margin-bottom:var(--space-s)}.share-book-results .cover{margin-top:var(--space-l);margin-left:calc(var(--thickness) + var(--space-l));margin-bottom:calc(var(--thickness) + var(--space-s));display:inline-block;position:relative}.share-book-results .share-screenshot h3{padding:var(--space-xs) var(--space-l);font-size:var(--font-l);font-weight:700;text-align:center;letter-spacing:2px;text-transform:uppercase;margin-left:var(--space-l);margin-bottom:var(--space-s)}.share-book-results .book-strip{margin-left:var(--space-l);justify-content:center}.share-book-results>div{width:fit-content}@media screen and (max-width: 63.99rem){.share-book-results>div{width:100%}.share-book-results .share-screenshot>.final-screenshot{place-content:center}.share-book-results .share-screenshot>.final-screenshot.waiting,.share-book-results .share-screenshot>.final-screenshot{aspect-ratio:1200 / 673}}.share-screenshot{margin:auto;outline:solid 5px var(--color-bg-hc);border-radius:var(--space-xs);margin-bottom:var(--space-xl);max-width:75rem;overflow:hidden}.share-screenshot .final-screenshot{max-width:100%;overflow:hidden}.share-screenshot .final-screenshot img{width:100%;display:block}.share-screenshot .screenshot-area{width:75rem;position:relative;background:var(--color-bg);padding-bottom:var(--space-xs)}.share-screenshot h2,.share-screenshot h3{margin:auto;font-size:var(--font-m);padding:var(--space-s) 0 var(--space-m);font-weight:400}.share-screenshot .top-scores{padding:0 var(--space-m)}.share-screenshot .top-scores figcaption{display:none}.share-screenshot .long-term{padding:var(--space-s) var(--space-m) var(--space-m)}.share-screenshot .long-term .stats-strip{padding-left:0;padding-right:0;margin:0 auto}.share-screenshot .screenshot-charts{display:grid;grid-template-columns:39.5rem 1fr}.share-screenshot .progress-img{max-width:100%}.share-screenshot header{background:var(--color-bg-hc);padding:var(--space-s);padding-bottom:calc(var(--space-s) + 5px);display:grid;grid-template-columns:1fr 2fr}.share-screenshot header h2{text-align:left;width:100%;font-size:var(--font-m);font-weight:700;color:var(--color-fg-ok);padding:0 var(--space-s)}.share-screenshot header .warning{color:var(--color-fg-warning);text-align:right;line-height:2.875rem}.share-screenshot header div{text-align:right}.share-screenshot header button{width:auto}.share-screenshot header button+button{margin-left:var(--space-s)}.share-screenshot .activity{padding-left:var(--space-l)}.share-screenshot .activity .days{width:auto}.share-screenshot .activity .month-labels{margin:auto;width:auto;display:grid}.share-screenshot .progress{background:var(--color-bg-hc);padding:var(--space-s) var(--space-m);padding-right:var(--space-l)}.share-screenshot .progress>div{height:calc(100% - 3.2rem)}.share-screenshot .progress .chart{margin:0;padding:0;aspect-ratio:auto;height:100%}.share-screenshot .branding{display:grid;background:transparent;padding:var(--space-m) var(--space-m) var(--space-s) var(--space-m);color:var(--color-gradient-main-a);font-family:var(--font-mono);letter-spacing:var(--space-2xs);grid-template-columns:1fr 1fr}.share-screenshot .branding-name{text-align:left;color:var(--color-gradient-main-a)}.share-screenshot .branding-name svg{margin-right:var(--space-s)}.share-screenshot .branding-name span{position:relative;top:-.4rem}.share-screenshot .branding-name span:nth-child(3){color:var(--color-gradient-main-b)}.share-screenshot .branding-quote{color:var(--color-fg-lc);letter-spacing:0}@media screen and (max-width: 63.99rem){.share-screenshot{width:100%;overflow:hidden;margin-bottom:var(--space-m)}.share-screenshot>.final-screenshot.waiting{width:100%;overflow:hidden;position:relative;aspect-ratio:1200 / 800}.share-screenshot>.final-screenshot.waiting:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg);z-index:3}.share-screenshot>.final-screenshot.waiting:after{content:"";font-family:icons;font-size:var(--font-3xl);color:var(--color-fg-lc);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;text-align:center;z-index:3;display:grid;place-content:center;animation:fade .5s infinite alternate}.share-screenshot header{grid-template-columns:1fr;gap:var(--space-m)}.share-screenshot header h2{text-align:center}.share-screenshot>header div,.share-screenshot>header .warning{text-align:center;padding:0 var(--space-s)}.share-screenshot header button{width:auto;font-size:var(--font-s)}}.centered{height:calc(100svh - 4.25rem);display:grid;place-content:center;overflow:hidden;padding:var(--space-s)}@media screen and (max-width: 63.99rem){.centered{height:auto;display:block;place-content:center;padding:var(--space-s)}}.not-found{text-align:center;position:relative;top:-2rem}.not-found a.super{margin-top:var(--space-l)}@media screen and (max-width: 63.99rem){.not-found{top:0;padding-top:var(--space-l)}}.settings{--max-width: 64rem;background:var(--color-bg);margin:auto}.settings details{scroll-margin-top:var(--nav-height);background:var(--color-bg-hc);position:relative;border-bottom:solid var(--space-s) var(--color-bg-hc);outline:none}.settings summary{background:var(--color-bg);color:var(--color-fg);list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.settings summary::-webkit-details-marker{display:none}.settings summary:hover{color:var(--color-fg-hc)}.settings figure{background-color:var(--color-bg);background-image:repeating-linear-gradient(-45deg,var(--color-bg-lc),var(--color-bg-lc) 10px,var(--color-bg) 10px,var(--color-bg) 12px);padding:var(--space-m) 0;font-size:0;margin-bottom:var(--space-m)}.settings figure>p{font-size:var(--font-m);font-family:var(--font-sans);background:var(--color-bg);padding:var(--space-m);max-width:calc(100% - 2 * var(--space-m));margin:auto;border-radius:var(--space-xs);max-width:var(--max-width)}.settings .prompt{padding-top:var(--space-m);resize:horizontal;background:var(--color-bg);border-radius:var(--space-s);padding:0;cursor:pointer;-webkit-user-select:none;user-select:none}.settings .prompt p:last-child{padding-bottom:0}.settings h2{max-width:var(--max-width);margin:auto;font-weight:400;font-size:var(--font-l);text-transform:uppercase;letter-spacing:var(--space-2xs);padding:var(--space-l) var(--space-m)}.settings details h2:before{display:inline-block;width:24px;font-size:1.2em;line-height:1em;vertical-align:middle;position:relative;top:-2px;transition-duration:.25s;transition-property:transform;margin-right:var(--space-m)}.settings details[open] h2:before{transform:rotate(90deg)}.settings article{max-width:var(--max-width);margin:auto;margin-top:var(--space-xs);padding:var(--space-s) 0;padding-bottom:valc(var(--sace-s) - var(--space-xs));border-top:solid 1px var(--color-bg-lc);display:grid;grid-template-columns:1fr 1fr}.settings article.wide{grid-template-columns:1fr}.settings article header{all:unset}.settings article label{width:100%;padding-left:var(--space-xl)}.settings header p+p{margin-top:var(--space-s)}.settings article input[type=text],.settings article input[type=number],.settings article textarea,.settings article .select{height:fit-content;width:100%;margin-top:var(--space-s)}.settings article .button-toggle,.settings article .action{text-align:right;margin-top:0}.settings article.wide .button-toggle{margin-top:var(--space-m);text-align:left;display:grid;grid-template-columns:repeat(6,1fr)}.settings article:last-child{border-bottom:none;padding-bottom:var(--space-m)}.settings article h3{font-size:var(--font-m);color:var(--color-fg-fg);font-weight:600;line-height:1.6}.settings article p{font-size:var(--font-s);font-weight:400;color:var(--color-fg-lc);line-height:1.4}.settings button,.settings label.file{width:auto;padding:calc(var(--space-s) + var(--space-xs)) calc(var(--space-m) - var(--space-xs));height:auto;margin-bottom:var(--space-xs)}.settings button small{font-size:var(--font-xs);margin-top:var(--space-s);display:block}.settings .mono button{font-family:var(--font-mono)}.settings .font button{min-width:10rem}.settings .caret-line{border-left:solid 2px;padding-left:2px;font-style:normal}.settings .caret-floor{border-bottom:solid 2px;font-style:normal}.settings .caret-block{background:var(--color-fg-hc);color:var(--color-bg-lc);font-style:normal}.settings .active .caret-block{background:var(--color-fg-ok);color:var(--color-bg-lc);font-style:normal}.settings .del{opacity:.2}.settings .screen-keyboard{border-top:none;padding-top:var(--space-m);padding-bottom:var(--space-m)}.settings .screen-keyboard-desktop{box-shadow:none}.settings hr{margin-bottom:var(--space-m)}.settings .theme-preview{background:var(--color-bg);padding:var(--space-s);margin-top:var(--space-s);border-radius:var(--space-xs);opacity:1}.settings .theme-preview>div{display:inline-block;width:1rem;height:1rem;border-radius:1rem}.settings .theme-preview>div+div{margin-inline-start:var(--space-xs)}.settings .warning{background:var(--color-bg-warning);color:var(--color-fg-warning)}.settings header p .warning{background:transparent;color:var(--color-fg-warning);opacity:.8;font-style:italic}.settings .error{background:var(--color-bg-error);color:var(--color-fg-error)}.settings .app-info{background:var(--color-bg-hc);padding:var(--space-s);text-align:center;font-size:var(--font-s);font-family:var(--font-mono);color:var(--color-fg)}.settings .ok{background:var(--color-bg-ok);color:var(--color-fg-ok)}.live-settings{position:absolute;height:calc(100% - var(--nav-height));width:50%;top:var(--nav-height);right:0;z-index:999;overflow-y:scroll;box-shadow:0 0 var(--space-m) var(--color-shadow-hc)}.settings article button.loading:before,.settings article label.loading:before{left:-1.5em;right:auto}.settings .custom-font-name{padding-bottom:var(--space-2xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.settings .custom-font-delete{opacity:0;position:absolute;right:var(--space-s);bottom:var(--space-s)}.settings button:hover .custom-font-delete{opacity:.5}.settings button:hover .custom-font-delete:hover,.settings .custom-font-delete:hover{opacity:1;color:var(--color-fg-error);cursor:pointer}@media screen and (max-width: 63.99rem){.settings button{opacity:1}.settings article{grid-template-columns:1fr;padding:var(--space-s) var(--space-m);padding-bottom:calc(var(--space-s) - var(--space-xs))}.settings article .button-toggle{text-align:left;margin-top:var(--space-s)}.settings article h3{font-size:var(--font-s)}.settings article.wide .button-toggle{grid-template-columns:repeat(2,1fr)}.settings article .action{text-align:left;margin-top:var(--space-m)}.settings article label{padding-left:0;margin-top:var(--space-m)}.settings article button.loading:before,.settings article label.loading:before{right:-1.5em;left:auto}}.stats h2{width:100%;text-align:center;font-size:var(--font-m);font-weight:400;text-transform:uppercase;color:var(--color-fg);letter-spacing:4px;padding:var(--space-l);padding-top:calc(var(--space-l) + var(--space-s))}.stats section{scroll-margin-top:var(--space-3xl)}.stats .top-scores{padding-bottom:var(--space-l)}.stats .share-info{text-align:center;padding:var(--space-m);background:var(--color-bg-hc)}.recent-stats{background:var(--color-bg-hc);padding-bottom:var(--space-l)}.recent-stats .strip-box{padding:0 var(--space-s)}.recent-stats h2{margin-top:0}.long-term-stats{background:var(--color-bg);padding-top:var(--space-s);padding-bottom:var(--space-l)}.long-term-stats .tabs-toggle{display:block;max-width:1200px;margin:0 auto;width:100%;text-align:right;padding:var(--space-s)}.long-term-stats hr{max-width:1200px;margin:var(--space-s) auto}.long-term-stats .stats-strip{padding-left:var(--space-s);padding-right:var(--space-s)}.activity{--weeks: 52;--cell-size: calc(72rem / 52);background:var(--color-bg-hc);padding:var(--space-s) var(--space-m) var(--space-xl)}.activity>div{margin:auto;max-width:74rem}.activity .streaks{display:grid;grid-template-columns:repeat(4,1fr);margin-top:var(--space-s);margin-bottom:var(--space-l);grid-gap:var(--space-s)}.activity .streaks figure{background:var(--color-bg);padding:var(--space-m) var(--space-l);border-radius:var(--space-s);display:grid;grid-template-columns:2fr 1fr;font-style:italic}.light .activity .streaks figure{background:var(--color-bg);outline:solid 1px var(--color-bg-lc)}.activity .streaks figcaption{color:var(--color-fg-lc)}.activity .streaks p{color:var(--color-fg);text-align:right;font-size:var(--font-m)}.activity .activity-table{display:grid;grid-template-columns:2rem 1fr;grid-auto-flow:column}.activity .days-box{overflow:hidden}.activity ul{font-family:var(--font-mono);font-size:var(--font-s);color:var(--color-fg-lc);list-style:none;line-height:calc(72rem / 52)}.activity .weekday-labels{padding-top:calc(var(--space-xs) + var(--cell-size))}.activity .month-labels{margin:auto;width:72rem;display:grid;grid-template-columns:repeat(var(--weeks),1fr);grid-gap:var(--space-xs);padding-bottom:var(--space-xs)}.activity .month-labels li{grid-column-start:span var(--span)}.activity .days{margin:auto;width:72rem;display:grid;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(var(--weeks),1fr);grid-gap:var(--space-xs);grid-auto-flow:column;padding-bottom:var(--space-s)}.activity .legend .legend-items>li,.activity .days>li{--color: rgb(from var(--color-fg-ok) r g b / var(--intensity));background:var(--color-bg-lc);border-radius:var(--space-xs);aspect-ratio:1/1;background-image:linear-gradient(var(--color),var(--color));position:relative}.activity .days>li:hover{transform:scale(1.15)}.activity .days>li.future{background:var(--color-bg-hc)}.activity .days>li.daily-goal-completed{font-family:icons}.activity .days>li.daily-goal-completed:before{content:"✓";font-family:icons;line-height:var(--cell-size);font-size:var(--font-xs);color:var(--color-bg);position:absolute;top:-8%;left:0;right:0;text-align:center}.activity .legend{font-family:var(--font-mono);font-size:var(--font-s);color:var(--color-fg-lc);display:grid;grid-template-columns:1fr 4ch calc(var(--cell-size) * 6) 4ch;margin-top:var(--space-m)}.activity .goal{position:relative;padding-left:2.5ch}.activity .goal i{font-family:icons;font-size:var(--font-m);position:absolute;top:0;left:0}.activity .legend .legend-items{display:grid;width:calc(--cell-size*6);grid-template-columns:repeat(6,1fr);grid-gap:var(--space-xs)}.activity .legend .legend-items>li{margin-top:0;aspect-ratio:1/1}.activity small{font-size:var(--font-m);color:var(--color-fg-lc)}@media screen and (max-width: 77rem){.activity .days-box{overflow-x:auto;overflow-y:hidden}}@media screen and (max-width: 63.99rem){.activity .streaks{grid-template-columns:1fr}}.book-edit{--cover-height: 15rem;--cover-width: 10rem;--pages: 100;background:var(--color-bg-hc);position:relative}.book-edit nav{background:var(--color-bg-hc);position:sticky;top:4.25rem;margin:auto;text-align:center;padding:calc(var(--space-s) + var(--space-xs));margin-bottom:var(--space-l);border-bottom:solid var(--space-xs) var(--color-bg-lc);z-index:100;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"status buttons"}.book-edit nav div{grid-area:buttons;text-align:right}.book-edit nav div button{margin-bottom:0}.book-edit .extra-status{grid-area:status;width:100%;text-align:left}.book-edit .extra-status button{background:transparent;color:var(--color-fg-ok)}.book-edit .extra-status button.loading{color:var(--color-fg-warning)}.book-edit .extra-status button.loading:before{left:auto;right:-1.5em}.book-edit .extra-status button.fail{background:var(--color-bg-error);color:var(--color-fg-error)}.book-edit .extra-status button[disabled]{opacity:1}.book-edit header{max-width:var(--max-width);margin:auto;z-index:0}.book-edit .covers{margin-top:var(--space-m);margin-bottom:var(--space-2xl);display:flex;flex-wrap:wrap;gap:var(--space-2xl)}.book-edit .covers button{padding:0;background:transparent;border-radius:0;position:relative}.book-edit .covers button.active:after{content:"✓";font-family:icons;font-size:var(--font-2xl);display:block;width:1em;height:1em;color:var(--color-fg-ok);background:var(--color-bg-hc);border-radius:50%;border:solid var(--space-2xs) var(--color-fg-ok);box-shadow:0 0 var(--space-s) var(--color-shadow-hc);padding:var(--space-xs);line-height:100%;position:absolute;top:var(--space-m);right:var(--space-m);z-index:50}.book-edit .cover{position:relative}.book-edit h2{padding:0;margin-bottom:var(--space-xl);width:100%}.book-edit .suggested{background:var(--color-bg-warning);color:var(--color-fg-warning)}.book-edit.settings article{grid-template-columns:1fr 2fr}.book-edit.settings article.wide{grid-template-columns:1fr}.book-edit ul{margin-top:var(--space-m);margin-bottom:var(--space-l);list-style:none}.book-edit li{background:var(--color-bg);padding:var(--space-s);margin-top:var(--space-s);border-radius:var(--space-xs);padding-right:var(--space-xs)}.book-edit li details{background:transparent;border-bottom:none}.book-edit li summary{display:grid;grid-template-columns:1fr 12rem}.book-edit li details h4:before{content:"⮞";font-size:var(--font-s);font-family:icons;margin-right:var(--space-s);transform:rotate(90deg);position:relative;top:1px}.book-edit li details[open] h4:before{content:"⮟"}.book-edit li h4{font-weight:400;padding:var(--space-s)}.book-edit li p{font-family:var(--font-sans);font-size:var(--font-s);color:var(--color-fg);line-height:1.6}.book-edit li .preview{background:var(--color-bg-hc);padding:var(--space-m);margin-top:var(--space-m);margin-right:var(--space-xs)}.book-edit article.wide li .button-toggle{margin-top:0}.book-edit article.wide li .button-toggle button{margin-bottom:0}.book-edit article.wide li .button-toggle button.active:nth-child(2){color:var(--color-fg-warning);border-color:var(--color-fg-warning);background:var(--color-bg-warning)}.book-edit article.wide li .button-toggle button.active:nth-child(3){color:var(--color-fg-error);border-color:var(--color-fg-error);background:var(--color-bg-error)}.book-edit .loading{color:var(--color-fg-warning)}.book-edit .loaded{color:var(--color-fg-ok)}.book-edit .fail{color:var(--color-fg-error)}.book-edit nav button{text-transform:uppercase;min-width:8em}.book-edit nav button+button{margin-left:var(--space-s)}.book-edit .with-link{display:grid;grid-template-columns:1fr 5em;text-align:right}.book-edit .with-link a{padding:var(--space-s)}.book-edit header .note{margin-bottom:var(--space-m);font-size:var(--font-s)}@media screen and (max-width: 63.99rem){.book-edit{--cover-height: 15rem;--cover-width: 10rem}.book-edit header{padding:var(--space-l) var(--space-m) 0}.book-edit nav{top:3.25rem;margin:auto;grid-template-columns:1fr;grid-template-areas:"buttons" "status"}.book-edit nav>div{text-align:center}.book-edit nav .extra-status{margin-top:var(--space-m);width:100%}.book-edit .extra-status button{font-size:var(--font-s);width:100%}.book-edit li summary{display:block}.settings article.wide .button-toggle.modes{grid-template-columns:1fr 1fr 1fr;padding-left:33%;padding-top:var(--space-s)}.settings article.wide .button-toggle.modes button{grid-template-columns:1fr 1fr 1fr;font-size:var(--font-s);padding:var(--space-s);max-height:calc(3 * var(--space-s) + var(--font-m))}.book-edit li summary{grid-template-columns:1fr 12rem}.book-edit .covers{gap:var(--space-m)}}@font-face{font-family:"DejaVu Serif";src:local("DejaVu Serif"),url(https://dn5plg055skpb.cloudfront.net/fonts/dejavu/DejaVuSerif.ttf) format("truetype"),url(/fonts/dejavu/DejaVuSerif.ttf) format("truetype")}@font-face{font-family:DejaVu Mono;src:local("DejaVu Mono"),url(https://dn5plg055skpb.cloudfront.net/fonts/dejavu/DejaVuSansMono.ttf) format("truetype"),url(/fonts/dejavu/DejaVuSansMono.ttf) format("truetype")}@font-face{font-family:Open Dyslexic;src:local("OpenDyslexic"),url(https://dn5plg055skpb.cloudfront.net/fonts/open-dyslexic/OpenDyslexic-Regular.otf) format("opentype"),url(/fonts/open-dyslexic/OpenDyslexic-Regular.otf) format("opentype")}@font-face{font-family:Open Dyslexic Mono;src:local("OpenDyslexicMono"),url(https://dn5plg055skpb.cloudfront.net/fonts/open-dyslexic/OpenDyslexicMono-Regular.otf) format("opentype"),url(/fonts/open-dyslexic/OpenDyslexicMono-Regular.otf) format("opentype")}:root{color-scheme:dark;--font-sans: "Open Sans", sans-serif;--font-mono: "Recursive", monospace;--font-prompt: "Recursive", monospace;--font-prompt-read: "Literata", serif;--font-2xs: .625rem;--font-xs: .75rem;--font-s: .875rem;--font-m: 1rem;--font-l: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 3rem;--space-2xs: 2px;--space-xs: 4px;--space-s: 8px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--nav-height: calc(var(--font-3xl) + var(--space-s) * 2)}*{border:0;padding:0;margin:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,html{height:100%}body{background-color:var(--color-bg);color:var(--color-fg)}body,button,input{font-family:var(--font-sans)}section{scroll-margin-top:var(--nav-height)}a{color:var(--color-fg-accent);text-decoration:none}a:hover{text-decoration:underline}a[href^=http]:after{content:" ➦";font-family:icons;position:relative;font-style:normal;top:2px}a[href*="entertrained.app"]:after{content:""}button.loading,label.loading{position:relative}button.loading:before,label.loading:before{content:"◌";font-family:icons;position:absolute;left:auto;right:-1.25em;color:var(--color-fg);animation:spin .5s infinite linear}input,button,textarea,select{outline:none}button,a.button,label.file,input[type=submit]{display:inline-block;text-decoration:none;text-align:center;font-size:var(--font-m);line-height:var(--font-m);color:var(--color-fg-hc);background:var(--color-input);padding:var(--space-m);border-radius:var(--space-xs);cursor:pointer;opacity:.9;vertical-align:middle;touch-action:manipulation;position:relative}button:hover,label.file:hover,a.button:hover{opacity:1}button:disabled,button:disabled:hover,input[type=submit]:disabled,input[type=submit]:disabled:hover{cursor:not-allowed;opacity:.3}button[class*=icon-],a.button[class*=icon-],label.file[class*=icon-],input[type=submit][class*=icon-]{text-align:left;padding-left:calc(var(--font-2xl) + var(--space-s) + var(--space-xs))}button:before,a.button:before,label.file:before,input[type=submit]:before{position:absolute;font-size:var(--font-xl);left:calc(var(--space-s) + var(--space-xs));top:calc(var(--space-s) + var(--space-xs))}button.primary,a.button.primary,button.secondary,a.button.secondary,button.tetriary,a.button.tetriary{min-height:calc(var(--font-m) + var(--space-m) * 2);--key-thickness: 4px;color:var(--color-fg-hc);background:var(--bg);padding-top:calc(var(--space-m) - var(--key-thickness) / 2);font-weight:600;box-shadow:inset 0 calc(-1 * var(--key-thickness)) 0 var(--sh),0 var(--key-thickness) var(--key-thickness) var(--color-shadow-lc);opacity:1}button.primary,a.button.primary{--bg: var(--color-input-target);--sh: var(--color-input-target-shadow)}button.secondary,a.button.secondary{--bg: var(--color-input);--sh: var(--color-input-shadow)}button.tetriary,a.button.tetriary{--bg: var(--color-input-lc);--sh: var(--color-input-lc-shadow);color:var(--color-fg)}button.ok,a.button.ok{--bg: var(--color-input-ok);--sh: var(--color-input-ok-shadow)}button.warning,a.button.warning{--bg: var(--color-input-warning);--sh: var(--color-input-warning-shadow)}button.error,a.button.error{--bg: var(--color-input-error);--sh: var(--color-input-error-shadow)}button.primary:hover,a.button.primary:hover,button.secondary:hover,a.button.secondary:hover,button.tetriary:hover,a.button.tetriary:hover{transform:scale(1.05)}button.super,label.file.super,a.button.super{--key-thickness: 4px;font-size:var(--font-l);font-weight:600;animation:pulse .3s 4 alternate;animation-delay:2s;padding:var(--space-l);padding-bottom:calc(var(--space-l) + var(--key-thickness));background:var(--gradient-main);color:var(--color-bg-hc);box-shadow:inset 0 calc(-1 * var(--key-thickness)) 0 var(--color-shadow-lc),0 var(--key-thickness) var(--key-thickness) var(--color-shadow-lc);opacity:1}button.primary,a.button.primary,button.secondary,a.button.secondary,button.tetriary,a.button.tetriary,button.super,label.file.super,a.button.super{transition:transform .1s}button.primary:hover,a.button.primary:hover,button.secondary:hover,a.button.secondary:hover,button.tetriary:hover,a.button.tetriary:hover,button.super:hover,label.file.super:hover,a.button.super:hover{transform:scale(1.05)}button[data-hint]:after,a.button[data-hint]:after{content:attr(data-hint);display:block;width:100%;position:absolute;top:100%;text-align:center;left:0;padding:var(--space-s) 0;font-size:var(--font-xs);text-transform:uppercase;color:var(--color-fg-lc)}textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search]{background:var(--color-bg);color:var(--color-fg-hc);font-size:var(--font-m);font-family:var(--font-mono);padding:var(--space-s);border:solid 1px var(--color-input);position:relative;border-radius:var(--space-xs)}textarea:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=search]:disabled{opacity:.5}textarea{height:auto;resize:none;line-height:1.4}input[type=text]:active,input[type=text]:focus,input[type=email]:active,input[type=email]:focus,input[type=password]:active,input[type=password]:focus,input[type=search]:active,input[type=search]:focus{border-color:var(--color-fg-lc)}label.ok:after{content:"✓";font-family:icons;font-size:var(--font-m);color:var(--color-fg-ok);position:absolute;right:-1.3rem;bottom:var(--space-s)}input::placeholder{color:var(--color-fg-lc);font-style:italic}input[type=file]{display:none}label{position:relative;color:var(--color-fg-lc);font-size:var(--font-s);display:inline-block;text-align:left}label+label{margin-left:var(--space-m)}label>span{display:block;margin-bottom:var(--space-s)}details>summary{cursor:pointer}code{font-family:var(--font-mono);background:var(--color-bg-lc);color:var(--color-fg);padding:0 var(--space-xs);border-radius:var(--space-xs);font-style:normal}body>div>main{min-height:calc(100vh - 15.5rem);min-height:calc(100svh - 15.5rem)}.full-note{padding:var(--space-m);text-align:center;font-size:var(--font-s);border:none}.full-note p{line-height:1.6}.full-note.ok{color:var(--color-fg-ok);background:var(--color-bg-ok)}.full-note.warning{color:var(--color-fg-warning);background:var(--color-bg-warning)}.full-note.error{color:var(--color-fg-error);background:var(--color-bg-error)}.note{padding:var(--space-m);border-radius:var(--space-xs)}.note b{font-weight:700;text-transform:uppercase}.note.ok{color:var(--color-fg-ok);background:var(--color-bg-ok);border:solid 1px var(--color-bg-ok)}.note.warning{color:var(--color-fg-warning);background:var(--color-bg-warning);border:solid 1px var(--color-bg-warning)}.note.error{color:var(--color-fg-error);background:var(--color-bg-error);border:solid 1px var(--color-bg-error)}@keyframes pulse{to{transform:scale(1.1)}}@keyframes fade{to{opacity:.2}}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse .25s 4 alternate;transform-origin:center}.invisible{opacity:0}@media screen and (min-width: 64rem){.mobile{display:none}}@media screen and (max-width: 63.99rem){:root{--nav-height: calc(var(--font-2xl) + var(--space-s) * 2)}.desktop{display:none}a:hover{text-decoration:none}button,a.button,select{opacity:1}.body>div>main{min-height:calc(100vh - 3.25rem);min-height:calc(100svh - 3.25rem)}.full-note{text-align:left}}.light{--color-bg: #d0d1d7;--color-fg: #343b58;--color-fg-ok: #316322;--color-fg-warning: #735426;--color-fg-error: #940d26;--color-fg-accent: #195c66;--color-fg-special: #323267;--color-gradient-main-a: var(--color-fg-accent);--color-gradient-main-b: var(--color-fg-ok);--color-paper: #cbc8c2;--color-paper-hc: #f5f1e9;--color-paper-shadow: #1a161333;--color-fg-bar: #fff;--cover-grayscale: 0;--sign: 1;--color-bg-lc: hsl(from var(--color-bg) h s calc(l - 5 * var(--sign)));--color-bg-hc: hsl(from var(--color-bg) h s calc(l + 5 * var(--sign)));--color-fg-lc: hsl(from var(--color-fg) h s calc(l + 10 * var(--sign)));--color-fg-hc: hsl(from var(--color-fg) h s calc(l - 10 * var(--sign)));--bg-base-l-inc: 15;--color-bg-ok-base: hsl( from var(--color-fg-ok) h s calc(l + var(--bg-base-l-inc)) );--color-bg-warning-base: hsl( from var(--color-fg-warning) h s calc(l + var(--bg-base-l-inc)) );--color-bg-error-base: hsl( from var(--color-fg-error) h s calc(l + var(--bg-base-l-inc)) );--color-bg-accent-base: hsl( from var(--color-fg-accent) h s calc(l + var(--bg-base-l-inc)) );--color-bg-special-base: hsl( from var(--color-fg-special) h s calc(l + var(--bg-base-l-inc)) );--bg-opacity: .3;--color-bg-ok: rgb(from var(--color-bg-ok-base) r g b / var(--bg-opacity));--color-bg-warning: rgb( from var(--color-bg-warning-base) r g b / var(--bg-opacity) );--color-bg-error: rgb( from var(--color-bg-error-base) r g b / var(--bg-opacity) );--color-bg-accent: rgb( from var(--color-bg-accent-base) r g b / var(--bg-opacity) );--color-bg-special: rgb( from var(--color-bg-special-base) r g b / var(--bg-opacity) );--color-fg-prompt: var(--color-fg-hc);--color-fg-prompt-reading: var(--color-fg-hc);--color-fg-prompt-ok: var(--color-fg-ok);--color-fg-prompt-warning: var(--color-fg-warning);--color-fg-prompt-error: var(--color-fg-error);--color-input: hsl(from var(--color-bg) h s calc(l - 9));--color-input-shadow: hsl( from var(--color-bg) calc(h - 5) s calc(l - 39) / .3 );--color-input-lc: hsl(from var(--color-bg-hc) h calc(s + 2) calc(l - 9));--color-input-lc-shadow: hsl( from var(--color-bg-hc) calc(h - 5) calc(s + 9) calc(l - 39) / .3 );--color-input-l: 60;--color-input-l-sh: 30;--color-input-s-min: 0;--color-input-s-max: 100;--color-input-target: hsl( from var(--color-fg-accent) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l) );--color-input-target-shadow: hsl( from var(--color-fg-accent) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l-sh) / .3 );--color-input-ok: hsl( from var(--color-fg-ok) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l) );--color-input-ok-shadow: hsl( from var(--color-fg-ok) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l-sh) / .3 );--color-input-warning: hsl( from var(--color-fg-warning) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l) );--color-input-warning-shadow: hsl( from var(--color-fg-warning) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l-sh) / .3 );--color-input-error: hsl( from var(--color-fg-error) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l) );--color-input-error-shadow: hsl( from var(--color-fg-error) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l-sh) / .3 );--color-bg-off: hsl(from var(--color-bg) h clamp(0, s, 40) calc(l - 20));--color-bg-bar: hsl( from var(--color-bg) h clamp(0, calc(s - 5), 40) calc(l - 20) );--color-bg-ok-bar: hsl( from var(--color-fg-ok) h clamp(var(--color-input-s-min), calc(s - 20), var(--color-input-s-max)) calc(l + 16) );--color-bg-target-bar: hsl( from var(--color-fg-special) h clamp(var(--color-input-s-min), calc(s - 10), var(--color-input-s-max)) calc(l + 16) );--color-sh-base: var(--color-fg);--color-shadow-hc: rgb(from var(--color-sh-base) r g b / .4);--color-shadow: rgb(from var(--color-sh-base) r g b / .3);--color-shadow-lc: rgb(from var(--color-sh-base) r g b / .3);--gradient-main: linear-gradient( to right, var(--color-gradient-main-a), var(--color-gradient-main-b) );--gradient-cover: linear-gradient( to right, rgb(from var(--color-gradient-main-a) r g b / .75), rgb(from var(--color-gradient-main-b) r g b / .75) )}.dark{--color-bg: #15161e;--color-fg: #9aa5ce;--color-fg-ok: #9ece6a;--color-fg-warning: #e0af68;--color-fg-error: #f7768e;--color-fg-accent: #2ac3de;--color-fg-special: #9496db;--color-gradient-main-a: var(--color-fg-accent);--color-gradient-main-b: var(--color-fg-ok);--color-paper: #f7e9dc;--color-paper-hc: #cfbeaf;--color-paper-shadow: #1a161377;--color-fg-bar: #fff;--cover-grayscale: 0;--color-bg-lc: hsl(from var(--color-bg) h s calc(l + 3));--color-bg-hc: hsl(from var(--color-bg) h s calc(l - 3));--color-fg-lc: hsl(from var(--color-fg) h s calc(l - 10));--color-fg-hc: hsl(from var(--color-fg) h s calc(l + 10));--color-bg-ok: rgb(from var(--color-fg-ok) r g b / .12);--color-bg-warning: rgb(from var(--color-fg-warning) r g b / .12);--color-bg-error: rgb(from var(--color-fg-error) r g b / .12);--color-bg-accent: rgb(from var(--color-fg-accent) r g b / .12);--color-bg-special: rgb(from var(--color-fg-special) r g b / .12);--color-fg-prompt: var(--color-fg);--color-fg-prompt-reading: var(--color-fg-hc);--color-fg-prompt-ok: var(--color-fg-ok);--color-fg-prompt-warning: var(--color-fg-warning);--color-fg-prompt-error: var(--color-fg-error);--color-input: hsl(from var(--color-bg) h calc(s + 6) calc(l + 9));--color-input-shadow: hsl( from var(--color-bg) calc(h - 5) calc(s + 13) calc(l + 39) / .15 );--color-input-lc: hsl(from var(--color-bg-hc) h s calc(l + 7));--color-input-lc-shadow: hsl( from var(--color-bg-hc) calc(h - 5) s calc(l + 37) / .15 );--color-input-l: 25;--color-input-l-sh: 60;--color-input-s-min: 0;--color-input-s-max: 100;--color-input-target: hsl( from var(--color-fg-accent) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l) );--color-input-target-shadow: hsl( from var(--color-fg-accent) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l-sh) / .15 );--color-input-ok: hsl( from var(--color-fg-ok) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l) );--color-input-ok-shadow: hsl( from var(--color-fg-ok) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l-sh) / .15 );--color-input-warning: hsl( from var(--color-fg-warning) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l) );--color-input-warning-shadow: hsl( from var(--color-fg-warning) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l-sh) / .15 );--color-input-error: hsl( from var(--color-fg-error) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l) );--color-input-error-shadow: hsl( from var(--color-fg-error) h clamp(var(--color-input-s-min), s, var(--color-input-s-max)) var(--color-input-l-sh) / .15 );--color-bg-off: hsl(from var(--color-bg) h s calc(l + 20));--color-bg-bar: hsl(from var(--color-bg) h calc(s + 5) calc(l + 10));--color-bg-ok-bar: hsl( from var(--color-fg-ok) h clamp(var(--color-input-s-min), calc(s - 10), var(--color-input-s-max)) clamp(20, calc(l - 32), 100) );--color-bg-target-bar: hsl( from var(--color-fg-special) h clamp(var(--color-input-s-min), calc(s - 10), var(--color-input-s-max)) calc(l - 32) );--color-shadow-hc: var(--color-bg-hc);--color-shadow: rgb(from var(--color-shadow-hc) r g b / .8);--color-shadow-lc: rgb(from var(--color-shadow-hc) r g b / .4);--gradient-main: linear-gradient( to right, var(--color-gradient-main-a), var(--color-gradient-main-b) );--gradient-cover: linear-gradient( to right, rgb(from var(--color-gradient-main-a) r g b / .75), rgb(from var(--color-gradient-main-b) r g b / .75) )}@supports (color: hsl(from red h s calc(l - 20%))){.light{--color-bg-lc: hsl(from var(--color-bg) h s calc(l - 5%));--color-bg-hc: hsl(from var(--color-bg) h s calc(l + 5%));--color-fg-lc: hsl(from var(--color-fg) h s calc(l + 10%));--color-fg-hc: hsl(from var(--color-fg) h s calc(l - 10%));--bg-base-l-inc: 15%;--color-bg-ok-base: hsl( from var(--color-fg-ok) h s calc(l + var(--bg-base-l-inc)) );--color-bg-warning-base: hsl( from var(--color-fg-warning) h s calc(l + var(--bg-base-l-inc)) );--color-bg-error-base: hsl( from var(--color-fg-error) h s calc(l + var(--bg-base-l-inc)) );--color-bg-accent-base: hsl( from var(--color-fg-accent) h s calc(l + var(--bg-base-l-inc)) );--color-bg-special-base: hsl( from var(--color-fg-special) h s calc(l + var(--bg-base-l-inc)) );--color-input: hsl(from var(--color-bg) h s calc(l - 9%));--color-input-shadow: hsl( from var(--color-bg) calc(h - 5deg) s calc(l - 39%) / .3 );--color-input-lc: hsl(from var(--color-bg-hc) h calc(s + 2%) calc(l - 9%));--color-input-lc-shadow: hsl( from var(--color-bg-hc) calc(h - 5deg) calc(s + 9%) calc(l - 39%) / .3 );--color-input-l: 60%;--color-input-l-sh: 30%;--color-input-s-min: 0%;--color-input-s-max: 100%;--color-bg-off: hsl(from var(--color-bg) h clamp(0%, s, 40%) calc(l - 20%));--color-bg-bar: hsl( from var(--color-bg) h clamp(0%, calc(s - 5%), 40%) calc(l - 20%) );--color-bg-ok-bar: hsl( from var(--color-fg-ok) h clamp(var(--color-input-s-min), calc(s - 20%), var(--color-input-s-max)) calc(l + 16%) );--color-bg-target-bar: hsl( from var(--color-fg-special) h clamp(var(--color-input-s-min), calc(s - 10%), var(--color-input-s-max)) calc(l + 16%) )}.dark{--color-bg-lc: hsl(from var(--color-bg) h s calc(l + 3%));--color-bg-hc: hsl(from var(--color-bg) h s calc(l - 3%));--color-fg-lc: hsl(from var(--color-fg) h s calc(l - 10%));--color-fg-hc: hsl(from var(--color-fg) h s calc(l + 10%));--color-input: hsl(from var(--color-bg) h s calc(l + 9%));--color-input-shadow: hsl( from var(--color-bg) calc(h - 5deg) s calc(l + 39%) / .15 );--color-input-lc: hsla(from var(--color-bg-hc) h calc(s + 2%) calc(l + 7%));--color-input-lc-shadow: hsl( from var(--color-bg-hc) calc(h - 5deg) calc(s + 9%) calc(l + 37%) / .15 );--color-input-l: 25%;--color-input-l-sh: 60%;--color-input-s-min: 0%;--color-input-s-max: 100%;--color-bg-off: hsl(from var(--color-bg) h s calc(l + 20%));--color-bg-bar: hsl(from var(--color-bg) h calc(s + 5%) calc(l + 10%));--color-bg-ok-bar: hsl( from var(--color-fg-ok) h clamp(var(--color-input-s-min), calc(s - 10%), var(--color-input-s-max)) clamp(20%, calc(l - 32%), 100%) );--color-bg-target-bar: hsl( from var(--color-fg-special) h clamp(var(--color-input-s-min), calc(s - 10%), var(--color-input-s-max)) calc(l - 32%) )}}@font-face{font-family:icons;src:url(/assets/icons-34f9ccf7.eot?7cddcd765ecf2e84886b143d7be2dab0#iefix) format("embedded-opentype"),url(/assets/icons-01c6b585.woff2?7cddcd765ecf2e84886b143d7be2dab0) format("woff2"),url(/assets/icons-8a86cad3.woff?7cddcd765ecf2e84886b143d7be2dab0) format("woff")}[class^=icon-]:before,[class*=" icon-"]:before{font-family:icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-accuracy:before{content:""}.icon-annotations:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-up:before{content:""}.icon-back:before{content:""}.icon-backspace:before{content:""}.icon-backspace-word:before{content:""}.icon-bad:before{content:""}.icon-bookmark-off:before{content:""}.icon-bookmark-on:before{content:""}.icon-books:before{content:""}.icon-close:before{content:""}.icon-copy:before{content:""}.icon-dark-mode:before{content:""}.icon-discord:before{content:""}.icon-download:before{content:""}.icon-edit:before{content:""}.icon-enter:before{content:""}.icon-enter-1:before{content:""}.icon-extra:before{content:""}.icon-facebook:before{content:""}.icon-flame:before{content:"◆"}.icon-flame-half:before{content:"⬖"}.icon-flame-off:before{content:"◇"}.icon-fullscreen:before{content:""}.icon-fullscreen-off:before{content:""}.icon-github:before{content:""}.icon-google:before{content:""}.icon-heart:before{content:""}.icon-heart-off:before{content:""}.icon-hide:before{content:""}.icon-home:before{content:""}.icon-how:before{content:""}.icon-info:before{content:""}.icon-keyboard:before{content:""}.icon-keyboard-off:before{content:""}.icon-less:before{content:"⮝"}.icon-light-mode:before{content:""}.icon-link:before{content:""}.icon-link-external:before{content:"➦"}.icon-linkedin:before{content:""}.icon-loading:before{content:"◌"}.icon-logo:before{content:""}.icon-meh:before{content:""}.icon-menu:before{content:""}.icon-meta-linux:before{content:""}.icon-meta-macos:before{content:""}.icon-meta-windows:before{content:""}.icon-more:before{content:"⮟"}.icon-mute:before{content:""}.icon-new-line:before{content:"⏎"}.icon-next:before{content:"⮞"}.icon-ok:before{content:"✓"}.icon-option:before{content:""}.icon-pause:before{content:""}.icon-pb:before{content:""}.icon-play-round:before{content:""}.icon-premium:before{content:""}.icon-prev:before{content:"⮜"}.icon-profile:before{content:""}.icon-reading-off:before{content:""}.icon-reading-on:before{content:""}.icon-reddit:before{content:""}.icon-reload:before{content:""}.icon-repeat:before{content:""}.icon-reset:before{content:""}.icon-save:before{content:""}.icon-search:before{content:""}.icon-settings:before{content:""}.icon-share:before{content:""}.icon-shift:before{content:""}.icon-shift-off:before{content:""}.icon-shortcuts:before{content:""}.icon-show:before{content:""}.icon-skip:before{content:""}.icon-speed:before{content:""}.icon-star:before{content:"★"}.icon-star-half:before{content:"⯪"}.icon-star-off:before{content:"☆"}.icon-stats:before{content:""}.icon-symbols:before{content:""}.icon-telegram:before{content:""}.icon-toggle-off:before{content:""}.icon-toggle-on:before{content:""}.icon-trash:before{content:""}.icon-twitter:before{content:""}.icon-upload:before{content:""}.icon-video:before{content:""}.icon-voice:before{content:""}.icon-volume-max:before{content:""}.icon-warning:before{content:""}.icon-watch:before{content:""}.icon-whatsapp:before{content:""}.icon-zen:before{content:""}.icon-zen-off:before{content:""}.icon-screenshot:before{content:""}.login{background:var(--color-bg-hc);max-width:22rem;min-width:22rem;padding:var(--space-xl);border-radius:var(--space-s);border:solid 1px var(--color-bg-bar);box-shadow:0 var(--space-s) var(--space-m) var(--color-shadow-hc)}.login h1{font-size:var(--font-m);font-weight:400;text-align:center;margin-bottom:var(--space-l)}.login label{width:100%;color:var(--color-fg);position:relative}.login label+label{margin-left:0;margin-top:var(--space-m)}.login input,.login [type=submit]{width:100%}.login footer{text-align:center;padding:var(--space-m) 0}.login footer a:hover{text-decoration:underline}.login label span:nth-child(2){color:var(--color-fg-lc);position:absolute;top:var(--space-2xs);right:0;font-size:var(--font-xs);font-style:italic}.login [type=submit]{background:var(--color-fg-accent);color:var(--color-bg-hc);font-weight:700;font-size:var(--font-m);text-transform:uppercase;transform-duration:.1s}.login [type=submit]:disabled{cursor:not-allowed;opacity:.5}.login [type=submit]:disabled:hover{transform:none}.login p>[type=submit]{margin-top:var(--space-l)}.login .info{margin-top:var(--space-l);font-size:var(--font-s);line-height:1.6}.login .info.ok{color:var(--color-fg-ok)}.login .info.error{color:var(--color-fg-error)}.login div.sent{background:var(--color-bg-hc);max-width:40rem;padding:var(--space-xl);border-radius:var(--space-s)}.login div.sent h1{font-weight:700;color:var(--color-fg-warning)}@media screen and (max-width: 63.99rem){.login{max-width:none;min-width:none;width:100%;padding:var(--space-l)}}.o-auth ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-s)}.o-auth ul button{width:100%;border-radius:var(--space-xs);color:var(--color-fg);font-size:var(--font-2xl);padding:var(--space-s);transition-duration:.1s}.o-auth ul button:hover{transform:scale(1.1);color:var(--color-fg-accent)}.or-title{text-align:center;font-size:var(--font-m);font-weight:400;position:relative;margin-bottom:var(--space-m);margin-top:var(--space-l)}.or-title hr{border-top:solid 2px var(--color-bg-bar);position:relative;top:calc(var(--font-m) / 2 + var(--space-xs))}.or-title span{background:var(--color-bg-hc);padding:var(--space-s) var(--space-l);position:relative}.submit{margin-top:var(--space-xl);display:flex;gap:var(--space-m)}.submit>*{min-width:calc(50% - var(--space-m) / 2)}.submit>div{font-size:var(--font-xs)}.submit input[type=submit]:hover{transform:scale(1.1)}.submit input[type=submit]:disabled{opacity:.5}.submit p{line-height:1.6}.profile{--max-width: 84rem;--full-nav-height: calc( var(--nav-height) + var(--font-m) + var(--space-m) * 2 + var(--space-s) * 2 + var(--space-2xl) );position:relative}.profile .settings{--max-width: 84rem}.profile nav{background:var(--color-bg-hc);position:sticky;top:4.25rem;margin:auto;text-align:center;padding:calc(var(--space-s) + var(--space-xs));margin-bottom:var(--space-l);border-bottom:solid var(--space-xs) var(--color-bg-lc);z-index:100}.profile nav ul{padding:var(--space-m) 0}.profile nav li{display:inline}.profile nav li+li{display:inline;margin-left:var(--space-m)}.profile nav button{position:absolute;top:var(--space-m);right:var(--space-m)}.profile .box{padding:0 var(--space-m)}.profile section{scroll-margin-top:var(--full-nav-height);margin-bottom:var(--space-xl)}.profile .info{background:var(--color-bg-hc);width:100%;max-width:var(--max-width);margin:auto;padding:var(--space-l);border-radius:var(--space-xs);height:100%}.profile .profile-info{max-width:var(--max-width);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m)}.profile .info h3{font-size:var(--font-s);text-transform:uppercase;color:var(--color-fg-lc);margin-bottom:var(--space-m)}.profile .info span{margin-left:var(--space-s);font-family:var(--font-mono);color:var(--color-fg-hc)}.profile .info p{margin-top:var(--space-s);line-height:2rem}.profile .info p button{padding:0;font-size:var(--font-xl);background:transparent;color:var(--color-fg-lc);margin-left:var(--space-xs)}.profile .info p a{margin-left:var(--space-xs);position:relative;top:1px;color:var(--color-fg-lc)}.profile .info p a:hover{color:var(--color-fg-accent);text-decoration:none}@media screen and (max-width: 63.99rem){.profile{--full-nav-height: var(--nav-height)}.profile nav{background:var(--color-bg-hc);position:relative;top:0;text-align:left;padding-left:var(--space-l);font-size:var(--font-s)}.profile section{margin-bottom:var(--space-m)}.profile section h2{text-align:center}.profile .info p{font-size:var(--font-s)}.profile .profile-info{grid-template-columns:1fr}}.pricing{max-width:84rem;margin:auto}.pricing .period{margin-bottom:var(--space-xl);text-align:center}.pricing .tiers{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"local local sync sync" "free starter annually monthly";gap:var(--space-m);margin:auto;margin-top:var(--space-m);margin-bottom:var(--space-xl)}.pricing article{position:relative;background:var(--color-bg-hc);width:100%;padding:var(--space-xl);border-radius:var(--space-s);border:solid 1px var(--color-bg-bar);box-shadow:0 var(--space-s) var(--space-m) var(--color-shadow-hc);display:block;height:100%}.pricing article.current:before,.pricing article.standby:before{content:"✓";font-family:icons;font-size:var(--font-2xl);position:absolute;top:var(--space-m);right:var(--space-s);margin-right:var(--space-s)}.pricing article.current:before{color:var(--color-fg-ok)}.pricing article.standby:before{color:var(--color-fg-warning)}.pricing article:last-child{padding-bottom:var(--space-xl);border-bottom:solid 1px var(--color-bg-bar)}.pricing h3{text-transform:uppercase}.pricing .price{font-family:var(--font-mono);font-size:var(--font-xl);padding-top:var(--space-m);color:var(--color-fg-ok)}.pricing .price strong,.pricing .price.big{font-size:var(--font-2xl)}.pricing .price.big strong{font-size:var(--font-3xl)}.pricing .billing{padding-top:var(--space-s);padding-bottom:var(--space-m)}.pricing .free .price strong{font-weight:400}.pricing ul{padding:0;list-style:none;margin-bottom:var(--space-4xl)}.pricing li{font-size:var(--font-s);line-height:1.4;margin-bottom:var(--space-s)}.pricing li:before{font-family:icons;position:relative;top:3px;font-size:var(--font-m);margin-right:var(--space-s)}.pricing li.good:before{content:"✓";color:var(--color-fg-ok)}.pricing li.meh:before{content:"";color:var(--color-fg-warning)}.pricing li.bad:before{content:"";color:var(--color-fg-error)}.pricing article .action{position:absolute;bottom:var(--space-l);width:calc(100% - 2 * var(--space-xl));text-align:center}.pricing article .action button{width:100%;padding:var(--space-m);opacity:1}.pricing article .action button:hover{transform:scale(1.1)}.pricing article.current{background-image:linear-gradient(to bottom,var(--color-bg-ok),transparent);border-color:var(--color-bg-ok)}.pricing article.standby{background-image:linear-gradient(to bottom,var(--color-bg-warning),transparent);border-color:var(--color-bg-ok)}.pricing article.current .action button,.pricing article.standby .action button{background:transparent;font-weight:700;cursor:default}.pricing article.current .action button{color:var(--color-fg-ok)}.pricing article.standby .action button{color:var(--color-fg-warning)}.pricing article.forbidden .action button,.pricing article.upgrade .action button,.pricing article.choose .action button{font-weight:700;text-transform:uppercase;background:linear-gradient(to right,var(--color-fg-accent),var(--color-fg-ok));color:var(--color-bg-hc);box-shadow:inset 0 calc(-1 * var(--key-thickness)) 0 var(--color-shadow-lc),0 var(--key-thickness) var(--key-thickness) var(--color-shadow-lc);opacity:1;transition:transform .2s ease-in-out}.pricing article.upgrade .action button:hover,.pricing article.choose .action button:hover{transform:scale(1.05)}.pricing article.downgrade .action button{background:transparent;color:var(--color-fg-error)}.pricing article.downgrade .action button:hover{background:var(--color-bg-error)}.pricing article.none,.pricing article.forbidden{opacity:.5}.pricing article.none .action button{display:none}.pricing article.none .action button:hover{background:var(--color-bg-error)}.pricing article{transition-duration:.4s}.pricing.folded article:nth-child(3){transform:translate(-100%)}.pricing.folded article:nth-child(5){transform:translate(-200%)}.pricing.folded article:nth-child(6){transform:translate(-300%)}.pricing article.promoted:after{content:"Recommended";position:absolute;bottom:calc(-1 * var(--space-l));left:0;right:0;margin:auto;width:fit-content;font-size:var(--font-s);background:var(--color-bg-lc);color:var(--color-fg-special);font-weight:700;padding:var(--space-xs) var(--space-s);border-radius:var(--space-xs);border:solid 1px var(--color-fg-special);animation:pulse .25s 4 alternate;animation-delay:1s}.pricing article.promoted:before{content:"";font-family:icons;font-size:var(--font-3xl);position:absolute;padding:0;top:calc(-1 * (var(--space-m) - 2px));right:var(--space-xs);color:var(--color-fg-special)}.pricing.unknown article.current{z-index:2}.pricing p.error{color:var(--color-fg-error);background:var(--color-bg-error);padding:var(--space-m);border-radius:var(--space-xs);margin-bottom:var(--space-l)}.pricing .cancel-info{position:absolute;bottom:calc(-1 * var(--space-s));width:100%;text-align:center;font-size:var(--font-xs);color:var(--color-fg-error)}.pricing .tier-category{background:var(--color-bg-warning);color:var(--color-fg-warning);margin-bottom:var(--space-xs);padding:var(--space-s);border-radius:var(--space-xs);text-align:center;text-transform:uppercase}.pricing .tier-category:nth-child(4){background:var(--color-bg-ok);color:var(--color-fg-ok)}.pricing .tiers :nth-child(1){grid-area:local}.pricing .tiers :nth-child(2){grid-area:free}.pricing .tiers :nth-child(3){grid-area:starter}.pricing .tiers :nth-child(4){grid-area:sync}.pricing .tiers :nth-child(5){grid-area:annually}.pricing .tiers :nth-child(6){grid-area:monthly}@media screen and (max-width: 80rem){.pricing li{font-size:var(--font-xs)}}@media screen and (max-width: 63.99rem){.pricing .tiers{grid-template-columns:1fr;grid-template-areas:"local" "free" "starter" "sync" "annually" "monthly";gap:var(--space-l);margin-bottom:0}.pricing.folded article:nth-child(3),.pricing.folded article:nth-child(5),.pricing.folded article:nth-child(6){transform:none}.pricing article{transform:none}.pricing article.promoted:after{display:none}}.overlay{--bg-icon: url(/favicon.svg);position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;-webkit-backdrop-filter:blur(var(--space-3xl));backdrop-filter:blur(var(--space-3xl))}.billing-items{max-width:84rem;margin:var(--space-l) auto}.billing-items h3{padding-top:var(--space-xl);font-weight:400;color:var(--color-fg-lc);margin-bottom:var(--space-m)}.billing-items h4{font-weight:700;color:var(--color-fg-hc)}.billing-items p+p{margin-top:var(--space-s)}.billing-items article{padding:var(--space-m);margin:var(--space-m) 0;border-radius:var(--space-xs);border:none;border:dashed 1px var(--color-bg-bar);box-shadow:0 var(--space-s) var(--space-m) var(--color-shadow-lc);display:block}.billing-items article:last-child{border:dashed 1px var(--color-bg-bar)}.billing-items pre{width:100%;white-space:pre-wrap}.billing-items .status{padding:var(--space-2xs) var(--space-xs);border-radius:var(--space-xs);margin-left:var(--space-s);text-transform:capitalize}.billing-items a.error,.billing-items a.warning,.billing-items a.ok{background:transparent}.billing-items .management-urls>*{margin-right:var(--space-m);font-size:var(--font-s)}@media screen and (max-width: 63.99rem){.billing-items .management-urls>*{margin-right:var(--space-s);font-size:var(--font-xs)}}.welcome{text-align:center;position:relative;top:-2rem}.welcome h2{font-family:var(--font-sans);font-size:var(--font-xl);margin-bottom:var(--space-l)}.welcome a.button.super{min-width:10rem;animation-delay:5s}.health-check{padding:var(--space-l);max-width:60rem;margin:auto}.health-check section+section{margin-top:var(--space-2xl)}.health-check h3{font-weight:400;font-size:var(--font-m);margin-top:var(--space-xs);margin-bottom:var(--space-m)}.health-check .test-images img{height:10rem}.health-check img+img{margin-left:var(--space-m)}.health-check .test-fonts p{font-size:var(--font-xl);font-family:Dyna Puff,monospace;background:var(--color-bg-hc);padding:var(--space-l);border-radius:var(--space-xs)}.health-check pre{background:var(--color-bg-hc);padding:var(--space-m);font-size:var(--font-m);border-radius:var(--space-xs);word-wrap:break-word;white-space:pre-wrap}.health-check .error{background:var(--color-bg-error);color:var(--color-fg-error);padding:var(--space-m);border-radius:var(--space-xs)}.media-pack{text-align:center;position:relative;top:-3rem}.media-pack p{max-width:40rem}.media-pack .info{text-align:justify;margin-top:var(--space-l);padding:0 var(--space-m);line-height:1.6}.media-pack a.super{margin-top:var(--space-xl)}.upload{padding:0;background:var(--color-bg);padding-bottom:var(--space-xl)}.upload>*+*{margin-top:var(--space-xl)}.upload h2,.upload h3{text-align:center;padding:var(--space-m);margin:var(--space-xl) auto}.upload h3{margin-top:var(--space-2xl);color:var(--color-fg-lc)}.upload .faq{margin-top:var(--space-3xl)}.upload .faq h3{margin-top:0}.upload .picker{text-align:center;background-image:linear-gradient(to bottom,var(--color-bg-hc),transparent);padding:var(--space-m)}.upload .limit{color:var(--color-fg-error)}.upload .call{min-width:12em}.upload .drop-area{margin:var(--space-2xl) auto var(--space-m);padding:var(--space-4xl) var(--space-3xl);width:clamp(20rem,60rem,90vw);border:dashed 3px var(--color-bg-bar);border-radius:var(--space-m)}.upload .drop-area>*+*{margin-top:var(--space-m)}.upload .drop-area.active{border-color:var(--color-fg-ok)}.upload .drop-area label{margin:var(--space-m) auto}.upload .info{width:clamp(20rem,60rem,90vw);margin:var(--space-l) auto}.upload .info p+p{margin-top:var(--space-m)}.upload .resources h4{font-size:var(--font-m)}.upload .resources ul{display:flex;flex-wrap:wrap;gap:var(--space-xl);list-style:none;justify-content:center}.upload .resources li{position:relative;background:var(--color-bg-hc);width:clamp(16rem,24rem,100%);padding:var(--space-l);padding-bottom:calc(2 * var(--space-l) + var(--font-m) + 2 * var(--space-m));border-radius:var(--space-xs)}.upload .resources li>*+*{margin-top:var(--space-m)}.upload .resources li p{color:var(--color-fg-lc);font-size:var(--font-s);line-height:1.6}.upload .resources .links{position:absolute;bottom:var(--space-l);right:var(--space-l);margin-top:var(--space-xl);text-align:right}.upload .resources .links>a+a{margin-left:var(--space-s)}.upload .resources footer{text-align:center;padding:var(--space-m);margin:var(--space-xl) auto}.upload .error{color:var(--color-fg-error)}.upload .warning{color:var(--color-fg-warning)}@media screen and (max-width: 63.99rem){.upload .drop-area{margin:var(--space-m) auto;padding:var(--space-2xl) var(--space-xl);width:clamp(10rem,60rem,90vw);border:dashed 3px var(--color-bg-bar);border-radius:var(--space-m)}.upload h2{margin-top:var(--space-m)}.upload h3{margin-top:var(--space-xl);margin-bottom:var(--space-s);text-align:left}.upload .resources ul{padding:var(--space-m);gap:var(--space-m)}.upload .call{min-width:10em}.upload .faq{margin:0 var(--space-m)}}.faq{max-width:64rem;margin:0 auto;line-height:1.6;margin-top:var(--space-l);margin-bottom:var(--space-xl);padding:var(--space-l);border-radius:var(--space-s);background:var(--color-bg-lc)}.faq ul{list-style:none}.faq h3{text-align:left;padding:0;margin-bottom:var(--space-l);color:var(--color-fg-lc);font-size:var(--font-xl)}.faq h4{margin-top:var(--space-xl);margin-bottom:var(--space-m);color:var(--color-fg-ok);font-size:var(--font-l)}.faq strong{color:var(--color-fg-special);font-weight:700}.faq details{margin-top:var(--space-l)}.faq details>summary{color:var(--color-fg-lc);font-weight:700;font-size:var(--font-l);margin-bottom:var(--space-m)}.faq details>p+p{margin-top:var(--space-m)}@media screen and (max-width: 63.99rem){.faq details>summary{font-size:var(--font-m)}}.pricing-info{padding:0 var(--space-m);background:var(--color-bg);padding-bottom:var(--space-xl)}.pricing-info h2{text-align:center;padding:var(--space-l) var(--space-m) var(--space-m);font-size:var(--font-3xl);color:var(--color-bg);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:capitalize}.pricing-info .plans-management-info,.pricing-info .plans-overview{max-width:64rem;margin:var(--space-l) auto;line-height:1.6}.pricing-info .plans-overview ul{list-style:none}.pricing-info .plans-overview{margin-top:var(--space-4xl)}.pricing-info .plans-overview h3{text-align:center;margin-bottom:var(--space-xl);color:var(--color-fg-lc);font-size:var(--font-xl)}.pricing-info .plans-overview h4{margin-top:var(--space-xl);margin-bottom:var(--space-m);color:var(--color-fg-ok);font-size:var(--font-l)}.pricing-info .plans-overview strong{color:var(--color-fg-special);font-weight:700}.pricing-info .plans-management-info{text-align:center;font-size:var(--font-s);margin-top:0}.pricing-info .faq{margin-top:var(--space-3xl)}@media screen and (max-width: 63.99rem){.pricing-info h2{padding:var(--space-l);padding-bottom:var(--space-s);font-size:var(--font-2xl)}}.share{background:var(--color-bg-lc);padding:var(--space-m) var(--space-xl);display:grid;grid-template-columns:77rem 1fr;grid-gap:var(--space-l)}@media screen and (max-width: 104.99rem){.share{grid-template-columns:1fr;grid-gap:var(--space-s)}}@media screen and (max-width: 63.99rem){.share{padding:var(--space-m);grid-gap:var(--space-s)}}.share-links{width:100%;max-width:75rem;margin:0 auto auto;text-align:center;padding:var(--space-2xl) var(--space-m);margin-bottom:var(--space-xl);background:var(--color-bg);outline:solid 5px var(--color-bg-hc);border-radius:var(--space-xs);display:grid;place-content:center}.share-links h2{font-size:var(--font-m);color:var(--color-fg-ok);line-height:4}.share-links p{color:var(--color-fg);font-size:var(--font-m);line-height:1.6}.share-links strong{font-weight:400;color:var(--color-fg-special)}.share-links ul{list-style:none;text-align:center;font-size:var(--font-2xl)}.share-links li{display:inline-block;transition:transform .2s}.share-links .post-links li:hover{transform:scale(1.2)}.share-links a{color:var(--color-fg-lc)}.share-links a:hover{text-decoration:none;color:var(--color-fg-accent)}.dark .share-links a:hover{color:var(--color)}.share-links .post-links li+li{margin-left:var(--space-m)}.share-links>hr{border:solid 1px var(--color-bg-bar);margin:var(--space-xl) auto;width:33.33%}.share-links .community-links ul{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;gap:var(--space-m)}.share-links .community-links a{min-width:16rem;position:relative}.share-links .community-links a:hover{color:var(--color-fg-hc)}@media screen and (max-width: 104.99rem){.share-links .community-links ul{flex-direction:row}}@media screen and (max-width: 63.99rem){.share-links{margin-bottom:var(--space-s)}.share-links h2{font-size:var(--font-s)}}.showcase>header{margin-bottom:var(--space-l);background:var(--color-bg-hc);padding:var(--space-l);display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-m)}.showcase>header h2{margin-bottom:var(--space-s);font-weight:400}.showcase>header p{line-height:1.6;color:var(--color-fg-lc)}.showcase>header p+p{margin-top:var(--space-s)}.showcase .showcase-info{font-size:var(--font-s)}.showcase .showcase-entries{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto;gap:var(--space-m);padding:var(--space-m)}@media screen and (max-width: 63.99rem){.showcase header{grid-template-columns:1fr}}.showcase-item{background:var(--color-bg-hc);max-width:24rem;width:clamp(18rem,100%,24rem);border-radius:var(--space-xs);outline:solid 1px var(--color-bg-lc)}.showcase-item header{display:grid;grid-template-columns:1fr 1fr}.showcase-item header{display:grid;grid-template-columns:1fr 1fr;padding:var(--space-s)}.showcase-item header p:nth-child(1){text-align:left}.showcase-item header p:nth-child(1) small{color:var(--color-fg-special);background:var(--color-bg-special);padding:0 var(--space-xs);border-radius:var(--space-xs);text-transform:uppercase}.showcase-item header p:nth-child(2){text-align:right;color:var(--color-fg-lc)}.showcase-item .showcase-miniature{background:var(--color-bg-lc);aspect-ratio:16 / 9;padding:0;font-size:0}.showcase-item .showcase-miniature>a>div,.showcase-item .showcase-miniature>*{width:100%;height:100%;background-size:cover;background-position:center}.showcase-item footer{padding:var(--space-m)}.showcase-item footer h3{font-size:var(--font-m);font-weight:400;line-height:1.4}.showcase-item footer h3 a[href^=http]:after{display:none}.showcase-item footer h3 a{color:var(--color-fg)}.showcase-item footer p{color:var(--color-fg-lc);margin-top:var(--space-s);font-size:var(--font-m)}@media screen and (max-width: 63.99rem){.showcase-item footer p,.showcase-item footer h3{font-size:var(--font-s)}}