@font-face{font-family:Public Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/publicsans/v15/ijwTs572Xtc6ZYQws9YVwnNDTJPax9k0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/publicsans/v15/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/publicsans/v15/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNJfJ7Cww.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/publicsans/v15/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--black: black;--light-gray: #dee2e6;--gray: #6c757d;--white: #FFFFFC;--off-white: #F8F8FF;--red: #FFADAD;--orange: #FFD6A5;--yellow: #FDFFB6;--green: #CAFFBF;--blue: #9BF6FF;--indigo: #A0C4FF;--purple: #BDB2FF;--pink: #FFC6FF;--primary-bg: var(--white);--border-color: var(--black);--title-fg: var(--black);--body-fg: var(--black);--detail-fg: var(--gray);--nav-bg: var(--purple);--button-fg: var(--black);--button-bg: var(--yellow);--shadow-sm: drop-shadow(2px 2px 0px #000000);--shadow-md: drop-shadow(4px 4px 0px #000000);--border: 2px solid var(--border-color);--font-family: "Public Sans", sans-serif}html,body{margin:0;font-family:var(--font-family);font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:16px;background-color:var(--primary-bg);color:var(--title-fg)}*{box-sizing:border-box}.vis-hidden{visibility:hidden}h1{font-size:clamp(1.2rem,4vw,2rem)}h2{font-size:clamp(1.1rem,4vw,1.5rem)}h3{font-size:clamp(1rem,4vw,1.17rem)}.detail{color:var(--body-fg)}.row{display:flex;gap:8px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:8px}a{color:inherit;text-decoration:none}form h3{margin-bottom:4px}.select-box{position:relative;width:100%}.select-box select{appearance:none;border:none;margin:0;cursor:inherit;line-height:inherit;outline:none;color:var(--button-fg);background-color:var(--yellow);border:var(--border);border-radius:0;height:34px;width:100%;display:flex;padding:0 8px;align-items:center;font-size:16px;font-family:var(--font-family);font-weight:700}.select-box select:hover{filter:var(--shadow-sm);cursor:pointer}.select-box .arrow{position:absolute;top:50%;right:8px;transform:translateY(-50%);pointer-events:none}input[type=number],input[type=password],input[type=email],input[type=text]{border:var(--border);border-radius:0;height:34px;width:100%;display:flex;padding:0 8px;align-items:center;font-family:var(--font-family);font-size:16px;font-weight:700}input[type=number]:focus-visible,input[type=password]:focus-visible,input[type=email]:focus-visible,input[type=text]:focus-visible{outline:none;filter:var(--shadow-sm)}button:hover{cursor:pointer}button{font-size:16px;font-weight:700}button:hover{cursor:pointer;filter:var(--shadow-sm)}button:focus-visible{outline:none;filter:var(--shadow-sm)}button[disabled]{background-color:var(--light-gray)}button[disabled]:hover{filter:none}.button{height:34px;display:flex;padding:0 8px;align-items:center;justify-content:center;border:none;font-size:16px;font-weight:700;color:var(--button-fg);background-color:var(--button-bg);border:var(--border)}.button:hover{cursor:pointer;filter:var(--shadow-sm)}.button:focus-visible{outline:none;filter:var(--shadow-sm)}.button[disabled]{background-color:var(--light-gray)}.button[disabled]:hover{filter:none}.button.secondary{background-color:var(--primary-bg)}.header{height:34px;display:flex;padding:0 8px;align-items:center;border:none;font-size:16px;font-weight:700;background-color:var(--button-bg);border:var(--border)}
