.review-modes{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:8px;align-items:center}.review-modes button{position:relative;min-height:48px;padding:0;font-size:14px;color:var(--secondary)}.review-modes button[aria-pressed=true]{color:var(--ink);font-weight:600}.review-modes button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.review-count{margin-left:auto;color:var(--secondary);font-size:13px}.reading-note{font-size:13px;color:var(--secondary);line-height:1.6;margin:18px 0 6px}.review-row{isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 240px 44px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line);position:relative}.review-title{font-size:20px;line-height:1.55;letter-spacing:-.4px;font-weight:500;margin:0;word-break:keep-all;overflow-wrap:anywhere}.review-meta{font-size:13px;color:var(--secondary);line-height:1.6;display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.review-actions .action{font-size:14px;gap:6px;padding:10px 8px}.copy{background:var(--surface);border-color:var(--surface)}.mark{height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:4px}.mark svg{width:22px;height:22px}.mark path{opacity:0}.mark[aria-pressed=true] path{opacity:1}.mark[aria-pressed=true] circle{fill:var(--ink);stroke:var(--ink)}.mark[aria-pressed=true]{color:white}.review-row.marked:before{content:'';position:absolute;inset:0 -14px;background:var(--surface);border-radius:5px;z-index:-1}.marked .copy{background:var(--paper);border-color:var(--line)}.nick-heading{margin:30px 0 0;font-size:18px;font-weight:600;line-height:1.5}.nick-heading small{font-size:13px;font-weight:400;color:var(--secondary);margin-left:10px}.empty{padding:58px 0;text-align:center;font-size:14px;line-height:1.7;color:var(--secondary)}.empty strong{display:block;font-size:20px;line-height:1.5;font-weight:600;color:var(--ink);margin-bottom:8px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 20px;border-radius:5px;z-index:10;font-size:14px;max-width:calc(100% - 32px);text-align:center}.copy-failure{font-size:14px;color:var(--ink);word-break:break-all;grid-column:1/-1}.controls{padding-bottom:0}
@media(max-width:700px){.review-row{grid-template-columns:minmax(0,1fr) 44px;gap:16px 10px;padding:24px 0}.review-title{font-size:18px;line-height:1.6}.review-actions{grid-column:1/-1;grid-row:2}.mark{grid-column:2;grid-row:1;align-self:start}.review-meta{gap:4px 10px;font-size:12px;margin-top:8px}.review-modes{gap:24px}.review-count{font-size:12px}.reading-note{font-size:12px;margin:16px 0 0}.review-row.marked:before{inset:0 -10px}.nick-heading{font-size:17px}.review-actions .action{min-height:48px}}
@media(hover:hover){.mark:hover{background:var(--line)}}

/* 저장 상태를 모를 때는 선택 해제로 가장하지 않고 조작을 막는다. */
.review-status{font-size:14px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere;margin:18px 0}.mark:disabled{cursor:not-allowed;color:var(--secondary)}.mark[aria-pressed=mixed] circle{stroke-dasharray:3 3}.mark:focus-visible,.review-modes button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.review-modes button,.mark,.review-actions a,.review-actions button{-webkit-tap-highlight-color:transparent}

/* 정렬 전환은 건수 옆에 두고 좁은 화면에서만 다음 줄로 보낸다. */
.review-modes{gap:24px;flex-wrap:wrap}.review-tools{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap}.review-count{margin-left:0}.review-modes .sort-toggle{font-size:13px;color:var(--secondary);font-weight:400;display:flex;gap:4px;align-items:center;min-height:48px}.sort-toggle svg{width:14px;height:14px}.review-modes .sort-toggle:after{display:none}@media(max-width:700px){.review-modes{gap:16px}.review-tools{gap:10px}.review-modes .sort-toggle{font-size:12px}}@media(max-width:350px){.review-tools{width:100%;justify-content:flex-end;margin-top:-8px}}