:root{--paper:#f5f3ec;--surface:#fffefa;--ink:#1d2925;--muted:#78817b;--line:#e4e5dc;--green:#244b3e;--green-light:#e8eee8;--orange:#c66e4b;--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.topbar{height:82px;padding:0 max(5.3vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(29,41,37,.09)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.025em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--green);border-radius:50%;font-family:var(--serif);font-size:18px;font-weight:500;color:var(--green)}.brand-sub{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}.top-actions{display:flex;gap:10px;align-items:center}.saved-status{margin-right:12px;color:var(--muted);font-size:11px}.button{height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:3px;background:transparent;font:600 11px var(--sans);cursor:pointer;text-decoration:none}.button-outline{border-color:#cfd5ce;color:var(--green)}.button-outline:hover{background:var(--green-light)}.button-quiet{color:var(--muted)}.button-quiet:hover{color:var(--green)}.intro{min-height:400px;padding:74px max(9.2vw,32px) 62px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.intro-copy{position:relative;z-index:1;max-width:650px}.eyebrow{display:flex;align-items:center;gap:10px;color:#6c7b72;font:500 10px var(--mono);letter-spacing:.11em;text-transform:uppercase}.eyebrow-line{width:25px;height:1px;background:var(--orange)}h1{margin:22px 0 18px;font:400 clamp(44px,5.2vw,72px)/.99 var(--serif);letter-spacing:-.045em}h1 em{color:var(--green);font-weight:400}.intro-text{max-width:470px;margin:0;color:#6d7770;font-size:14px;line-height:1.7}.intro-meta{display:flex;gap:10px;align-items:center;margin-top:28px;color:#758078;font:11px var(--mono)}.intro-meta strong{color:var(--green);font-weight:500}.meta-dot{color:#b7bdb6}.intro-art{width:min(100%,360px);height:265px;justify-self:center;position:relative}.art-orbit{position:absolute;inset:35px 18px;border:1px solid #d7ddd5;border-radius:50%;transform:rotate(-28deg)}.orbit-two{inset:52px 2px;transform:rotate(36deg);border-color:#e0d8c9}.art-core{position:absolute;left:50%;top:50%;width:108px;height:108px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:var(--green);color:#f2f0e8;font:50px var(--serif);box-shadow:0 18px 40px #244b3e24}.art-core i{position:absolute;width:7px;height:7px;background:#e4a078;border-radius:50%;top:13px;right:20px}.art-label,.art-mark{position:absolute;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#879188}.label-top{top:10px;left:50%;transform:translateX(-50%)}.label-bottom{bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap}.mark-a{left:18px;top:56px;color:var(--orange)}.mark-b{right:15px;bottom:52px;color:var(--green)}.catalog{padding:54px max(9.2vw,32px) 90px;max-width:1500px;margin:auto}.catalog-heading{display:flex;justify-content:space-between;align-items:end}.eyebrow-dark{margin:0 0 11px;color:var(--orange)}h2{margin:0;font:400 38px var(--serif);letter-spacing:-.035em}#visibleCount{color:#a3aaa4;font:400 16px var(--mono);vertical-align:middle}.sort-wrap{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.sort-wrap select{height:36px;min-width:190px;padding:0 30px 0 11px;border:1px solid #dfe2d9;border-radius:3px;background:#fbfaf6;color:var(--ink);font:500 11px var(--sans)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:26px 0 12px;padding-bottom:15px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{height:32px;padding:0 12px;border:1px solid transparent;border-radius:2px;background:transparent;color:#78817b;font:500 11px var(--sans);cursor:pointer}.filter:hover{color:var(--green);border-color:#d9dfd6}.filter.active{background:var(--green);color:#fff}.searchbox{width:260px;height:36px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid #dfe2d9;border-radius:3px;background:var(--surface);color:#859087}.search-icon{font:23px var(--serif);line-height:1}.searchbox input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:11px var(--sans)}.searchbox input::placeholder{color:#9aa19b}.searchbox kbd{padding:3px 5px;border:1px solid #ecece5;border-radius:2px;color:#a4aaa4;font:9px var(--mono);white-space:nowrap}.result-note{min-height:20px;margin:12px 0;color:#8b948d;font:10px var(--mono)}.book-list{display:flex;flex-direction:column}.book-row{display:grid;grid-template-columns:32px 88px minmax(220px,1fr) minmax(245px,31%);gap:20px;align-items:center;padding:20px 12px;border-bottom:1px solid var(--line);transition:background .16s}.book-row:hover{background:#fbfaf6}.book-index{align-self:start;padding-top:7px;color:#a8afa8;font:10px var(--mono)}.cover-wrap{width:78px;height:112px;position:relative;overflow:hidden;background:#e9e6dc;box-shadow:3px 5px 11px #26342a1a}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block}.cover-fallback{display:none;position:absolute;inset:0;padding:10px 8px;background:linear-gradient(145deg,var(--cover,#446254),#203a32);color:#f8f5e8}.cover-fallback::after{content:"";position:absolute;right:-20px;bottom:-24px;width:75px;height:75px;border:1px solid #ffffff44;border-radius:50%;box-shadow:0 0 0 8px #ffffff13,0 0 0 17px #ffffff0d}.cover-fallback span{position:relative;z-index:1;font:500 9px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.03em}.cover-fallback small{position:absolute;z-index:1;left:8px;bottom:9px;font:7px var(--mono);text-transform:uppercase;opacity:.75}.book-row.no-cover .cover-fallback{display:flex;flex-direction:column;justify-content:space-between}.book-row.no-cover img{display:none}.book-info{min-width:0}.book-category{margin:0 0 8px;color:var(--orange);font:9px var(--mono);letter-spacing:.085em;text-transform:uppercase}.book-title{margin:0 0 7px;font:500 20px/1.15 var(--serif);letter-spacing:-.02em}.book-authors{margin:0;color:#737d75;font-size:11px}.book-ref{max-width:690px;margin:12px 0 0;color:#707a72;font-size:10px;line-height:1.6}.book-ref strong{color:#57635a;font-weight:600}.source-link{display:inline-block;margin-top:8px;color:#60796b;font:10px var(--mono);text-decoration:none}.source-link:hover{text-decoration:underline}.personal{align-self:stretch;padding:4px 0 4px 18px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:10px}.personal-head{display:flex;align-items:center;justify-content:space-between}.personal label{color:#8b938d;font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.rating{display:flex;gap:3px;align-items:center}.rating button{width:20px;height:22px;padding:0;border:0;background:transparent;color:#cdd1ca;font-size:16px;cursor:pointer}.rating button:hover,.rating button.selected{color:#c8794d}.rating-hint{margin-left:4px;color:#909991;font:9px var(--mono)}.personal textarea{width:100%;height:60px;resize:vertical;padding:9px 10px;border:1px solid #e5e6de;border-radius:2px;outline:none;background:#fcfbf7;color:#49554c;font:10px/1.5 var(--sans)}.personal textarea:focus{border-color:#9cae9e}.personal textarea::placeholder{color:#a7ada7}.empty-state{text-align:center;padding:70px 20px;color:#828b84}.empty-state>span{font:32px var(--serif);color:#abb3ac}.empty-state h3{margin:12px 0 5px;color:var(--ink);font:500 22px var(--serif)}.empty-state p{font-size:12px}footer{padding:25px max(9.2vw,32px) 34px;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;gap:14px}.small-mark{width:28px;height:28px;font-size:15px}.footer-inner p{margin:0;color:#637067;font:11px/1.55 var(--serif)}.footer-inner p span{font:10px var(--sans);color:#939b94}.footer-inner>a{margin-left:auto;color:#65786b;font:10px var(--mono);text-decoration:none}.footer-source{margin:17px 0 0 42px;color:#a2a8a1;font-size:9px;line-height:1.5}@media(max-width:900px){.intro{padding-right:6vw;padding-left:6vw}.catalog{padding-right:6vw;padding-left:6vw}.book-row{grid-template-columns:24px 72px minmax(180px,1fr) minmax(210px,30%);gap:14px}.cover-wrap{width:68px;height:100px}.book-title{font-size:18px}}@media(max-width:680px){.topbar{height:auto;min-height:72px;padding:13px 20px}.saved-status{display:none}.top-actions{gap:3px}.button{padding:0 9px;font-size:10px}.intro{min-height:0;padding:54px 23px 42px;grid-template-columns:1fr}.intro-art{height:190px;width:270px;margin-top:25px}.art-orbit{inset:20px 10px}.orbit-two{inset:35px 0}.art-core{width:82px;height:82px;font-size:40px}.catalog{padding:40px 18px 65px}.catalog-heading{align-items:start;gap:15px;flex-direction:column}h2{font-size:34px}.sort-wrap{align-self:stretch;justify-content:space-between}.sort-wrap select{flex:1;max-width:240px}.toolbar{align-items:stretch;flex-direction:column-reverse;margin-top:18px}.searchbox{width:100%}.book-row{grid-template-columns:20px 62px 1fr;gap:12px;padding:17px 4px;align-items:start}.cover-wrap{width:58px;height:84px}.book-title{font-size:18px}.book-category{margin-bottom:5px;font-size:8px}.book-ref{grid-column:3;margin-top:9px;font-size:10px}.source-link{font-size:9px}.personal{grid-column:2/4;margin-top:2px;padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}.personal textarea{height:54px}.book-index{padding-top:3px}.footer-inner{align-items:flex-start}.footer-inner>a{white-space:nowrap}.footer-source{margin-left:42px}}@media(max-width:420px){.brand{font-size:11px}.brand-sub{font-size:8px}.brand-mark{width:30px;height:30px}.import-button{display:none}.intro h1{font-size:46px}.intro-text{font-size:13px}.filter{padding:0 8px;font-size:10px}.footer-inner p{font-size:10px}.footer-inner p span{font-size:9px}}