.library-page{min-height:100vh;background:linear-gradient(180deg,#f4f7ff 0,#f8f5ed 440px,#f7f4ec 100%)}
.library-intro{padding:46px 0 38px;border-bottom:1px solid var(--line);background:radial-gradient(540px 250px at 82% 10%,rgba(47,103,232,.17),transparent 70%),linear-gradient(145deg,#f8faff,#edf3ff 62%,#fffdf8)}
.library-back{display:inline-flex;color:var(--blue);font-size:12px;font-weight:800}.library-back:hover{text-decoration:underline}
.library-kicker{display:block;margin-top:27px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:2.5px;text-transform:uppercase}
.library-intro h1{max-width:18ch;margin:10px 0 0;font:700 clamp(42px,5vw,65px)/1.02 var(--serif);letter-spacing:-.05em}.library-intro h1 em{color:var(--blue);font-style:normal}
.library-intro p{max-width:60ch;margin:16px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.exam-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:30px;padding:7px;border:1px solid #dce3f0;border-radius:17px;background:rgba(255,255,255,.72);box-shadow:0 16px 38px rgba(36,55,91,.1)}
.exam-switcher a{display:grid;gap:4px;min-height:64px;padding:12px 16px;border-radius:12px;color:var(--muted);transition:.16s}.exam-switcher a:hover{background:#fff;color:var(--ink)}.exam-switcher a.on{background:#14233d;color:#fff;box-shadow:0 8px 20px rgba(12,28,54,.22)}
.exam-switcher span{font-size:14px;font-weight:850;line-height:1.3}.exam-switcher small{font-size:9.5px;font-weight:650;opacity:.72}
.library-content{padding-top:35px;padding-bottom:70px}.library-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.library-label{color:var(--blue);font-size:9px;font-weight:850;letter-spacing:2.2px;text-transform:uppercase}.library-toolbar h2{margin:5px 0 0;font:700 clamp(30px,4vw,43px)/1.05 var(--serif);letter-spacing:-.035em}.library-toolbar p{margin:7px 0 0;color:var(--muted);font-size:12px}
.library-search{display:flex;align-items:center;gap:10px;width:min(390px,100%);min-height:52px;padding:11px 15px;border:1px solid var(--line);border-radius:15px;background:var(--sheet);box-shadow:0 12px 30px rgba(36,45,65,.08)}.library-search span{font-size:21px}.library-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:600 13px var(--sans)}
.library-results>.folder-index{margin-bottom:18px}.library-results>.folder-group{margin-top:16px}.library-results>.folder-note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.folder-tier-label{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:4px 0 10px}.folder-tier-label span{color:var(--blue);font-size:9px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.folder-tier-label small{color:var(--muted);font-size:9px;font-weight:700}.folder-tabs{display:flex;flex-wrap:wrap;gap:10px}.primary-folder-tabs{margin-bottom:18px}.folder-tab{display:grid;gap:3px;min-height:50px;padding:12px 22px;border:1px solid #e6ebf3;border-radius:13px;background:var(--sheet);color:var(--muted);font-family:Arial,var(--sans);text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.folder-tab:hover{transform:translateY(-1px);border-color:#9db5df;color:#214f9f}.folder-tab.active{border-color:transparent;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.3)}.folder-tab b{font-size:15px;font-weight:800;line-height:1.25}.folder-tab small{font-size:9px;font-weight:650;opacity:.75}.selected-folder-panel{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--sheet);box-shadow:0 16px 38px rgba(36,55,91,.08);animation:readerPanel .18s ease-out}.selected-folder-head{margin-bottom:14px}.selected-folder-head span,.subfolder-head span{color:var(--blue);font-size:8px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.selected-folder-head h3,.subfolder-head h3{margin:4px 0 0;font:700 23px/1.15 var(--serif);letter-spacing:-.025em}.subfolder-switcher{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.subfolder-switcher .folder-tab{flex:1 1 230px}.subfolder-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:4px 0 13px}.subfolder-head>small{color:var(--muted);font-size:10px;font-weight:750}.search-note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-soon{font-size:13px;line-height:1.8}.collection-soon b{color:var(--ink);font:700 19px var(--serif)}
body[data-theme="dark"] .library-page{background:#111923}body[data-theme="dark"] .library-intro{background:radial-gradient(540px 250px at 82% 10%,rgba(47,103,232,.18),transparent 70%),#151f2e}body[data-theme="dark"] .exam-switcher{border-color:var(--line);background:rgba(23,32,44,.8)}body[data-theme="dark"] .folder-tab{border-color:#33465f;background:#172334;color:#aebbcf}body[data-theme="dark"] .folder-tab:hover{border-color:#6f96d7;color:#dce9ff}body[data-theme="dark"] .folder-tab.active{border-color:transparent;background:linear-gradient(135deg,#346fe7,#234b9e);color:#fff}
@media(max-width:1100px) and (min-width:761px){.exam-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.library-intro{padding:25px 0 24px}.library-kicker{margin-top:20px;font-size:8px}.library-intro h1{font-size:38px}.library-intro p{font-size:13px}.exam-switcher{grid-template-columns:1fr;gap:5px;margin-top:22px;padding:5px;border-radius:14px}.exam-switcher a{min-height:56px;padding:9px 12px;text-align:left}.exam-switcher span{font-size:12px}.exam-switcher small{font-size:8px}.library-content.kh-wrap{width:calc(100% - 16px);padding-top:24px}.library-toolbar{display:block}.library-search{margin-top:17px}.library-toolbar h2{font-size:31px}.library-results>.folder-note-grid,.search-note-grid,.selected-folder-panel .folder-note-grid{grid-template-columns:1fr}.folder-tier-label{align-items:flex-start}.folder-tier-label small{max-width:42%;text-align:right}.folder-tabs{gap:8px}.primary-folder-tabs .folder-tab{flex:1 1 calc(50% - 8px);min-width:0;padding:11px 12px}.folder-tab b{font-size:13px}.selected-folder-panel{padding:12px 6px;border-radius:15px}.subfolder-switcher{padding-inline:4px}.subfolder-switcher .folder-tab{flex-basis:100%;padding:11px 12px}.subfolder-head{padding:0 4px}.subfolder-head h3{font-size:21px}.selected-folder-panel .thumb-paper{min-height:210px;padding-inline:20px}.selected-folder-panel .thumb-caption{padding-inline:3px}}