.circle-recommend-control button,.from-your-circle button{min-height:44px;padding:10px 16px;border:1px solid var(--gold-soft);color:inherit;background:transparent;font:inherit;cursor:pointer}.circle-recommend-dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:clamp(20px,4vw,32px);overflow-y:auto;background:var(--chrome);color:var(--chrome-text);border:1px solid var(--gold-soft)}.circle-recommend-dialog::backdrop{background:rgb(0 0 0/70%)}.circle-recommend-dialog h2,.from-your-circle h2{font:30px/1.2 var(--font-display)}.circle-recommend-dialog p{line-height:1.6}.circle-recommend-dialog fieldset{border:0;padding:0;margin:20px 0}.circle-recommend-friend{display:flex;gap:12px;align-items:center;min-height:44px}.circle-recommend-note{display:grid;gap:8px}.circle-recommend-note textarea{width:100%;min-height:100px;padding:12px;background:var(--chrome-2);color:var(--chrome-text);border:1px solid;font:inherit}.circle-recommend-dialog button+button{margin-inline-start:12px}.circle-book-recommendations{margin-block:24px}.circle-book-recommendations article{padding-block:16px;border-bottom:1px solid var(--gold-soft)}.circle-book-recommendations blockquote{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.from-your-circle{margin-block:32px;padding-block:24px}.circle-recommend-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:24px;list-style:none;padding:0}.circle-recommend-books>li{max-width:220px}.circle-recommend-book{display:block;color:inherit;text-decoration:none}.circle-recommend-book .book-cover-frame{aspect-ratio:2/3;width:100%}.circle-recommend-book h3{font:22px/1.3 var(--font-display);margin-block:12px 6px}.circle-recommend-book p{font-size:14px;line-height:1.5}.circle-recommend-notes blockquote{margin:16px 0;padding-inline-start:12px;border-inline-start:1px solid var(--gold-soft);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.circle-recommend-notes p{white-space:pre-wrap;margin:0 0 4px}.circle-recommend-notes cite{font-size:12px}@media (max-width:480px){.circle-recommend-dialog form>button{display:block;width:100%;margin:12px 0 0}}