:root{--ink:#3e3325;--paper:#fff9e9;--brand:#916036;--line:#d9c7a5}.shelf-header{display:flex;justify-content:space-between;align-items:center;padding:25px 6vw;border-bottom:1px solid #3e3325}.shelf-header>a{font-family:'Nanum Myeongjo';font-size:29px}.shelf-header>a span{display:block;font:10px 'Noto Sans KR';margin-top:8px}.shelf-splash{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;padding:45px 6vw;background:#f1dda6}.shelf-copy{padding:20px 0}.shelf-copy p{font-size:12px}.shelf-copy h1{font-size:clamp(35px,4vw,56px);line-height:1.7;margin:20px 0}.shelf-copy a{font-size:12px;border-bottom:1px solid;padding:8px 0}.book-spines{display:flex;align-items:end;gap:7px;border-bottom:15px solid #774f2e;padding-bottom:0;justify-content:center;align-self:end;margin-bottom:15px}.book-spines span{writing-mode:vertical-rl;font-family:'Nanum Myeongjo';font-size:20px;letter-spacing:4px;height:270px;background:#244d45;color:#fff3d4;padding:25px 16px;box-shadow:inset -6px 0 0 #0002}.book-spines span:nth-child(2){background:#bd6544;height:320px}.book-spines span:nth-child(3){background:#427384;height:235px}.book-spines span:nth-child(4){background:#d19b4a;height:290px;color:#493723}.book-spines span:nth-child(5){background:#7d7168;height:260px}.shelf-board{display:grid;grid-template-columns:200px 1fr;padding:50px 6vw;gap:45px}.shelf-board>aside{border-right:1px solid #d9c7a5;padding-right:25px}.shelf-board aside h2{font-size:17px}.shelf-board aside p{font-size:13px;line-height:3;margin:25px 0}.shelf-board aside small{font-size:10px;opacity:.6}.shelf-board-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.shelf-board-head h2{font-size:21px}.shelf-board-head input{width:180px;font-size:12px;background:transparent;border:0;border-bottom:1px solid #916036}.shelf-post{display:grid;grid-template-columns:1fr auto;border-top:1px solid #d9c7a5;padding:23px 0;gap:14px}.shelf-post small{font-size:10px;color:#987d5a}.shelf-post h3{font-family:'Nanum Myeongjo';font-size:24px;margin:8px 0}.shelf-post p{font-size:13px;grid-column:1/-1;white-space:pre-wrap}.shelf-post .record-actions{grid-column:1/-1}.shelf-total{text-align:right;font-size:11px;padding:20px 0}.shelf-write{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;background:#eadebe;padding:45px 8vw}.shelf-write h2{font-size:38px;line-height:1.7}.shelf-write p{font-size:12px;line-height:1.9;margin-top:20px}.shelf-write textarea{min-height:180px;background:#fffdf7}@media(max-width:700px){.shelf-splash{grid-template-columns:1fr;padding:30px 24px}.book-spines{margin-top:20px}.book-spines span{font-size:15px;padding:20px 11px;height:180px}.book-spines span:nth-child(2){height:220px}.book-spines span:nth-child(3){height:170px}.book-spines span:nth-child(4){height:200px}.book-spines span:nth-child(5){height:185px}.shelf-board{grid-template-columns:1fr;padding:30px 24px;gap:20px}.shelf-board>aside{display:none}.shelf-board-head{display:block}.shelf-board-head input{width:100%;margin-top:15px}.shelf-write{grid-template-columns:1fr;padding:35px 24px}.shelf-header nav{font-size:11px}.shelf-copy h1{font-size:34px}}
.saved-card{padding:18px 0;border-bottom:1px solid var(--line,#ddd)}.saved-card h3{margin:8px 0}.saved-card p{font-size:13px;opacity:.8}