:root{--paper:#121d1a;--paper-2:#1a2a25;--card:#1b2b26;--ink-3:#7f968c;--line:#2c423a;--rule:#e9efe709;--board:#16302a;--board-2:#1b3830;--shadow:0 1px 2px #0000004d,0 10px 26px -14px #000000b3;--shadow-lift:0 2px 4px #0000004d,0 24px 44px -18px #000000d9;--f-jp:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Noto Sans JP","Noto Sans Myanmar","Myanmar Text",sans-serif;--f-chalk:"Klee One","Zen Maru Gothic","Noto Sans Myanmar","Myanmar Text",cursive}body{background:var(--paper);background-image:linear-gradient(var(--rule) 1px,transparent 1px);color:var(--ink);font-family:var(--f-my);-webkit-text-size-adjust:100%;background-size:100% 34px;margin:0;padding-block:0 64px;padding-inline:20px;font-size:16px;line-height:1.85}@media (width<=480px){body{padding-inline:16px}}.wrap{flex-direction:column;gap:56px;max-width:1040px;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--f-jp);text-wrap:balance;margin:0;line-height:1.3}a{color:inherit;text-decoration:none}rt{color:var(--ink-3);font-size:.5em;font-family:var(--f-jp);letter-spacing:0;font-weight:500}:focus-visible{outline:3px solid var(--chalk-b);outline-offset:3px;border-radius:6px}.nav{justify-content:space-between;align-items:center;padding-top:20px;display:flex}.logo{font-family:var(--f-chalk);align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.logo i{background:var(--board);border:3px solid var(--wood);color:#f4cf5d;border-radius:8px;place-items:center;width:32px;height:32px;font-size:15px;font-style:normal;line-height:1;display:grid}.hero{background:var(--board);color:var(--board-ink);border:10px solid var(--wood);box-shadow:var(--shadow);border-radius:22px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:24px;padding:44px 44px 70px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 70% at 15% 0,#ffffff17,#0000 70%),radial-gradient(40% 50% at 95% 100%,#ffffff0d,#0000 70%);position:absolute;inset:0}.hero rt{color:var(--board-dim)}.eyebrow{font-family:var(--f-my);color:var(--board-dim);font-size:14px;font-weight:600}.hero h1{font-family:var(--f-chalk);letter-spacing:.01em;margin-top:10px;font-size:clamp(44px,8vw,72px);font-weight:600;line-height:1.1}.hero h1 span{color:#f4cf5d}.hero .squiggle{width:min(300px,70%);height:14px;margin-top:6px;display:block}.hero .lead{max-width:30em;color:var(--board-ink);margin-top:18px;font-size:17px}.hero .art{justify-self:end;width:100%;max-width:300px;position:relative}.tray{background:linear-gradient(var(--wood-2),var(--wood));align-items:flex-start;gap:14px;height:24px;padding:0 34px;display:flex;position:absolute;bottom:0;left:0;right:0}.tray i{border-radius:3px;height:7px;margin-top:5px;display:block;box-shadow:0 1px #0000004d}.tray i:first-child{background:#f4f1e6;width:46px}.tray i:nth-child(2){background:#f4cf5d;width:30px}.tray i:nth-child(3){background:#f08a80;width:22px}.tray i:nth-child(4){background:linear-gradient(#3b3b3b 0 45%,#c9b28d 45%);border-radius:3px;width:58px;height:12px;margin-top:2px;margin-left:auto}@media (width<=720px){.hero{border-width:8px;grid-template-columns:1fr;padding:30px 24px 60px}.hero .art{display:none}}.group{flex-direction:column;gap:22px;display:flex}.group-head{border-bottom:3px solid var(--ink);flex-wrap:wrap;align-items:flex-end;gap:6px 14px;padding-bottom:10px;display:flex}.group-head .no{font-family:var(--f-chalk);background:var(--ink);color:var(--paper);letter-spacing:.06em;border-radius:6px;align-self:center;padding:2px 10px;font-size:14px;font-weight:600}.group-head h2{font-size:clamp(24px,4.6vw,32px)}.group-head .jp{font-family:var(--f-jp);color:var(--chalk-b);white-space:nowrap;margin-left:.3em;font-size:.5em;font-weight:700}.group-head .meta{color:var(--ink-2);margin-left:auto;padding-bottom:4px;font-size:14px}.group-head .meta b{font-family:var(--f-chalk);color:var(--ink);font-size:17px;font-weight:600}.group-sub{color:var(--ink-2);margin-top:-10px;font-size:15px}.group-sub b{font-family:var(--f-chalk);color:var(--ink);font-weight:600}@media (width<=480px){.group-head h2{font-size:23px}}.books{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.book{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.book:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.cover{background:var(--board);color:var(--board-ink);border-bottom:7px solid var(--wood);flex-direction:column;justify-content:space-between;gap:14px;min-height:200px;padding:18px 20px 20px;display:flex;position:relative;overflow:hidden}.cover:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 10% 0,#ffffff14,#0000 70%);position:absolute;inset:0}.cover rt{color:var(--board-dim)}.cover .top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.level{font-family:var(--f-my);color:var(--board-dim);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.bars{align-items:flex-end;gap:3px;display:flex}.bars i{background:#ffffff2e;border-radius:2px;width:5px}.bars i:first-child{height:7px}.bars i:nth-child(2){height:11px}.bars i:nth-child(3){height:15px}.bars i.on{background:var(--acc)}.cover .num{font-family:var(--f-chalk);color:var(--board-dim);font-size:13px;font-weight:600}.cover .title{z-index:1;position:relative}.cover .big{font-family:var(--f-chalk);font-size:clamp(32px,6vw,40px);font-weight:600;line-height:1.25}.cover .ed{font-family:var(--f-chalk);color:var(--acc);margin-top:2px;font-size:17px;font-weight:600}.cover .under{width:62%;height:10px;color:var(--acc);margin-top:6px;display:block}.cover .art{opacity:.55;pointer-events:none;width:96px;position:absolute;bottom:10px;right:14px}.body{flex-direction:column;flex:1;gap:8px;padding:18px 20px;display:flex}.body h3{font-size:17px;font-weight:700}.body .by{font-family:var(--f-jp);color:var(--ink-3);font-size:13px;font-weight:500}.body p{color:var(--ink-2);margin-top:4px;font-size:15px}.foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.foot .n{color:var(--ink-2);font-size:14px}.foot .n b{font-family:var(--f-chalk);color:var(--ink);margin-right:2px;font-size:18px;font-weight:600}.foot .go{border:1.5px solid var(--ink);border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.foot .go .ar{transition:transform .2s}.book:hover .go{background:var(--ink);color:var(--paper)}.book:hover .go .ar{transform:translate(3px)}footer{text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:2px;font-size:14px;display:flex}footer .sig{font-family:var(--f-chalk);color:var(--ink);font-size:20px;font-weight:600}footer .dash{background:var(--line);border-radius:2px;width:60px;height:3px;margin-bottom:14px}@media (prefers-reduced-motion:reduce){.book,.foot .go,.foot .go .ar{transition:none}}