@import url(https://fonts.googleapis.com/css2?family=Koulen&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{align-items:center;background-color:#000;display:flex;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-logo{height:auto;width:100px}.app-header nav{display:flex}.app-header nav a{color:#fff;font-family:Koulen,sans-serif;font-size:1.2rem;margin:0 10px;padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s}.app-header nav a:hover{background-color:#b582a1}.hamburger-button{font-size:1.5rem}@media (max-width:768px){.app-header{flex-wrap:wrap}.header-logo{margin-right:auto}.hamburger-button{display:block}.app-header nav{background-color:#000;display:none;flex-direction:column;left:0;position:absolute;top:100%;width:100%}.app-header nav.open{display:flex}.app-header nav a{border-top:1px solid #333;margin:0;padding:15px 20px}}.story-page{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Koulen,sans-serif;min-height:100vh;padding:20px;position:relative}.tab-navigation{display:flex;justify-content:center;margin-bottom:20px;width:100%}.tab-navigation button{background-color:initial;border:none;color:#fff;cursor:pointer;flex:1 1;font-family:Koulen,sans-serif;font-size:1.2rem;margin:0 5px;padding:10px 20px;transition:background-color .3s,color .3s;white-space:nowrap}.tab-navigation button.active{background-color:#000;color:#fff}.content-viewer{height:0;overflow:hidden;padding-bottom:75%;position:relative;width:100%}.story-image{object-fit:contain}.commentary-content,.story-image{height:100%;left:0;position:absolute;top:0;width:100%}.commentary-content{background-color:#fff;box-sizing:border-box;color:#000;font-family:Koulen,sans-serif;overflow-y:auto;padding:20px}.commentary-content h2{font-size:1.8em;margin-bottom:15px}.commentary-content p{font-size:1.2em;line-height:1.6;white-space:pre-wrap}.arrow{background:none;border:none;color:#fff;cursor:pointer;font-family:Koulen,sans-serif;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.left-arrow{left:20px}.right-arrow{right:20px}.page-number{font-size:1rem;margin-top:10px}@media (max-width:768px){.story-page{padding:10px}.story-title{font-size:1.8rem}.story-container{padding:10px;width:95%}.tab-navigation button{font-size:1rem;padding:8px 15px}.commentary-content h2{font-size:1.5em}.commentary-content p{font-size:1em}.arrow{font-size:1.5rem}.page-number{font-size:.8rem}}@media (max-width:480px){.story-container{width:100%}.story-title{font-size:1.6rem}.tab-navigation button{font-size:.9rem;padding:5px 10px}.commentary-content h2{font-size:1.3em}.commentary-content p{font-size:.9em}.arrow{font-size:1.2rem}.page-number{font-size:.7rem}}.protected-story{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Koulen,sans-serif;min-height:100vh;padding:20px;position:relative}.story-title{font-size:2.5rem;margin-bottom:.5rem;text-align:center}.story-container{align-items:center;background-color:#0009;border-radius:5px;display:flex;flex-direction:column;max-width:800px;padding:20px;width:80%}.content{text-align:center;width:100%}.content h2{font-size:1.8em;margin-bottom:20px}.content p{font-size:1.2em;margin-bottom:30px}.password-input{display:flex;justify-content:center;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:400px;position:relative;width:80%}.password-input input{background-color:#000;border:1px solid #fff;border-radius:4px;color:#fff;font-size:1.1em;padding:12px 40px 12px 12px;width:100%}.toggle-password{background:none;border:none;cursor:pointer;height:20px;overflow:hidden;padding:0;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px}.eyelid{background-color:#fff;border-radius:0 0 50% 50%;height:100%;transition:all .3s ease;width:100%}.toggle-password.open .eyelid{transform:translateY(-100%)}.submit-button{border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:Koulen,sans-serif;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}.submit-button,.submit-button:hover{background-color:#567c93}.typeform-container{margin-top:30px}@media (max-width:768px){.story-container{padding:10px;width:95%}.story-title{font-size:1.8rem}.content h2{font-size:1.5em}.password-input{width:90%}.submit-button{font-size:14px;padding:10px 20px}}@media (max-width:480px){.story-container{width:100%}.story-title{font-size:1.6rem}.content h2{font-size:1.3em}.content p{font-size:1em}.password-input{width:100%}.submit-button{font-size:12px;padding:8px 16px}}.kyotish-dictionary-page{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Koulen,sans-serif;min-height:100vh;padding:20px;position:relative}.dictionary-title{font-size:2.5rem;margin-bottom:.5rem;text-align:center}.kyotish-dictionary-container{align-items:center;background-color:#0009;border-radius:5px;display:flex;flex-direction:column;max-width:1200px;padding:20px;width:90%}.tabs{display:flex;justify-content:center;margin-bottom:20px;width:100%}.tab{background-color:initial;border:none;color:#fff;cursor:pointer;flex:1 1;font-family:Koulen,sans-serif;font-size:1.2rem;margin:0 5px;padding:10px 20px;text-align:center;transition:background-color .3s,color .3s}.tab.active{background-color:#000;color:#fff}.translator{width:100%}.translation-container{display:flex;gap:20px;justify-content:center}.input-area,.output-area{margin-bottom:20px;width:45%}.kyotish-text,textarea{word-wrap:break-word;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;font-family:Koulen,sans-serif;font-size:18px;height:300px;line-height:1.5;overflow-wrap:break-word;padding:15px;resize:none;white-space:pre-wrap;width:100%}textarea{background-color:#f9f9f9;color:#000}.character-count{color:#fff;font-size:.8em;margin-top:5px;text-align:right}.alphabet h2{color:#fff;font-size:24px;margin-bottom:20px;text-align:center}.alphabet-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(6,1fr);width:100%}.alphabet-item{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;padding:15px}.english-char,.kyotish-char{color:#000;font-size:20px;margin-bottom:5px}.star-icon{bottom:20px;height:auto;position:fixed;right:20px;width:100px}.download-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:Koulen,sans-serif;font-size:16px;margin:4px 2px;padding:15px 32px;text-align:center;text-decoration:none}.download-btn,.download-btn:hover{background-color:#567c93}@media (max-width:768px){.kyotish-dictionary-page{padding:10px}.dictionary-title{font-size:1.8rem;margin-bottom:.3rem}.kyotish-dictionary-container{padding:10px;width:95%}.translation-container{flex-direction:column}.input-area,.output-area{width:100%}.tab{font-size:1rem;padding:8px 15px}.kyotish-text,textarea{font-size:16px;height:250px}.alphabet-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.english-char,.kyotish-char{font-size:16px}.star-icon{bottom:10px;right:10px;width:60px}}@media (max-width:480px){.dictionary-title{font-size:1.6rem}.tab{font-size:.9rem;padding:5px 10px}.kyotish-text,textarea{font-size:14px;height:200px}.alphabet-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.english-char,.kyotish-char{font-size:14px}.star-icon{width:40px}}.kyotish-text{background-color:initial;border:none;color:#fff;outline:none;overflow-y:auto}.kyotish-text span{background-color:initial!important;border:none;outline:none}.App{text-align:center}header{background-color:#333;padding:5px 20px}header nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.desktop-menu ul{display:flex;flex-wrap:wrap;justify-content:flex-start;list-style-type:none;margin:0;padding:0}.desktop-menu ul li{margin:0 15px 0 0}.desktop-menu ul li a{color:#fff;font-size:.9em;text-decoration:none}.mobile-menu{display:none}.hamburger-button{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;padding:10px}.typeform-button{margin-left:auto}.bm-burger-button{display:none}.bm-menu{background:#373a47;font-size:1.15em;padding:2.5em 1.5em 0}.bm-menu-wrap{top:0}.bm-item-list{display:flex;flex-direction:column;padding:.8em}.bm-item{border-bottom:1px solid #4a4a4a;color:#b8b7ad;display:block;font-size:1.2em;margin-bottom:10px;padding:15px 0;text-align:left;text-decoration:none;transition:color .3s}.bm-item:last-child{border-bottom:none;margin-bottom:0}.bm-item:hover{color:#fff}.main-container{background-color:#000;color:#fff;min-height:calc(100vh - 120px);padding:20px}main{padding-bottom:20px}.call-to-action{background-color:#333;color:#fff;margin-top:20px;padding:30px 20px}.call-to-action h2{color:#fff;margin-bottom:20px}footer{background-color:#333;color:#fff;margin-top:20px;padding:20px}@media (max-width:768px){.desktop-menu{display:none}.hamburger-button,.mobile-menu{display:block}header nav{justify-content:space-between}.typeform-button{margin-left:0}.bm-menu{width:250px}.bm-item{padding:15px;text-align:center}}@media (max-width:480px){header{padding:5px 10px}.typeform-button{font-size:.8em}}@font-face{font-family:kyotish;font-style:normal;font-weight:400;src:url(/static/media/kyotish.f1dc7005c47c366b94e9.eot);src:url(/static/media/kyotish.f1dc7005c47c366b94e9.eot#iefix) format("embedded-opentype"),url(/static/media/kyotish.0d8189813e0c15cd5b15.woff2) format("woff2"),url(/static/media/kyotish.046284f9d85e45fd42b0.woff) format("woff"),url(/static/media/kyotish.1d0f496c797b1bf927fc.ttf) format("truetype"),url(/static/media/kyotish.f1b622086f709a51c6fa.svg#kyotish) format("svg")}[class*=" icon-"]:before,[class^=icon-]:before{speak:never;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:kyotish;font-style:normal;font-variant:normal;font-weight:400;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.icon-x:before{content:"\e800"}.icon-v:before{content:"\e801"}.icon-w:before{content:"\e802"}.icon-interr:before{content:"\e803"}.icon-u:before{content:"\e804"}.icon-y:before{content:"\e805"}.icon-p:before{content:"\e806"}.icon-r:before{content:"\e807"}.icon-t:before{content:"\e808"}.icon-n:before{content:"\e809"}.icon-q:before{content:"\e80a"}.icon-m:before{content:"\e80b"}.icon-o:before{content:"\e80c"}.icon-j:before{content:"\e80d"}.icon-z:before{content:"\e80e"}.icon-s:before{content:"\e80f"}.icon-h:before{content:"\e810"}.icon-g:before{content:"\e811"}.icon-l:before{content:"\e812"}.icon-i:before{content:"\e813"}.icon-e:before{content:"\e814"}.icon-d:before{content:"\e815"}.icon-k:before{content:"\e816"}.icon-f:before{content:"\e817"}.icon-a:before{content:"\e818"}.icon-b:before{content:"\e819"}.icon-c:before{content:"\e81a"}.icon-exclam:before{content:"\e81b"}.icon-9:before{content:"\e81c"}.icon-2:before{content:"\e81d"}.icon-3:before{content:"\e81e"}.icon-8:before{content:"\e81f"}.icon-1:before{content:"\e820"}.icon-0:before{content:"\e821"}.icon-4:before{content:"\e822"}.icon-7:before{content:"\e823"}.icon-10:before{content:"\e824"}.icon-5:before{content:"\e825"}.icon-6:before{content:"\e826"}
/*# sourceMappingURL=main.1c360840.css.map*/