.qb-hub{--qb-orange-text:#a8521c}.qb-hub :focus-visible{outline:3px solid var(--lp-ink);outline-offset:3px}.qb-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lp .qb-hub-hero{gap:12px;padding-top:44px;padding-bottom:22px;display:grid;position:relative}.qb-hub-eyebrow{letter-spacing:.02em;color:var(--lp-strong);font-size:14px;font-weight:800}.lp .qb-hub-hero h1{max-width:15em;padding-right:110px;font-size:clamp(34px,4.8vw,58px)}.lp .qb-hub-hero h1 em{color:var(--qb-orange-text)}.qb-hub-lead{color:var(--lp-ink-soft);max-width:36em;font-size:18px;font-weight:600;line-height:1.5}.lp .qb-hub-mascot{right:max(24px, env(safe-area-inset-right,0px));width:84px;height:84px;position:absolute;top:40px}.qb-find{top:calc(env(safe-area-inset-top,0px) + 82px);z-index:5;background:var(--lp-card-bg);border:3px solid var(--lp-line);box-shadow:0 5px 0 var(--lp-shadow);border-radius:18px;align-items:center;gap:12px;margin-bottom:34px;padding:10px;display:flex;position:sticky}.qb-find-box{border:2px solid var(--lp-line);min-width:0;min-height:50px;color:var(--lp-ink-soft);background:#fff;border-radius:12px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.qb-find-box:focus-within{outline:3px solid var(--lp-ink);outline-offset:2px}.qb-find-box svg{width:20px;height:20px;image-rendering:pixelated;flex:none}.lp .qb-find-box input{min-width:0;height:46px;font:700 17px var(--f-body);color:var(--lp-ink);background:0 0;border:0;outline:none;flex:1}.qb-find-box input::placeholder{color:var(--lp-ink-soft);opacity:1;font-weight:600}.qb-find-box input::-webkit-search-cancel-button{cursor:pointer}.qb-jump{border:2px solid var(--lp-line);background:#fff;border-radius:12px;flex:none;display:flex;overflow:hidden}.lp .qb-jump a{min-height:50px;font:800 15.5px var(--f-body);color:var(--lp-ink);white-space:nowrap;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.lp .qb-jump a+a{border-left:2px solid var(--lp-line)}.lp .qb-jump a:hover{background:var(--lp-gold)}.lp .qb-jump a:focus-visible{outline-offset:-4px}.qb-mine{margin-bottom:40px}.lp .qb-mine-h{margin-bottom:14px;font-size:24px}.qb-mine ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.lp .qb-mine a{min-height:52px;color:var(--lp-ink);background:var(--lp-card-bg);border:3px solid var(--lp-line);box-shadow:0 4px 0 var(--lp-shadow);border-radius:14px;align-items:center;gap:10px;padding:6px 16px 6px 12px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.qb-mine a i{background:var(--bk);border:2px solid var(--lp-line);border-radius:2px 4px 4px 2px;flex:none;width:16px;height:22px}.qb-mine a span{font-size:16px;font-weight:800}.qb-mine a small{color:var(--lp-ink-soft);font-size:13.5px;font-weight:700}.qb-mine a b{color:var(--qb-orange-text)}.lp .qb-mine a:hover{background:var(--lp-gold);box-shadow:0 5px 0 var(--lp-shadow);transform:translateY(-1px)}.lp .pp .qb-hub-shelves{padding-block:0 72px}.lp .pp .qb-shelf,.lp .pp .qb-how{padding-block:0}.qb-shelf{scroll-margin-top:170px}.lp .qb-shelf-name{flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 20px;font-size:clamp(26px,3vw,32px);display:flex}.qb-shelf-name span{font:700 15px var(--f-body);color:var(--lp-ink-soft)}.qb-books{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));align-items:start;gap:28px 22px;margin:0;padding:0 6px;list-style:none;display:grid}.qb-plank{border:3px solid var(--lp-line);height:14px;box-shadow:0 6px 0 var(--lp-shadow);background:linear-gradient(#d2b48f 0 4px,#c4a484 4px);border-radius:4px;margin:26px -8px 56px}.lp .qb-book{height:100%}.lp .qb-book-cover{justify-items:start;gap:10px;padding:16px 16px 18px}.lp .qb-book .qb-book-plate{margin:0;font-size:25px;font-weight:700;line-height:1.05}.qb-book-total{color:var(--lp-ink);border:2px solid var(--lp-line);background:#fdf9f1eb;border-radius:7px;padding:5px 8px;font-size:13.5px;font-weight:800;line-height:1;display:inline-block}.qb-book .lp-book-rib{transition:height .15s ease-out}.qb-book:hover .lp-book-rib,.qb-book:focus-within .lp-book-rib{height:44px}.qb-keys-board{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 8px;margin:0;padding:30px 16px 18px;list-style:none;display:grid}.qb-keys-board .is-wide{grid-column:1/-1}.lp .qb-keys-board a{box-sizing:border-box;min-height:44px;color:var(--lp-ink);border:2px solid var(--lp-line);box-shadow:0 3px 0 var(--lp-shadow);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 11px 6px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background-color 80ms;display:flex}.qb-keys-board a>span[aria-hidden]{font-size:15.5px;font-weight:800;line-height:1.2}.qb-keys-board a small{color:var(--lp-ink-soft);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;line-height:1.2}.lp .qb-keys-board a:hover{background:var(--lp-gold);box-shadow:0 4px 0 var(--lp-shadow);transform:translateY(-1px)}.lp .qb-keys-board a:active{box-shadow:0 1px 0 var(--lp-shadow);transform:translateY(2px)}.lp .qb-none{justify-items:start;gap:14px;margin-bottom:48px;padding:22px 24px;display:grid}.qb-none p{color:var(--lp-ink-soft);font-size:17px;font-weight:600}.qb-none strong{color:var(--lp-ink)}.lp .qb-how-h{margin-bottom:18px;font-size:clamp(26px,3vw,32px)}.qb-how ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.qb-how li{background:var(--lp-card-bg);border:3px solid var(--lp-line);box-shadow:0 5px 0 var(--lp-shadow);border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:18px;display:grid}.qb-how-n{width:40px;height:40px;font:700 22px var(--f-px);color:var(--lp-ink);background:var(--lp-gold);border:2px solid var(--lp-line);border-radius:10px;grid-row:span 2;place-items:center;display:grid}.lp .qb-how h3{font-size:21px}.qb-how p{color:var(--lp-ink-soft);font-size:15.5px;font-weight:600}@media (prefers-reduced-motion:reduce){.qb-book .lp-book-rib,.lp .qb-keys-board a,.lp .qb-mine a{transition:none}.lp .qb-keys-board a:hover,.lp .qb-keys-board a:active,.lp .qb-mine a:hover{transform:none}}@media (max-width:980px){.qb-how ol{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.qb-find{flex-direction:column;align-items:stretch;margin-bottom:28px;padding:8px;position:static}.qb-jump a{flex:1;justify-content:center;padding:0 8px}.lp .qb-jump a{min-height:44px}}@media (max-width:620px){.lp .qb-hub-hero{gap:10px;padding-top:26px;padding-bottom:16px}.lp .qb-hub-hero h1{padding-right:64px}.qb-hub-lead{font-size:15.5px}.lp .qb-hub-mascot{width:56px;height:56px;top:22px}.qb-books{grid-template-columns:minmax(0,1fr);gap:22px;padding:0 2px}.lp .qb-book-cover{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;padding:12px 14px 14px;display:flex}.lp .qb-book .qb-book-plate{max-width:100%;font-size:22px}.qb-book-total{margin-right:26px}.qb-keys-board{padding:28px 12px 14px}.qb-plank{margin:20px -4px 40px}.qb-mine ul{display:grid}.lp .qb-mine a{display:flex}.qb-mine a b{margin-left:auto}}.qb-boards-here{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qb-boards-here>span:first-child{color:var(--lp-ink-soft);font-size:14px;font-weight:800}.lp .qb-boards-here a,.qb-boards-here .is-on{min-height:36px;font:800 14.5px var(--f-body);color:var(--lp-ink);border:2px solid var(--lp-line);box-shadow:0 2px 0 var(--lp-shadow);background:#fff;border-radius:9px;align-items:center;padding:4px 12px;text-decoration:none;display:inline-flex}.lp .qb-boards-here a:hover{background:var(--lp-gold)}.qb-boards-here .is-on{background:var(--lp-gold);box-shadow:inset 0 2px #2b23262e}@media (max-width:620px){.qb-boards-here{scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(-1 * max(18px, env(safe-area-inset-left,0px)));padding:2px max(18px, env(safe-area-inset-left,0px)) 4px;flex-wrap:nowrap;overflow-x:auto}.qb-boards-here::-webkit-scrollbar{display:none}.qb-boards-here>*{white-space:nowrap;flex:none}}