.local-library-web{--ll-bg:#141216;--ll-surface:#211d23;--ll-text:#f7f0f4;--ll-muted:#b2a1ad;--ll-line:#ffffff18;--ll-pink:#efa8c0;background:var(--ll-bg);color:var(--ll-text);flex:1;font-family:Inter,system-ui,sans-serif;overflow:auto}.local-library-web.ll-light{--ll-bg:#fcf9f7;--ll-surface:#f2e9ee;--ll-text:#30262d;--ll-muted:#776470;--ll-line:#30262d1a;--ll-pink:#aa365f}.local-library-web *{box-sizing:border-box}.ll-shell{max-width:1100px;margin:auto;padding:28px clamp(20px,4vw,56px) 80px}.ll-shell nav{border-bottom:1px solid var(--ll-line);justify-content:space-between;padding-bottom:18px;display:flex}.ll-shell button,.ll-shell input{font:inherit}.ll-shell button{cursor:pointer;border:1px solid var(--ll-line);color:var(--ll-text);background:0 0;border-radius:4px;min-height:42px;padding:10px 15px;font-size:12px}.ll-shell nav button{color:var(--ll-muted);border:0;padding:4px 0}.ll-shell button:disabled{opacity:.4;cursor:default}.ll-shell :is(button,input,select):focus-visible{outline:2px solid var(--ll-pink);outline-offset:3px}.ll-eyebrow{color:var(--ll-pink);margin:32px 0 12px;font-size:11px}.ll-shell h1{letter-spacing:-1.5px;margin:0 0 18px;font-size:clamp(30px,4vw,44px)}.ll-shell :is(h1,h2)>span{color:var(--ll-pink)}.ll-description,.ll-backup>p{color:var(--ll-muted);max-width:680px;font-size:13px;line-height:1.8}.ll-import{background:var(--ll-surface);border:1px solid var(--ll-line);border-radius:4px;margin:28px 0;padding:22px}.ll-import label{font-size:12px;display:block}.ll-import label>span{color:var(--ll-muted)}.ll-import input:not([hidden]){border:1px solid var(--ll-line);background:var(--ll-bg);width:100%;max-width:420px;min-height:42px;color:var(--ll-text);border-radius:3px;margin:10px 0 16px;padding:10px 12px;font-size:14px;display:block}.ll-actions{flex-wrap:wrap;gap:10px;display:flex}.ll-shell .ll-primary{background:var(--ll-pink);border-color:var(--ll-pink);color:#392330}.ll-light .ll-primary{color:#fff}.ll-import>p,.ll-notice{color:var(--ll-muted);font-size:12px;line-height:1.7}.ll-notice{border-left:2px solid var(--ll-pink);background:var(--ll-surface);padding:12px 15px}.ll-heading{justify-content:space-between;align-items:center;gap:15px;margin:32px 0 18px;display:flex}.ll-heading h2,.ll-backup h2{letter-spacing:-.5px;font-size:23px}.ll-heading>span{color:var(--ll-muted);font-size:12px}.ll-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:22px;display:grid}.ll-grid article{min-width:0}.ll-shell .ll-book{text-align:left;border:0;width:100%;padding:0;display:block}.ll-book img{aspect-ratio:2/3;object-fit:cover;background:var(--ll-surface);border-radius:4px;width:100%}.ll-book h3{margin:10px 0 4px;font-size:13px;line-height:1.5}.ll-book p{color:var(--ll-muted);margin:0;font-size:11px}.ll-shell .ll-remove{color:var(--ll-muted);border:0;padding:6px 0;font-size:11px}.ll-empty{color:var(--ll-muted);padding:30px 0;font-size:13px}.ll-backup{border-top:1px solid var(--ll-line);margin-top:36px;padding-top:18px}@media (width<=600px){.ll-shell{padding:16px 20px 70px}.ll-import{padding:15px}.ll-actions button{flex:1}.ll-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}