.library-hub{color:var(--foreground);gap:20px;display:grid}.lib-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.lib-heading h1{margin:0}.lib-heading p{margin-bottom:0}.lib-search{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.lib-search label,.lib-form label{font-size:var(--text-caption);font-weight:var(--weight-medium);gap:6px;display:grid}.lib-search input,.lib-form input:not([type=checkbox]),.lib-form textarea,.lib-form select{box-sizing:border-box;border:1px solid var(--input);border-radius:var(--ui-radius-field);width:100%;min-width:0;min-height:44px;font:var(--weight-regular) var(--text-body)/var(--leading-control) var(--font-family);background:var(--card);color:inherit;padding:9px 12px;box-shadow:0 1px 3px #0000000d}.lib-search label{flex:1;min-width:180px}.lib-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lib-actions button:not(.button,.school-pager__button),.lib-search>button:not(.button,.school-pager__button),.lib-card>button,.lib-picker-list button{background:var(--card);min-height:40px;color:var(--foreground);border:1px solid var(--border);border-radius:var(--ui-radius-control);font:var(--weight-medium) var(--text-caption)/var(--leading-control) var(--font-family);cursor:pointer;justify-content:center;align-items:center;padding:7px 12px;transition:background .15s;display:inline-flex}.lib-actions button:not(.button,.school-pager__button):not(:disabled):hover,.lib-search>button:not(.button,.school-pager__button):not(:disabled):hover,.lib-card>button:not(:disabled):hover,.lib-picker-list button:not(:disabled):hover{background:var(--accent)}.lib-actions button[aria-label]:not(.school-pager__button){min-width:40px;padding-inline:0}nav.lib-actions:not(.school-pager){color:var(--muted-foreground);gap:2px}nav.lib-actions:not(.school-pager) button:not(.button,.school-pager__button){color:var(--muted-foreground);font-size:var(--text-body);background:0 0;border-color:#0000;padding-inline:8px}nav.lib-actions:not(.school-pager) button:not(.button,.school-pager__button):last-child{color:var(--foreground)}nav.lib-actions:not(.school-pager) button+button:before{content:"/";color:var(--muted-foreground);font-weight:var(--weight-regular);margin-left:-10px;margin-right:10px}.lib-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.lib-card{border:1px solid var(--border);background:var(--card);border-radius:var(--ui-radius-card);overflow-wrap:anywhere;flex-direction:column;align-items:start;gap:8px;min-width:0;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.lib-card>svg{box-sizing:content-box;border-radius:var(--ui-radius-field);background:var(--primary-soft);color:var(--primary-foreground);padding:9px}.lib-card h2{font-size:var(--text-heading);letter-spacing:-.02em;margin:0}.lib-card p{white-space:pre-wrap;color:var(--muted-foreground);margin:0}.lib-card small{color:var(--muted-foreground)}.lib-card h2 a{color:var(--foreground);text-decoration:none}.lib-card h2 a:hover{text-underline-offset:3px;text-decoration:underline}.lib-title{text-align:left;color:var(--foreground);font:var(--weight-regular) var(--text-body)/var(--leading-control) var(--font-family);cursor:pointer;background:0 0;border:0;padding:0}.lib-title:hover{text-underline-offset:3px;text-decoration:underline}.lib-card h2 .lib-title{font-size:var(--text-heading);font-weight:var(--weight-bold);line-height:var(--leading-heading);letter-spacing:-.02em}.lib-card-actions{border-top:1px solid var(--border);width:100%;margin-top:auto;padding-top:14px}.lib-card-actions:empty{display:none}.lib-card-actions button{font-size:var(--text-caption)}.lib-pager{justify-content:space-between}.lib-empty{border:1px dashed var(--border);border-radius:var(--ui-radius-card);background:var(--muted);color:var(--muted-foreground);text-align:center;padding:32px}.lib-notice{background:var(--success-soft);color:var(--success);border-radius:8px;margin:0;padding:10px 14px}.lib-error{color:var(--destructive)}.lib-muted{font-size:var(--text-caption);color:var(--muted-foreground)}.lib-overlay{z-index:110;background:color-mix(in oklab, var(--foreground) 50%, transparent);position:fixed;inset:0}.lib-dialog{z-index:111;border:1px solid var(--border);border-radius:var(--ui-radius-card);background:var(--card);width:min(620px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);box-shadow:var(--ui-shadow-menu);padding:24px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.lib-dialog h2{letter-spacing:-.02em;margin-top:0}.lib-form,.lib-form fieldset{gap:14px;min-width:0;display:grid}.lib-form fieldset{border:0;margin:0;padding:0}.lib-form .lib-check{align-items:center;display:flex}.lib-picker{gap:16px;margin:16px 0;display:grid}.lib-picker-list{gap:8px;display:grid}.lib-picker-list button{text-align:left;font-size:var(--text-body);justify-items:start;gap:4px;display:grid}.library-hub button:disabled,.lib-dialog button:disabled{opacity:.5;cursor:default}.library-hub :focus-visible,.lib-dialog :focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (width<=1050px){.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.lib-grid{grid-template-columns:1fr}.lib-heading{flex-direction:column}.lib-search label{flex-basis:100%}.lib-dialog{padding:18px}}@media (pointer:coarse){.lib-actions button:not(.button,.school-pager__button),.lib-search>button:not(.button,.school-pager__button),.lib-card>button,.lib-picker-list button{min-height:44px}.lib-actions button[aria-label]:not(.school-pager__button){min-width:44px}}