@font-face{font-family:ZknHand;src:url(/static/experience/perf/notebook.bbe3a95f3628.woff2) format('woff2');font-weight:400 700;font-display:swap}
:root{--sheet:#fffdf5;--rule:#d4cebc80;--pencil:#405149;--tape:#c4ccb2;--scene-header:134px;--header-h:134px}
header{position:fixed;top:0;left:0;width:100%;height:96px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 5.5%;background:#ffffffed;border-bottom:1px solid #141a1a0a;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:15px}
.brand img{height:67px;width:47px;object-fit:contain}
.brand>span{font-size:18px;font-weight:600}
.brand small{display:block;font-size:7px;font-weight:400;letter-spacing:1.6px;margin-top:8px;color:var(--muted)}
header nav{display:flex;gap:35px;align-items:center;font-size:12px}
@media(max-width:700px){header{height:78px;padding:8px 20px}
.brand{gap:8px}
.brand img{width:33px;height:50px}
.brand>span{font-size:14px}
.brand small{display:none}
}
@media(max-width:370px){.brand>span{font-size:13px}
}
header{background:#fcfcf9eb;border-color:#e5e7df}
.brand{color:#344033}
.brand,.brand>span{color:#324b5e}
.brand>span,.brand>span>span{font-family:Notebook,cursive;font-weight:600;font-size:28px}
.brand small{font-family:Arial,sans-serif;font-size:7px}
header{background:#faf7efed;border-color:#c9bda433}
@media(max-width:700px){.brand>span{font-size:23px}
}
header .brand img{height:76px;width:53px}
@media(max-width:700px){header .brand img{height:58px;width:40px}
}
header{height:var(--header-h);background:#faf7eff5;backdrop-filter:blur(10px)}
header .brand{gap:0}
header nav{gap:32px}
@media(max-width:700px){header{padding:8px 20px}
header nav{gap:18px}
}
header nav .login{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:10px 20px;border:1px solid #d3c4a5;border-radius:1px 2px 5px 1px;background-color:var(--sheet);background-image:linear-gradient(to bottom,transparent calc(50% + .34em),var(--rule) calc(50% + .34em),var(--rule) calc(50% + .34em + 1px),transparent calc(50% + .34em + 1px));background-size:100% 1lh;background-repeat:repeat-y;background-origin:content-box;box-shadow:1px 2px 2px #55412a20,3px 5px 9px #55412a17;color:var(--pencil);font:23px/1.2 Notebook,'Segoe Print',cursive;transform:rotate(-1deg);text-decoration:none;isolation:isolate}
header nav .login:before{content:'';position:absolute;top:-7px;left:calc(50% - 21px);width:42px;height:14px;background:var(--tape);transform:rotate(5deg);clip-path:polygon(3% 0,100% 3%,97% 100%,0 95%);pointer-events:none}
header nav .login span{margin-left:0;font:22px/1 Notebook,cursive}
header nav .login:hover{background-color:#fffdf7;transform:translateY(-1px) rotate(0)}
header nav .login:focus-visible{outline:3px solid #5b7e68;outline-offset:4px}
@media(max-width:700px){header nav .login{min-height:44px;padding:8px 13px;font-size:20px;gap:10px}
header nav .login:before{width:34px;height:12px;left:calc(50% - 17px);top:-6px}
header nav .login span{font-size:20px}
}
@media(prefers-reduced-motion:reduce){header nav .login,header nav .login:hover{transform:none;transition:none}
}
header{background-image:var(--paper-grain),linear-gradient(113deg,transparent 0 48.5%,#73634805 49.1%,#ffffff16 49.5%,transparent 50.4%);background-repeat:repeat,no-repeat;background-size:512px 512px,100% 100%}
header .how-link,header .discover-nav{font-size:23px;line-height:28px}
@media(max-width:700px){header nav{gap:12px}
header .discover-nav{font-size:19px;line-height:24px}
}
header nav[aria-label="Pagrindinis"]{display:flex;align-items:center;gap:13px;flex-wrap:nowrap}
header nav[aria-label="Pagrindinis"]>a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px!important;min-height:46px;font:23px/1.1 Notebook,cursive!important;color:#34453e!important;text-decoration:none!important;background:#e3e9d5!important;border:0!important;border-radius:1px 2px 5px 1px!important;box-shadow:1px 3px 4px #53473018!important;transform:rotate(-1.4deg);white-space:nowrap}
header nav[aria-label="Pagrindinis"]>a:nth-child(2){background:#e1eaf0!important;transform:rotate(1deg)}
header nav[aria-label="Pagrindinis"]>a:nth-child(3){background:#eadfe5!important;transform:rotate(-.7deg)}
header nav[aria-label="Pagrindinis"]>a.create-nav{background:#eedb9e!important;transform:rotate(1deg)}
header nav[aria-label="Pagrindinis"]>a.login{background:#ece4d4!important;transform:rotate(-.7deg);gap:8px}
header nav[aria-label="Pagrindinis"]>a:before{display:none!important}
header nav[aria-label="Pagrindinis"]>a:hover{transform:translateY(2px);box-shadow:0 1px 2px #53473028!important}
header .brand img{filter:grayscale(1) brightness(.56) sepia(.5) saturate(.6);opacity:1}
header .brand img{width:62px;height:84px;object-fit:contain}
@media(max-width:1050px) and (min-width:701px){header{padding-left:25px;padding-right:25px}
header nav[aria-label="Pagrindinis"]{gap:8px}
header nav[aria-label="Pagrindinis"]>a{font-size:20px!important;padding:10px!important}
}
@media(max-width:700px){header:not(.app-header){height:142px;display:grid;grid-template-columns:45px 1fr;gap:12px;padding:10px 14px}
header .brand img{width:44px;height:70px}
header nav[aria-label="Pagrindinis"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
header nav[aria-label="Pagrindinis"]>a{font-size:18px!important;min-height:46px;padding:8px 5px!important;white-space:normal;text-align:center}
header .login span{margin-left:0}
}
@media(max-width:700px){header:not(.app-header){height:108px;grid-template-columns:38px 1fr;gap:8px;padding:8px 12px}
header .brand img{width:36px;height:65px}
header nav[aria-label="Pagrindinis"]{gap:6px}
header nav[aria-label="Pagrindinis"]>a{font-size:16px!important;min-height:40px;padding:5px!important}
}
header nav[aria-label="Pagrindinis"]>a{--tab-wash:#edf0e5;--tab-pencil:#6e7e68;--tab-angle:-.65deg;background:transparent!important;box-shadow:none!important;border-radius:0!important;isolation:isolate;transform:rotate(var(--tab-angle));color:#405149!important;transition:transform .18s ease,color .18s ease}
header nav[aria-label="Pagrindinis"]>a:nth-child(2){--tab-wash:#edf1f1;--tab-pencil:#71878b;--tab-angle:.45deg}
header nav[aria-label="Pagrindinis"]>a:nth-child(3){--tab-wash:#f2ecee;--tab-pencil:#8c7d84;--tab-angle:-.35deg}
header nav[aria-label="Pagrindinis"]>a.create-nav{--tab-wash:#f3eddb;--tab-pencil:#948767;--tab-angle:.55deg}
header nav[aria-label="Pagrindinis"]>a.login{--tab-wash:#f1eee6;--tab-pencil:#847e70;--tab-angle:-.35deg}
header nav[aria-label="Pagrindinis"]>a:hover{transform:translateY(-1px) rotate(0deg);box-shadow:none!important;color:#243c31!important}
header nav[aria-label="Pagrindinis"]>a:focus-visible{outline:2px solid #637f70;outline-offset:3px}
header nav[aria-label="Pagrindinis"] .nav-paper{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none;filter:drop-shadow(.5px 1px .7px #5a4c3312)}
.nav-paper-wash{fill:var(--tab-wash);fill-opacity:.72}
.nav-paper-line,.nav-paper-trace{fill:none;stroke:var(--tab-pencil);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.nav-paper-line{stroke-width:.8;stroke-opacity:.35}
.nav-paper-trace{stroke-width:.65;stroke-opacity:.2}
header nav[aria-label="Pagrindinis"] .nav-label{position:relative;z-index:1;font:inherit!important;margin:0;display:inline-block}
.nav-label>span{font:inherit!important}
@media(prefers-reduced-motion:reduce){header nav[aria-label="Pagrindinis"]>a{transition:none}
header nav[aria-label="Pagrindinis"]>a:hover{transform:none}
}
header nav[aria-label="Pagrindinis"]>a:nth-child(n){background:transparent!important;box-shadow:none!important}
header:not(.app-header){background:linear-gradient(118deg,#fffdf5,#f7f2e7 65%,#efe7d9)!important;border-bottom:0!important;box-shadow:none!important}
header .nav-paper{filter:drop-shadow(1px 2px .5px #49341d28) drop-shadow(3px 5px 3px #49341d20)}
header:not(.app-header){background:#f7f2e7!important}
header:not(.app-header):before{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:url("/static/experience/original/assets/daylight-shadow.webp") center top/100vw 100svh no-repeat;mix-blend-mode:multiply;opacity:.75}
header:not(.app-header) .brand{position:relative;z-index:6;isolation:isolate}
header:not(.app-header) .brand:before{content:'';position:absolute;inset:-9px -12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#fffdf3f2 0%,#fffdf3c9 42%,#fff8df50 65%,transparent 78%)}
header:not(.app-header) .brand img{filter:grayscale(1) brightness(.43) sepia(.35)!important;opacity:1}
header:not(.app-header) .brand{position:relative;z-index:6;isolation:isolate;overflow:visible}
header:not(.app-header) .brand:before{inset:-10px -15px;background:radial-gradient(ellipse,#25362df0 0%,#33463bd9 32%,#50615380 53%,#50615326 66%,transparent 79%);filter:blur(4px)}
header:not(.app-header) .brand img{width:62px;height:85px;object-fit:contain;opacity:1;filter:drop-shadow(0 0 1.2px #fffcebb3) drop-shadow(1.5px 2.5px 1px #28372e80)!important}
@media(max-width:700px){header:not(.app-header) .brand img{width:44px;height:62px;filter:drop-shadow(0 0 .8px #fffcebb3) drop-shadow(1px 2px .7px #28372e80)!important}
}
@media(prefers-contrast:more){header:not(.app-header) .brand img{filter:grayscale(1) brightness(.3)!important}
}
@media(max-width:700px){header:not(.app-header){grid-template-columns:44px minmax(0,1fr);max-width:100%}
header nav[aria-label="Pagrindinis"]{min-width:0;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
header nav[aria-label="Pagrindinis"]>a{min-width:0;white-space:normal;overflow-wrap:anywhere}
}
header:not(.app-header){backdrop-filter:none;-webkit-backdrop-filter:none}
header:not(.app-header):before{background-size:100% var(--daylight-height,100svh);background-position:center top;opacity:.75}
header:not(.app-header) .brand:before{content:none;background:none;filter:none}
header:not(.app-header) .brand img{width:78px;height:94px;object-fit:contain;filter:grayscale(1) brightness(1.08) drop-shadow(1px 1px .7px #62584b) drop-shadow(4px 6px 2px #41362666) drop-shadow(0 0 3px #e9f5ffb3)!important}
header nav[aria-label="Pagrindinis"]{gap:18px}
header nav[aria-label="Pagrindinis"]>a{padding:8px 13px!important}
@media(max-width:700px){header:not(.app-header){grid-template-columns:58px minmax(0,1fr);gap:8px;padding:8px 10px}
header:not(.app-header) .brand img{width:58px;height:82px;filter:grayscale(1) brightness(1.08) drop-shadow(.7px 1px .6px #62584b) drop-shadow(3px 4px 1.5px #41362666) drop-shadow(0 0 2px #e9f5ffb3)!important}
header nav[aria-label="Pagrindinis"]{gap:6px}
header nav[aria-label="Pagrindinis"]>a{font-size:15.5px!important;padding:5px 3px!important;min-height:40px}
header:not(.app-header):before{opacity:.85}
}
header:not(.app-header){height:134px;padding-top:5px;padding-bottom:5px}
header:not(.app-header) .brand img{width:101.4px;height:122.2px}
@media(max-width:700px){header:not(.app-header){height:124px;grid-template-columns:75.4px minmax(0,1fr);padding-top:8px;padding-bottom:8px}
header:not(.app-header) .brand img{width:75.4px;height:106.6px}
}
header:not(.app-header):before{opacity:calc(.75*var(--daylight-exit,1))}
@media(max-width:700px){header:not(.app-header):before{opacity:calc(.85*var(--daylight-exit,1))}
}
/* All page routes use the same physical header and handwriting. */
header.scene-header,header.scene-header *{box-sizing:border-box}
header.scene-header .nav-label,header.scene-header .account-menu summary,header.scene-header .account-menu summary span{font-family:ZknHand,cursive!important;font-weight:400!important}
header.scene-header .zkn-language-trigger{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
body:not(:has(#story))>header.scene-header{position:relative!important;top:auto!important;left:auto!important;margin:0!important;width:100%!important;transform:none!important;z-index:80}
body:not(:has(#story)){margin:0;background:#f3efe3!important;color:#34453e;font-family:Arial,sans-serif}
body:not(:has(#story)) main{width:min(1120px,92%);margin:22px auto 50px}
body:not(:has(#story)) h1,body:not(:has(#story)) h2,body:not(:has(#story)) h3,body:not(:has(#story)) .button,body:not(:has(#story)) button{font-family:ZknHand,cursive!important;font-weight:400!important}
body:not(:has(#story)) h1{font-size:clamp(36px,4.6vw,58px);line-height:1.12}
body:not(:has(#story)) h2{font-size:32px;line-height:1.15}
body:not(:has(#story)) .reading-sheet,body:not(:has(#story)) .note{background:#fffdf5!important;border:1px solid #d8cdb8!important;border-radius:2px 4px 3px 1px!important;box-shadow:2px 5px 12px #69533915!important;color:#34453e!important;position:relative;}
body:not(:has(#story)) .reading-sheet{padding:32px;margin:24px auto}
body:not(:has(#story)) .reading-sheet:before{content:'';position:absolute;top:-9px;left:36px;width:58px;height:19px;background:#bfcab294;transform:rotate(-7deg);pointer-events:none}
body:not(:has(#story)) .button,body:not(:has(#story)) button:not(.zkn-language-trigger):not(.zkn-language-option){color:#405149;background:#eee5c7;border:1px solid #b9aa85;border-radius:2px 4px 3px 2px;box-shadow:1px 2px 2px #69533918;font-size:22px;padding:8px 15px;line-height:1.2;min-height:44px}
body:not(:has(#story)) .quiet-action{background:transparent!important;border:0!important;box-shadow:none!important;color:#697164!important;text-decoration:underline}
.account-paper form label{display:block;margin:16px 0;font:22px/1.3 ZknHand,cursive}
.account-paper input:not([type=checkbox]),.account-paper select,.auth-paper input:not([type=checkbox]):not([type=hidden]){box-sizing:border-box;display:block;width:100%;min-height:46px;padding:10px 12px;background:#fffef9;border:1px solid #c9c0aa;border-radius:2px;color:#34453e;font:16px/1.4 Arial,sans-serif;margin:7px 0 15px}
.account-paper .account-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.account-paper fieldset{border:0;padding:0}.account-paper legend{font:22px ZknHand,cursive}.birthday-fields{display:flex;gap:8px}.birthday-fields select{min-width:0}
.auth-paper{max-width:570px}.auth-paper form{display:grid;gap:12px}.auth-paper form input[type=hidden]{display:none}.auth-paper form button{justify-self:start}.auth-paper .notice{margin:15px 0}
.remember-list{max-width:760px;margin:12px auto!important}.remember-list form{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.remember-list p{margin:0;flex:1;min-width:180px}
.notebook-tabs{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.notebook-tabs a{font:23px ZknHand,cursive;padding:5px 0;border-bottom:1px dashed #b6a88c}.notebook-tabs [aria-current=page]{border-bottom:2px solid #8d9b80}
@media(max-width:700px){:root{--scene-header:124px;--header-h:124px}body:not(:has(#story)) main{width:94%;margin:15px auto 30px}body:not(:has(#story)) .reading-sheet{padding:25px 18px}.account-paper .account-columns{grid-template-columns:1fr;gap:25px}.birthday-fields{gap:5px}.remember-list form{display:block}.remember-list p{margin:10px 0}header.scene-header nav[aria-label="Pagrindinis"]{min-width:0}header.scene-header .account-menu{min-width:0}header.scene-header .account-menu summary{font-size:15px!important;padding:2px!important}header.scene-header .account-menu summary .account-sketch{width:20px!important}}

body:not(:has(#story)){position:relative;isolation:isolate;background:#f4f0e5!important}
body:not(:has(#story))::before{content:'';position:absolute;inset:0 0 auto;height:100svh;background:url('/static/experience/original/assets/daylight-shadow.webp') center top/100vw 100svh no-repeat;opacity:.5;mix-blend-mode:multiply;pointer-events:none;z-index:-1}
body:not(:has(#story))>header.scene-header{background:transparent!important}

@media(min-width:701px) and (max-width:1050px){header.scene-header{padding-left:3%!important;padding-right:3%!important;gap:10px!important}header.scene-header nav[aria-label="Pagrindinis"]{gap:7px!important}header.scene-header nav[aria-label="Pagrindinis"]>a:not(.account-login){font-size:18px!important;padding:7px!important;min-height:42px!important}header.scene-header .account-menu summary,header.scene-header nav[aria-label="Pagrindinis"]>a.account-login{font-size:17px!important;padding:3px!important;max-width:105px;gap:3px}header.scene-header .account-sketch{width:23px!important}header.scene-header .zkn-language{margin-left:0;flex:none}}
@media(max-width:360px){header.scene-header .account-menu summary span:first-of-type{display:none}header.scene-header .account-menu summary{gap:2px!important;min-width:40px}header.scene-header nav[aria-label="Pagrindinis"]>a.account-login{font-size:14px!important;gap:2px!important}header.scene-header .account-login .account-sketch{display:none}}