*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f5f5f0;--text: #1a1a1a;--text-muted: #888;--border: #e0e0dc;--accent: #1a1a1a}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.4;-webkit-font-smoothing:antialiased}.app{min-height:100vh}header{position:sticky;top:0;background-color:var(--bg);z-index:100;border-bottom:1px solid var(--border)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;max-width:1800px;margin:0 auto}nav{display:flex;gap:20px}nav button{background:none;border:none;cursor:pointer;font-size:11px;letter-spacing:.12em;color:var(--text-muted);font-weight:500;padding:0;transition:color .2s;font-family:inherit}nav button:hover,nav button.active{color:var(--text)}nav button.active{font-weight:600}.buy-btn{background:var(--text);color:var(--bg);border:none;padding:10px 20px;font-size:10px;letter-spacing:.15em;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit}.buy-btn:hover{opacity:.85}.hero{text-align:center;padding:48px 24px 40px;border-bottom:1px solid var(--border)}.hero h1{font-family:Playfair Display,Georgia,serif;font-size:28px;letter-spacing:.08em;font-weight:500;margin:0;text-transform:none}.hero p{font-size:11px;letter-spacing:.2em;color:var(--text-muted);margin-top:12px}main{max-width:1800px;margin:0 auto;padding:32px 24px}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:40px 20px}.book-card{cursor:pointer;transition:transform .3s ease}.book-card.hovered{transform:translateY(-6px)}.book-cover{aspect-ratio:2/3;background-color:#e8e8e4;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px;position:relative}.sold-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:#c41e3a;color:#fff;padding:8px 24px;font-size:14px;font-weight:600;letter-spacing:.2em;z-index:10;box-shadow:0 2px 8px #0000004d}.book-card.sold{opacity:.7}.book-card.sold .book-cover img,.book-card.sold .placeholder-cover{filter:grayscale(40%)}.book-cover img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .4s}.placeholder-cover{width:100%;height:100%;background-color:#d8d8d4;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center}.placeholder-title{font-size:11px;font-weight:500;letter-spacing:.05em;color:#666;line-height:1.4;text-transform:uppercase}.book-card.hovered .book-cover img{opacity:.92;transform:scale(1.02)}.placeholder-cover{width:100%;height:100%;background:linear-gradient(145deg,#d8d8d4,#c5c5c0);display:flex;align-items:center;justify-content:center;padding:16px}.placeholder-title{font-size:11px;font-weight:500;color:#888;text-align:center;letter-spacing:.05em;line-height:1.4;text-transform:uppercase}.book-info{font-size:10px;letter-spacing:.08em}.book-title{font-weight:600;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.book-meta{color:var(--text-muted);display:flex;justify-content:space-between;align-items:baseline}.book-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;font-size:9px}.book-price{font-weight:600;color:var(--text);font-size:11px}.section-divider{margin:72px 0 56px;border-top:1px solid var(--border);padding-top:56px}.section-divider h2{font-size:11px;letter-spacing:.25em;font-weight:500;color:var(--text-muted);margin-bottom:32px}.book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0}.book-list-item{display:flex;justify-content:space-between;align-items:baseline;padding:14px 20px 14px 0;border-bottom:1px solid #ececea;font-size:12px;letter-spacing:.04em;cursor:pointer;transition:background-color .2s}.book-list-item:hover{background-color:#00000005}.book-list-info{flex:1;min-width:0}.book-list-title{font-weight:500;color:var(--text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-list-author{color:var(--text-muted);font-size:10px;display:block;margin-top:2px}.book-list-price{font-weight:600;color:var(--text);margin-left:16px;flex-shrink:0}footer{text-align:center;padding:56px 0;border-top:1px solid var(--border);margin-top:56px}.footer-btn{margin-bottom:24px;padding:14px 32px}.footer-note{font-size:10px;letter-spacing:.18em;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg);padding:48px;max-width:440px;width:100%;position:relative}.modal-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted);line-height:1;transition:color .2s}.modal-close:hover{color:var(--text)}.modal h2{font-size:13px;letter-spacing:.3em;font-weight:500;margin-bottom:32px;text-align:center}.payment-steps{margin-bottom:32px}.step{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.step-num{width:28px;height:28px;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.step p{font-size:13px;color:var(--text);line-height:1.5;padding-top:4px}.step a{color:var(--text);font-weight:500}.cta-button{display:block;width:100%;background:var(--text);color:var(--bg);text-align:center;padding:16px;font-size:12px;letter-spacing:.15em;font-weight:600;text-decoration:none;transition:opacity .2s}.cta-button:hover{opacity:.85}@media (max-width: 768px){.header-inner{flex-wrap:wrap;gap:16px;padding:14px 16px}nav{order:3;width:100%;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid var(--border)}nav button{font-size:10px}.buy-btn{font-size:9px;padding:8px 14px}.hero{padding:40px 16px 32px}.hero h1{font-size:12px;letter-spacing:.3em}.hero-cta{padding:12px 24px;font-size:10px}main{padding:24px 16px}.book-grid{grid-template-columns:repeat(2,1fr);gap:24px 12px}.book-list{grid-template-columns:1fr}.modal{padding:32px 24px}.footer-payment{padding:16px 28px}}@media (max-width: 480px){.book-grid{grid-template-columns:repeat(2,1fr);gap:20px 10px}.book-cover{margin-bottom:10px}.book-title{font-size:9px}.book-author{font-size:8px}.book-price{font-size:10px}}