*,*:before,*:after{box-sizing:border-box}*{margin:0;overflow-wrap:break-word}html,body{min-height:100dvh}body{line-height:1.5}input,button,textarea,select{font:inherit}:root{--spacing-0: 0px;--spacing-1: 2px;--spacing-2: 4px;--spacing-3: 6px;--spacing-4: 9px;--spacing-5: 15px;--spacing-6: 24px;--spacing-7: 38px;--spacing-8: 62px;--spacing-9: 100px;--spacing-10: 162px;--spacing-11: 262px;--spacing-12: 424px;--spacing-13: 685px;--spacing-14: 1109px;--radius-xs: 1px;--radius-s: 4px;--radius-m: 7px;--radius-l: 12px;--radius-xl: 20px;--radius-round: 10000px;--shadow-s: 0 1px 5px 0 oklch(from var(--color-text) l c h / .1);--shadow-m: 0 3px 10px 0 oklch(from var(--color-text) l c h / .2);--shadow-l: 0 5px 24px 0 oklch(from var(--color-text) l c h / .3);--font-xxxs: 12px;--font-xxs: 13px;--font-xs: 14px;--font-s: 17px;--font-m: 20px;--font-l: 24px;--font-xl: 41.47px;--font-xxl: 59.72px;--font-xxxl: 71.66px;--font-ui: system-ui, -apple-system, sans-serif;--font-reader: "Atkinson Hyperlegible", sans-serif;--color-background: hsl(0 0% 100%);--color-accent: hsl(240 81% 55%);--color-accent: oklch(47% .21 270);--color-accent-subtle: oklch(from var(--color-accent) l c h / .65);--color-error: hsl(11 50% 50%);--color-success: hsl(120 31% 44%);--color-text: hsl(0 0% 10%);--color-text-2: oklch(from var(--color-text) .45 c h);--color-text-3: oklch(from var(--color-text) .6 c h);--color-text-4: oklch(from var(--color-text) .7 c h);--color-surface-0: var(--color-background);--color-surface-1: oklch(from var(--color-text) l c h / .04);--color-surface-2: oklch(from var(--color-text) l c h / .08);--color-surface-3: oklch(from var(--color-text) l c h / .12);--nav-button-height: 44px}:root[data-theme=dark]{--color-text: hsl(0 0% 90%);--color-background: hsl(0 0% 15%);--color-accent: oklch(58% .21 270)}body{font-family:var(--font-ui);--page-padding: var(--spacing-6)}.no-scroll{overflow:hidden}.u--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button,.button{min-width:var(--spacing-7);padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);background:none;border:none;border-radius:var(--radius-l);color:var(--color-text-3);cursor:pointer;font-size:16px;font-weight:400;line-height:1.2;text-decoration:none;transition:50ms ease}button:hover:not(:disabled),button.selected,.button:hover:not(:disabled),.button.selected{background:var(--color-surface-1);color:oklch(from var(--color-text-3) calc(l - .2) c h)}button:hover:not(:disabled):active:not(.selected),button.selected:active:not(.selected),.button:hover:not(:disabled):active:not(.selected),.button.selected:active:not(.selected){background:var(--color-surface-2);transform:scale(.97);transition:.05s ease}button.primary,.button.primary{background:var(--color-accent);color:#fff!important}button.primary:hover,.button.primary:hover{background:oklch(from var(--color-accent) calc(l + .075) c h)}button.primary:hover:active,.button.primary:hover:active{background:oklch(from var(--color-accent) calc(l + .15) c h)!important}button .key,.button .key{margin-left:calc(var(--spacing-4) + var(--spacing-1));margin-bottom:2px;padding:0;align-self:flex-end;opacity:0;background:none!important;display:inline-flex;box-shadow:none}button:hover .key,.button:hover .key{opacity:.62}button.big,.button.big{padding:14px var(--spacing-6);font-size:17px}.key{margin-left:var(--spacing-2);padding:0px var(--spacing-2);background-color:var(--color-surface-1);border-radius:var(--radius-m);box-shadow:0 1px var(--color-surface-3);color:var(--color-text-3);font-size:12px;font-family:monospace}.landing-main{padding:0 var(--page-padding) var(--spacing-8)}.book-list{width:var(--spacing-13);margin:var(--spacing-8) auto}.book{--c: hsl(0 0% 0% / 10%);height:auto;width:100%;padding:35% var(--spacing-5) var(--spacing-5);display:inline-flex;flex-direction:column;aspect-ratio:3/4;background:var(--accent);border-radius:3px;box-shadow:var(--spacing-0) var(--spacing-1) var(--spacing-4) var(--c),var(--spacing-2) var(--spacing-3) var(--spacing-6) var(--c),var(--spacing-4) var(--spacing-5) var(--spacing-8) var(--c);color:#fff;font-size:19px;line-height:1.3;font-weight:600;text-align:center;text-decoration:none;--tsc: .05;text-shadow:1px 2px 1px rgba(0,0,0,var(--tsc)),2px 4px 1px rgba(0,0,0,var(--tsc));text-wrap:balance;transition:.4s ease;-webkit-user-select:none;user-select:none}.book:hover:not(.no-click){--c: hsl(0 0% 0% / 20%);transform:scale(1.025)}.book:hover:not(.no-click):active:not(.no-click){transform:translateY(0) scale(.975);transition:.1s}.book .title{margin-bottom:var(--spacing-4)}.book .author{opacity:.5;font-size:14px;font-weight:400}@media only screen and (max-width: 768px){body{--page-padding: var(--spacing-5)}.key{display:none}.book{padding:30% var(--spacing-4) var(--spacing-4)}}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../font/Atkinson-Hyperlegible-Regular-102a.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../font/Atkinson-Hyperlegible-Italic-102a.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../font/Atkinson-Hyperlegible-Bold-102a.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../font/Atkinson-Hyperlegible-BoldItalic-102a.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}.popup-menu{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2);background:var(--color-surface-0);border-radius:var(--radius-l);box-shadow:var(--shadow-m)}.popup-menu .popup-menu-item{border-radius:var(--radius-m)}.popup-menu .popup-menu-item:hover{background:var(--color-surface-1)}.popup-menu .popup-menu-item:hover:active,.popup-menu .popup-menu-item.active{background:var(--color-surface-2)}