:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#20382f;background:#f5f3ed}*{box-sizing:border-box}body{margin:0}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #dce0d5;background:#fffefa;gap:16px}a{color:#25634c;text-decoration:none}header>div{display:flex;gap:20px;font-size:13px}.brand{font-weight:700;font-size:18px}.brand span{font-size:13px;font-weight:400;margin-left:8px}main{padding:36px;max-width:1600px;margin:auto}h1{font-size:32px;margin:10px 0}p{line-height:1.8}.eyebrow{font-size:11px;letter-spacing:.14em;color:#25634c}.muted{color:#6d776f}button{font:inherit;border:1px solid #c9d6c5;background:#fffefa;color:#25634c;border-radius:8px;padding:9px 14px;cursor:pointer}button:hover{background:#e7eee4}button:focus-visible,a:focus-visible{outline:3px solid #b09242;outline-offset:3px}#gate,#catalog{max-width:900px;margin:40px auto}.card{padding:28px;margin:28px 0;border:1px solid #dce0d5;background:#fffefa;border-radius:14px}.card h2{font-size:22px}.card p{color:#6d776f}.reader-bar{display:flex;align-items:center;gap:18px;font-size:14px;margin-bottom:14px}#reader{width:100%;height:calc(100dvh - 145px);min-height:450px;border:1px solid #dce0d5;border-radius:12px;background:#f5f3ed}body.is-reading main{padding:15px;max-width:none}[hidden]{display:none!important}@media(max-width:600px){header{padding:0 16px}.brand{font-size:15px}header>div{gap:12px;font-size:11px}main{padding:22px 16px}.card{padding:20px}body.is-reading main{padding:8px}#reader{height:calc(100dvh - 135px)}.reader-bar{gap:10px;font-size:12px}}

#catalog{max-width:1150px}#items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#items .card{margin:0;display:flex;flex-direction:column;align-items:flex-start}#items .card h2{margin:8px 0}#items .card p{margin:8px 0}.card button{margin-top:auto}.catalog-intro{max-width:740px;color:#627460}#catalogSearch{display:block;width:100%;max-width:440px;padding:11px;border:1px solid #bdcbb6;border-radius:8px;background:#fffefa;font:inherit}.reader-bar{flex-wrap:wrap}.reader-bar #readerTitle{flex:1;min-width:160px}.reader-bar button{font-size:12px}.reader-bar button[aria-pressed=true]{background:#e2eddc}#savedSection{margin:22px 0;padding:20px;border:1px solid #dce0d5;border-radius:10px;background:#edf0e8}#savedSection h2{font-size:18px;margin:0 0 14px}.saved-row{display:flex;justify-content:space-between;gap:12px;margin:7px 0}.saved-row>button:first-child{flex:1;text-align:left}.remove-saved{font-size:12px}#notesPanel{padding:16px 20px;margin:12px 0;background:#fffefa;border:1px solid #dce0d5;border-radius:10px}#notesPanel label{display:block;font-size:14px}#noteContext{color:#64735f;font-size:12px}#noteText{display:block;box-sizing:border-box;resize:vertical;min-height:100px;width:100%;margin-top:10px;font:inherit;font-size:14px;line-height:1.8;padding:12px;border:1px solid #cbd7c6;border-radius:7px;background:#fbfcf7;color:#20382f}#noteStatus{font-size:12px;color:#42704d;margin:7px 0}#notesPanel .muted{font-size:12px;margin:0}.reader-bar+#notesPanel:not([hidden])+#reader{height:65dvh}@media(max-width:650px){#items{grid-template-columns:1fr}.reader-bar #readerTitle{order:5;flex-basis:100%}.reader-bar{gap:8px}.reader-bar button{padding:7px 9px}#reader{height:calc(100dvh - 205px)}.card h2{font-size:20px}}