@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--color-deepest: #0A0A08;--color-bg: #0F0F0D;--color-panel-1: #1E1C18;--color-panel-2: #262320;--color-accent: #D4520A;--color-highlight: #E8A028;--color-text: #EDEAE4}body{background-color:var(--color-deepest);margin:0;padding:0}#main{min-height:100vh}.app{min-height:100vh;width:100%;font-family:Lato,sans-serif;display:flex;flex-flow:column nowrap}.center-column{background-color:var(--color-bg);max-width:1300px;width:100%;margin:0 auto;display:flex;flex-flow:column nowrap;flex-grow:1}.title-bar{background-color:var(--color-deepest);text-align:center;padding:8px 5px;width:100%;color:var(--color-text)!important;border-bottom:2px solid var(--color-accent);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.title{font-family:Josefin Sans,sans-serif!important;color:inherit!important}.body-section{width:100%;display:flex;flex-flow:row wrap;justify-content:space-evenly;padding:20px;color:var(--color-text);font-size:17px}.body-panel{color:var(--color-text);padding:20px}.body-panel:nth-child(odd) .inner-panel{background-color:var(--color-panel-1)}.body-panel:nth-child(2n) .inner-panel{background-color:var(--color-panel-2)}.panel-header{border-top-left-radius:2px;border-top-right-radius:2px}.inner-panel{width:100%;padding:20px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.footer{width:100%;padding-top:10px;display:flex;justify-content:center;align-items:center;color:var(--color-text);flex-grow:0;border-top:2px solid var(--color-accent);border-bottom:none}.header-container{background-color:var(--color-deepest);width:100%;display:flex;flex-flow:row nowrap;padding:20px 40px;color:var(--color-text)!important;border-bottom:2px solid var(--color-accent)}.header-left{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-right:auto}.header-left .ant-typography{font-size:24px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin:0;color:var(--color-text)!important}.header-right{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:24px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.project-menu{padding:0;color:var(--color-text)!important}.ant-dropdown-menu-item-group-title{color:inherit!important;background-color:var(--color-deepest);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.ant-dropdown-menu-item-group-list{background-color:var(--color-deepest);margin:0}.ant-dropdown-menu-item-active:hover{background-color:var(--color-accent)!important;border:0}.ant-dropdown-menu-item-group-list a{color:var(--color-text)!important;font-weight:400;letter-spacing:.03em}.project-title{font-weight:700}.theme-picker{display:flex;flex-flow:row nowrap;align-items:center;gap:7px}.theme-swatch{width:12px;height:12px;border-radius:50%;border:1.5px solid transparent;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.theme-swatch:hover{transform:scale(1.4)}.theme-swatch.active{border-color:var(--color-text);transform:scale(1.3)}.about-container{padding:20px;max-width:1200px}.about-body .ant-typography{color:inherit!important;font-family:Lato,sans-serif!important;font-weight:300;line-height:1.75}.icon-container{width:auto;padding:5px}.icon{color:var(--color-text);padding:10px;font-size:44px;transition:color .15s ease}.icon:hover{color:var(--color-highlight)!important}.contact-container{padding:10px}.contact-text{padding-top:10px;font-size:13px;letter-spacing:.05em}.contact-text a{color:var(--color-highlight)}.book-list-container{display:flex;flex-flow:column nowrap;align-items:center;padding:20px;width:500px;max-width:100%}.read-book-list{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;overflow-y:auto;height:400px;row-gap:12px;scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.read-book-list::-webkit-scrollbar{width:4px}.read-book-list::-webkit-scrollbar-track{background:transparent}.read-book-list::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:2px}.book-container{padding:0 5px;text-align:center;flex:0 0 33.333%;max-width:33.333%;position:relative}.panel-loading{display:flex;align-items:center;justify-content:center;min-height:120px}.spinner{display:flex;align-items:center;gap:8px}.spinner-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-accent);animation:spinner-pulse 1.2s ease-in-out infinite}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes spinner-pulse{0%,60%,to{opacity:.15;transform:scale(.75)}30%{opacity:1;transform:scale(1)}}.book-image{height:150px;box-shadow:0 20px 30px -15px #000000b3}.panel-empty-state{display:flex;justify-content:center;align-items:center;height:160px;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--color-text);opacity:.25}.book-placeholder{height:150px;width:100px;background-color:var(--color-panel-2);margin:0 auto;opacity:.6}.book-overlay{position:absolute;width:100%;bottom:50%;right:50%;transform:translate(50%,50%);opacity:0;visibility:hidden;background-color:var(--color-deepest);overflow:hidden;font-size:12px;padding:6px}.book-container:hover .book-image{filter:blur(2px)}.book-container:hover .book-overlay{opacity:1;color:var(--color-text);visibility:visible;border-radius:2px}.book-title{font-weight:700;letter-spacing:.02em}.book-author{font-weight:300;font-size:11px;letter-spacing:.05em;margin-top:2px;opacity:.8}.wanikani-container{display:flex;flex-flow:row nowrap;justify-content:space-evenly}.wanikani-info-container{display:flex;flex-flow:column nowrap;justify-content:center;text-align:center;padding:10px 20px}.wanikani-info-label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);opacity:.45}.wanikani-info-value{font-family:Josefin Sans,sans-serif;font-size:44px;font-weight:300;color:var(--color-highlight);line-height:1.1;margin-top:4px}@media(max-width:680px){.header-container{padding:14px 16px;gap:10px}.header-left .ant-typography{font-size:17px;letter-spacing:.14em}.header-right{gap:10px;font-size:10px;letter-spacing:.12em}.body-section{flex-direction:column;align-items:stretch;padding:16px;gap:20px}.body-panel,.book-list-container{width:100%;padding:0}.about-container{padding:0}.read-book-list{height:340px}.book-image{height:110px}.book-placeholder{height:110px;width:72px}.wanikani-info-value{font-size:34px}}