:root{--material-ink:#563c2b;--material-paper:#f3ebd9;--material-line:#cbb898}
body[data-iwa-page="reading-list"],body[data-iwa-page="collection"]{background:var(--material-paper)!important;color:var(--material-ink)}
.reading-directory,.collection-page{width:calc(100% - 96px);max-width:1440px;margin:0 auto;padding:45px 0 75px}
.directory-head h1,.collection-title h1{font:700 42px/1.3 "IWA Hand","IWA Cute Hand","Segoe Print","Bradley Hand","Comic Sans MS",cursive;color:var(--material-ink);margin:0}
.directory-head,.collection-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.collection-title span{font-size:15px;color:#8c775d}
html[data-iwa-layout="desktop"] .reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
html[data-iwa-layout="desktop"] .reading-card{background:#fffaf0c7;border:1.6px solid #c4b08e;border-radius:7px 10px 6px 9px;padding:25px;min-height:260px;color:var(--material-ink);box-shadow:1px 2px 0 #b8a27c15}
html[data-iwa-layout="desktop"] .reading-card:nth-child(3n+2){border-radius:10px 5px 9px 6px}
html[data-iwa-layout="desktop"] .reading-card[href]:hover{border-color:#8e704c;background:#fffaf0;transform:translateY(-3px)}
html[data-iwa-layout="desktop"] .reading-card .source-number{width:35px;height:35px;border:1.7px solid #a38a65;border-radius:48% 52% 45% 55%;background:#e9dabc55;color:#735735;font:700 15px "IWA Hand","IWA Cute Hand","Segoe Print","Comic Sans MS",cursive}
html[data-iwa-layout="desktop"] .reading-card h2{font:600 19px/1.5 Georgia,"Times New Roman",serif;color:#543d2b}
html[data-iwa-layout="desktop"] .reading-card .source-title-zh{font-size:15px;color:#8c7d68;margin-left:48px}
html[data-iwa-layout="desktop"] .reading-card .reading-card-foot{display:flex;margin-left:0;color:#8c775d;justify-content:space-between;font-size:14px;line-height:1.5;padding-top:12px}
.directory-progress{height:3px;width:100%;background:#ded1b9;border-radius:3px;overflow:hidden;margin-top:6px}
.directory-progress>span{display:block;height:100%;background:#ae8c53}
.reading-card.reading-pending{opacity:.6;background:#ede3d1;border-style:dashed}
.directory-note{color:#8c7d68!important;font-size:14px!important}
.collection-controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1.5fr) minmax(200px,.8fr);gap:20px;align-items:end;margin-bottom:23px}
.collection-controls label{display:flex;flex-direction:column;gap:9px;font-size:15px;color:#7b654b}
.collection-controls select,.collection-controls input{height:47px;min-width:0;width:100%;padding:10px 13px;border:1px solid #c8b89b;border-radius:7px;background:#fffaf0;color:#563c2b;font:16px "Segoe UI","Microsoft YaHei",sans-serif}
.collection-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}
.collection-filters button{border:1px solid #cdbb9a;border-radius:20px;background:#fbf5e8;color:#7c6347;padding:9px 15px;min-height:39px;font:15px "Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer}
.collection-filters button[aria-pressed="true"]{background:#806548;color:#fff8e9;border-color:#806548}
.collection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.collection-card{border:1.4px solid #d0bd9e;border-radius:8px 12px 9px 6px;background:#fffaf0dc;padding:25px 28px}
.collection-card-tools,.collection-card-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8b765b;font-size:14px}
.collection-card-tools button{border:0;padding:4px;background:transparent;color:#795d3e;cursor:pointer;min-height:32px;min-width:32px}
.collection-card-tools svg{width:24px;height:24px}
.collection-quote{font:18px/1.8 Georgia,serif;white-space:pre-wrap;margin:15px 0 0;color:#4e4032}
.collection-quote.zh{font-family:"Microsoft YaHei",sans-serif;font-size:17px}
.collection-citation{font:16px/1.6 Georgia,serif;text-align:right;color:#8a7253;margin:6px 0 15px}
.collection-tags{display:flex;flex-wrap:wrap;gap:7px}
.collection-tags span{font-size:13px;background:#ece2ce;color:#8a7352;padding:4px 8px;border-radius:5px;line-height:1.5}
.collection-source{font-size:13px;color:#9b876d;line-height:1.6;margin:16px 0}
.collection-note-label{display:block;font-size:15px;color:#795f42}
.collection-note-label textarea{display:block;width:100%;min-height:90px;resize:vertical;padding:11px 12px;font:16px/1.7 "Segoe UI","Microsoft YaHei",sans-serif;background:#fcf5e5;border:1px solid #d6c7aa;color:#5b4936;border-radius:6px;margin-top:9px}
.collection-card-footer{margin-top:16px}
.collection-card-footer button{border:0;background:transparent;color:#a37961;cursor:pointer;font:14px "Microsoft YaHei",sans-serif;padding:8px 0}
.collection-card-footer a:hover{text-decoration:underline}
.collection-empty{grid-column:1/-1;text-align:center;padding:70px;color:#8c775d;border:1px dashed #cbb898;border-radius:10px}
.collection-empty a{text-decoration:underline}
.collection-status{min-height:24px;color:#8a7354;font-size:14px}
.collection-page a:focus-visible,.collection-page button:focus-visible,.collection-page textarea:focus-visible{outline:2px solid #aa8754;outline-offset:4px}
.bank-note-label{display:block;margin-top:16px;font-size:15px;color:#7e705b}