.library-page{--ink:#172236;--red:#ef3340;--yellow:#ffd21c;--blue:#46aee8;--paper:#f9fcff;min-height:100vh;color:var(--ink);background:var(--paper);font-family:var(--font-body),sans-serif;background-image:repeating-linear-gradient(0deg,#0000 0 51px,#cfe9f7 52px 54px);overflow:hidden}.library-texture{border-bottom:5px solid var(--red);height:52px;box-shadow:inset 0 -2px 0 var(--yellow);background:#111 url(/notebook-texture.png) 50%/auto 100% repeat-x}.library-header{border-bottom:3px solid var(--ink);z-index:5;background:#f9fcfff2;justify-content:space-between;align-items:center;height:82px;padding:0 max(24px,50vw - 630px);display:flex;position:relative}.library-logo{font:400 20px/.72 var(--font-display),Impact,sans-serif;letter-spacing:.055em;align-items:center;gap:10px;display:flex}.library-logo img{width:44px;height:44px;box-shadow:4px 4px 0 var(--blue);border-radius:11px}.library-logo em{color:var(--red);font-style:normal}.library-desktop-nav{letter-spacing:.05em;align-items:center;gap:25px;font-size:12px;font-weight:1000;display:flex}.library-desktop-nav a{border-bottom:3px solid #0000;padding:12px 0}.library-desktop-nav a:hover,.library-desktop-nav a.active{color:var(--red);border-color:var(--red)}.library-mobile-nav{display:none}.library-hero{border:3px solid var(--ink);width:min(1260px,100% - 48px);min-height:430px;box-shadow:12px 12px 0 var(--yellow);background:#fff;border-radius:22px;grid-template-columns:1fr 1fr;margin:32px auto 24px;display:grid;position:relative;overflow:hidden}.library-hero-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px;display:flex;position:relative}.library-hero-copy small{letter-spacing:.16em;color:#5c7d98;font-size:12px;font-weight:1000}.library-hero h1{font:400 clamp(72px,7vw,112px)/.72 var(--font-display),Impact,sans-serif;letter-spacing:.035em;margin:20px 0}.library-hero h1 em{color:var(--red);font-style:normal}.library-hero p{max-width:520px;font-size:17px;font-weight:800;line-height:1.5}.library-hero-copy>a,.phrase-chapter-hero a{background:var(--red);color:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--yellow);font:400 21px var(--font-display),Impact,sans-serif;letter-spacing:.04em;margin-top:12px;padding:15px 18px}.library-hero-copy>a b{margin-left:28px}.library-hero>img{object-fit:cover;width:100%;height:100%;min-height:430px}.library-hero.phrases{box-shadow:12px 12px 0 var(--blue)}.library-tools{z-index:4;align-items:center;gap:18px;width:min(1260px,100% - 48px);margin:34px auto 0;display:flex;position:sticky;top:8px}.library-tools label{border:3px solid var(--ink);height:54px;box-shadow:5px 5px 0 var(--blue);background:#fff;border-radius:12px;flex:1;align-items:center;padding:0 17px;display:flex}.library-tools label span{margin-right:10px;font-size:25px}.library-tools input{width:100%;font:800 14px var(--font-body),sans-serif;color:var(--ink);background:0 0;border:0;outline:0}.library-tools>b{background:var(--yellow);border:3px solid var(--ink);font:400 20px var(--font-display),Impact,sans-serif;white-space:nowrap;border-radius:10px;padding:16px 20px}.jump-nav,.category-jump{scrollbar-width:thin;gap:7px;width:min(1260px,100% - 48px);margin:18px auto 45px;padding:0 0 7px;display:flex;overflow-x:auto}.jump-nav a{text-align:center;border:2px solid var(--ink);background:#eaf7ff;border-radius:8px;flex:1;min-width:88px;padding:12px 7px;font-size:11px;font-weight:1000}.jump-nav a:hover{background:var(--red);color:#fff}.category-jump{grid-template-columns:repeat(5,1fr);display:grid}.category-jump a{border:2px solid var(--ink);background:#eaf7ff;border-radius:9px;align-items:center;gap:8px;min-height:70px;padding:10px;font-size:10px;font-weight:1000;line-height:1.15;display:flex}.category-jump a b{color:var(--red);font:400 20px var(--font-display),Impact,sans-serif}.category-jump a:hover{background:var(--red);color:#fff}.category-jump a:hover b{color:#fff}.library-content{width:min(1260px,100% - 48px);margin:0 auto 80px}.word-chapter,.search-results{margin-bottom:70px;scroll-margin-top:90px}.chapter-title{border-bottom:4px solid var(--ink);grid-template-columns:1fr auto;align-items:end;margin-bottom:12px;padding:0 4px 14px;display:grid}.chapter-title span{letter-spacing:.15em;color:var(--red);font-size:11px;font-weight:1000}.chapter-title h2{font:400 clamp(45px,5vw,72px)/.8 var(--font-display),Impact,sans-serif;letter-spacing:.035em;grid-row:2;margin:8px 0 0}.chapter-title>b{background:var(--yellow);border:2px solid var(--ink);grid-area:1/2/3;padding:12px 15px;font-size:11px;transform:rotate(-1deg)}.word-list{grid-template-columns:1fr 1fr;gap:7px 18px;display:grid}.library-row{border:2px solid var(--ink);background:#fff;border-radius:7px;align-items:center;min-height:54px;transition:all .15s;display:grid}.library-row:hover{box-shadow:4px 4px 0 var(--blue);transform:translate(-2px,-2px)}.word-row{grid-template-columns:48px minmax(90px,.75fr) 1.25fr 40px;padding:5px 7px}.library-row>b{color:#5c7d98;font-size:10px}.word-row strong,.phrase-row strong{font:400 23px/.95 var(--font-display),Impact,sans-serif;letter-spacing:.035em;color:var(--red);overflow-wrap:anywhere}.word-row>span{font-size:13px;font-weight:800;line-height:1.25}.speak-button{border:2px solid var(--ink);width:32px;height:32px;color:var(--ink);cursor:pointer;background:#eaf7ff;border-radius:50%}.speak-button:hover{background:var(--yellow)}.library-image-break{border:3px solid var(--ink);height:340px;box-shadow:9px 9px 0 var(--red);border-radius:15px;margin:28px 0 0;position:relative;overflow:hidden}.library-image-break img{object-fit:cover;width:100%;height:100%}.library-image-break:after{content:"";background:linear-gradient(90deg,#172236cc,#0000 65%);position:absolute;inset:0}.library-image-break figcaption{z-index:2;color:#fff;display:grid;position:absolute;bottom:35px;left:35px}.library-image-break b{font:400 clamp(45px,6vw,82px)/.8 var(--font-display),Impact,sans-serif;color:var(--yellow);text-shadow:4px 4px 0 var(--ink)}.library-image-break span{margin-top:10px;font-size:14px;font-weight:900}.phrase-chapter{margin-bottom:70px;scroll-margin-top:90px}.phrase-chapter-hero{border:3px solid var(--ink);background:var(--ink);color:#fff;height:285px;box-shadow:10px 10px 0 var(--yellow);border-radius:18px;grid-template-columns:.72fr 1.28fr;margin-bottom:25px;display:grid;overflow:hidden}.phrase-chapter:nth-of-type(2n) .phrase-chapter-hero{box-shadow:10px 10px 0 var(--blue)}.phrase-chapter-hero img{object-fit:cover;width:100%;height:100%}.phrase-chapter-hero>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:32px;display:flex}.phrase-chapter-hero small{color:var(--yellow);letter-spacing:.13em;font-size:11px;font-weight:1000}.phrase-chapter-hero h2{font:400 clamp(38px,4vw,62px)/.8 var(--font-display),Impact,sans-serif;letter-spacing:.035em;text-transform:uppercase;margin:14px 0 8px}.phrase-chapter-hero p{margin:0;font-size:14px;font-weight:800}.phrase-chapter-hero a{margin-top:18px;padding:10px 13px;font-size:17px}.phrase-list{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.phrase-row{grid-template-columns:42px 1fr 40px;min-height:78px;padding:11px 10px}.phrase-row>div{gap:5px;display:grid}.phrase-row strong{font-size:21px}.phrase-row span{font-size:12px;font-weight:800;line-height:1.3}.library-empty{border:3px solid var(--ink);text-align:center;background:#fff;border-radius:18px;padding:70px 25px}.library-empty b{font:400 50px var(--font-display),Impact,sans-serif}.library-empty button{border:2px solid var(--ink);background:var(--yellow);padding:12px 18px;font-weight:1000}.back-to-top{background:var(--red);color:#fff;border:3px solid var(--ink);width:48px;height:48px;box-shadow:4px 4px 0 var(--yellow);z-index:4;border-radius:50%;place-items:center;font-size:22px;display:grid;position:fixed;bottom:18px;right:18px}.library-footer{background:var(--yellow);border-top:3px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:25px max(24px,50vw - 630px);display:flex}.library-footer b{font:400 28px var(--font-display),Impact,sans-serif;letter-spacing:.04em}.library-footer span,.library-footer a{font-size:11px;font-weight:1000}@media (width<=800px){.library-texture{height:42px}.library-header{height:70px;padding:0 14px}.library-logo{font-size:17px}.library-logo img{width:38px;height:38px}.library-desktop-nav{display:none}.library-mobile-nav{display:block;position:relative}.library-mobile-nav summary{background:var(--yellow);border:2px solid var(--ink);cursor:pointer;padding:9px 10px;font-size:10px;font-weight:1000;list-style:none}.library-mobile-nav summary::-webkit-details-marker{display:none}.library-mobile-nav div{border:3px solid var(--ink);width:185px;box-shadow:6px 6px 0 var(--yellow);background:#fff;display:grid;position:absolute;top:44px;right:0}.library-mobile-nav a{border-bottom:1px solid #bfdbea;padding:13px;font-size:11px;font-weight:1000}.library-hero{width:calc(100% - 20px);min-height:0;box-shadow:7px 7px 0 var(--yellow);border-radius:15px;grid-template-columns:1fr;margin:15px auto 20px}.library-hero-copy{padding:27px 22px}.library-hero h1{margin:14px 0;font-size:clamp(58px,17vw,82px)}.library-hero p{font-size:15px}.library-hero>img{object-position:center;grid-row:1;height:260px;min-height:0}.library-hero-copy>a{justify-content:space-between;width:100%;font-size:18px;display:flex}.library-tools{gap:7px;width:calc(100% - 20px);margin-top:25px;top:6px}.library-tools label{height:49px;box-shadow:3px 3px 0 var(--blue);padding:0 11px}.library-tools input{font-size:11px}.library-tools>b{padding:13px 9px;font-size:16px}.jump-nav,.category-jump{width:calc(100% - 20px);margin-bottom:30px}.category-jump{display:flex}.category-jump a{min-width:145px}.library-content{width:calc(100% - 20px);margin-bottom:55px}.word-chapter,.search-results,.phrase-chapter{margin-bottom:52px}.chapter-title h2{font-size:47px}.chapter-title>b{padding:9px;font-size:9px}.word-list,.phrase-list{grid-template-columns:1fr;gap:6px}.word-row{grid-template-columns:37px minmax(82px,.7fr) 1.3fr 35px;min-height:57px}.word-row strong{font-size:21px}.word-row>span{font-size:12px}.library-image-break{height:250px}.library-image-break figcaption{bottom:22px;left:20px}.library-image-break b{font-size:48px}.phrase-chapter-hero{height:auto;box-shadow:6px 6px 0 var(--yellow);grid-template-columns:1fr}.phrase-chapter-hero img{height:210px}.phrase-chapter-hero>div{padding:24px 19px}.phrase-chapter-hero h2{font-size:42px}.phrase-row{grid-template-columns:34px 1fr 35px;min-height:82px;padding:10px 7px}.phrase-row strong{font-size:20px}.phrase-row span{font-size:12px}.library-footer{flex-direction:column;align-items:flex-start;padding:24px 18px}.back-to-top{width:44px;height:44px}.speak-button{width:30px;height:30px}}@media (width<=390px){.library-hero h1{font-size:56px}.library-tools>b{display:none}.chapter-title h2{font-size:41px}.word-row{grid-template-columns:32px 78px 1fr 31px;padding-inline:5px}.word-row strong{font-size:19px}.word-row>span{font-size:11px}.phrase-chapter-hero h2{font-size:37px}.phrase-row strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.library-row{transition:none}}