.library-page{background:radial-gradient(circle at 90% 9%,rgba(91,112,239,.14),transparent 29rem),linear-gradient(180deg,#fff 0 35rem,#f5f8ff 54rem)}.library-shell{width:min(92rem,calc(100% - 2rem));margin:0 auto}.library-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);align-items:center;gap:4rem;min-height:35rem;padding:5rem clamp(1rem,4vw,4rem)}.library-hero h1{margin:.4rem 0 1.25rem;color:#30323b;font-size:clamp(3rem,5.4vw,5.6rem);line-height:.98;letter-spacing:-.055em}.library-hero h1 span{color:var(--primary)}.library-hero__copy>p:not(.eyebrow){max-width:45rem;color:var(--muted);font-size:1.15rem;line-height:1.75}.hero-button{display:inline-flex;align-items:center;margin-top:1rem;padding:.95rem 1.4rem;border-radius:99rem;color:#fff;background:var(--primary);box-shadow:0 .8rem 1.8rem #5b70ef47;text-decoration:none;font-weight:800}.hero-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.library-illustration{position:relative;min-height:24rem;border-radius:52% 48% 45% 55%/56% 40% 60% 44%;background:linear-gradient(145deg,#f2f6ff,#dfe7ff)}.library-illustration:before,.library-illustration:after{position:absolute;content:"";border-radius:50%;background:var(--cyan)}.library-illustration:before{width:2.1rem;height:2.1rem;top:13%;left:13%}.library-illustration:after{width:1.25rem;height:1.25rem;right:15%;bottom:13%;background:var(--primary)}.mini-book{position:absolute;display:grid;place-items:center;width:10rem;aspect-ratio:.74;border:.55rem solid #fff;border-radius:1.2rem;color:var(--primary);background:#f9fbff;box-shadow:0 1.5rem 2.5rem #34479733;font-size:2rem;font-weight:900}.mini-book--one{top:14%;left:21%;transform:rotate(-9deg)}.mini-book--two{right:17%;bottom:10%;color:#fff;background:linear-gradient(150deg,var(--cyan),var(--primary));transform:rotate(8deg)}.sound-orbit{position:absolute;z-index:3;right:12%;top:9%;display:grid;place-items:center;width:5rem;height:5rem;border:.7rem solid rgba(255,255,255,.8);border-radius:50%;color:#fff;background:var(--primary);box-shadow:0 .8rem 1.5rem #4355b740}.add-material{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(24rem,1.15fr);gap:1.5rem 3rem;align-items:center;padding:clamp(1.4rem,3vw,2.5rem)}.add-material__heading{display:flex;align-items:center;gap:1rem}.add-material__heading h2{margin:.25rem 0;font-size:clamp(1.45rem,2.5vw,2rem)}.add-material__heading p:not(.eyebrow){margin:.25rem 0 0;color:var(--muted)}.library-drop-zone{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:8.5rem;padding:1.25rem;border:2px dashed #b8c6ed;border-radius:1rem;color:var(--muted);background:#f8faff;text-align:center}.library-drop-zone.is-dragging{border-color:var(--primary);background:#edf1ff}.import-progress,.storage-info,.add-material>.error-message{grid-column:1 / -1;margin:0}.import-progress>div{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.import-progress output{color:var(--primary-dark);font-weight:850}.import-progress progress{width:100%;height:1rem;accent-color:var(--primary)}.storage-info{color:var(--muted);font-size:.8rem;text-align:right}.materials-section{padding:6rem 0 4rem}.materials-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.materials-heading h2,.voices-section h2{margin:.2rem 0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em}.materials-heading p:not(.eyebrow){margin:.4rem 0 0;color:var(--muted)}.search-field{display:grid;gap:.35rem;width:min(25rem,100%);color:var(--muted);font-size:.8rem;font-weight:750}.search-field input{min-height:3.2rem;padding:.7rem 1rem;border:1px solid #c7d1e5;border-radius:99rem;font:inherit;background:#fff}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(15rem,21rem));justify-content:center;gap:1.15rem;align-items:stretch}.material-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:1.1rem;background:#fff;box-shadow:0 1rem 2.4rem #2b40801a;transform:perspective(60rem) translateY(0) rotateX(0) rotateY(0);transform-origin:center bottom;transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease;will-change:transform}.material-card:after{position:absolute;z-index:2;inset:0;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.55) 45%,transparent 62%);transform:translate(-135%);transition:transform .55s ease}.material-card:hover{z-index:4;border-color:#b8c7f5;box-shadow:0 1.5rem 3rem #2b408033;transform:perspective(60rem) translateY(-.65rem) rotateX(1.5deg) rotateY(-1.5deg) scale(1.018)}.material-card:nth-child(2n):hover{transform:perspective(60rem) translateY(-.65rem) rotateX(1.5deg) rotateY(1.5deg) scale(1.018)}.material-card:hover:after{transform:translate(135%)}.material-card__link{display:block;color:inherit;text-decoration:none}.material-card__cover{position:relative;display:grid;place-items:center;height:clamp(7.5rem,10vw,9rem);overflow:hidden;color:var(--primary);background:linear-gradient(145deg,#f7f9ff,#e7edff);font-size:3rem}.material-card__cover img{width:100%;height:100%;object-fit:contain;background:#f1f4fa;transition:transform .32s ease,filter .32s ease}.material-card:hover .material-card__cover img{filter:saturate(1.05);transform:scale(1.045)}.material-card__open{position:absolute;right:.75rem;bottom:.75rem;padding:.55rem .75rem;border-radius:99rem;color:#fff;background:#3546a6f0;font-size:.78rem;font-weight:800;opacity:0;transform:translateY(.4rem);transition:.18s ease}.material-card:hover .material-card__open,.material-card__link:focus-visible .material-card__open{opacity:1;transform:none}.material-card__content{min-height:6.8rem;padding:.8rem .9rem .9rem}.material-card__type{color:var(--primary);font-size:.7rem;font-weight:850;letter-spacing:.1em}.material-card h3{display:-webkit-box;margin:.35rem 0;overflow:hidden;font-size:1.02rem;line-height:1.25;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.material-card__author,.material-card__meta{margin:.35rem 0;color:var(--muted);font-size:.86rem}.material-card__remove{position:absolute;right:.65rem;top:.65rem;z-index:3;min-height:2.2rem;padding:.35rem .65rem;border:0;color:#fff;background:#171f3de0;font-size:.75rem;opacity:.15}.material-card:hover .material-card__remove,.material-card__remove:focus-visible{opacity:1}.empty-library{display:grid;justify-items:center;min-height:20rem;padding:3rem 1rem;border:2px dashed #c9d4ed;border-radius:1.2rem;color:var(--muted);text-align:center;background:#ffffffad}.empty-library>div{display:grid;place-items:center;width:5rem;height:5rem;border-radius:50%;color:var(--primary);background:var(--soft-blue);font-size:2.2rem}.empty-library h3{margin:1rem 0 0;color:var(--ink);font-size:1.35rem}.empty-library p{max-width:35rem;margin:.55rem 0 1rem;line-height:1.6}.empty-library a{color:var(--primary-dark);font-weight:800}.voices-section{display:grid;grid-template-columns:minmax(16rem,.65fr) minmax(0,1.35fr);gap:3rem;padding:4rem clamp(1rem,4vw,4rem);margin-bottom:5rem;border-radius:1.5rem;background:linear-gradient(135deg,#eef3ff,#f9fbff)}.voices-intro>p:not(.eyebrow){color:var(--muted);line-height:1.65}.voice-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.voice-download-card{padding:1.25rem;border:1px solid #dbe3f6;border-radius:1rem;background:#fff;box-shadow:0 .8rem 1.8rem #34479714}.voice-download-card h3{margin:.55rem 0;font-size:1.05rem}.voice-download-card p{color:var(--muted);font-size:.84rem;line-height:1.55}.voice-download-card a{color:var(--primary-dark);font-size:.85rem;font-weight:800}.voice-tag{display:inline-block;padding:.3rem .5rem;border-radius:99rem;color:var(--primary-dark);background:var(--soft-blue);font-size:.7rem;font-weight:800}.voice-install-guide{grid-column:1 / -1;padding:1.5rem;border:1px solid #d7e0f4;border-radius:1rem;color:#30374a;background:#ffffffd6}.voice-install-guide h3{margin:0 0 .8rem;font-size:1.25rem}.voice-install-guide ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 2rem;margin:0;padding-left:1.4rem}.voice-install-guide li{padding-left:.25rem;line-height:1.55}.voice-install-guide p{margin:1rem 0 0;padding:.8rem 1rem;border-left:.3rem solid var(--primary);color:#39415a;background:#f5f7ff;line-height:1.55}@media(max-width:64rem){.library-hero{grid-template-columns:1fr;min-height:auto}.library-illustration{display:none}.add-material,.voices-section{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:42rem){.library-shell{width:min(100% - 1rem,92rem)}.library-hero{padding:3.5rem .6rem}.library-hero h1{font-size:3rem}.library-drop-zone{flex-direction:column}.materials-heading{align-items:stretch;flex-direction:column}.material-grid,.voice-download-grid{grid-template-columns:1fr}.voices-section{padding:2rem 1rem}.voice-install-guide ol{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.material-card,.material-card:after,.material-card__cover img,.material-card__open,.hero-button{transition:none}.material-card:hover,.material-card:nth-child(2n):hover{transform:none}}