/* Focused reading, restrained surfaces, clear selection and primary actions. */
.collection-start{min-height:40px;padding:10px 18px;gap:12px;font-size:13px;font-weight:550;line-height:20px;background:#e8d4d9;color:#35272c;box-shadow:none;transition:background .16s,transform .16s}
.collection-start:hover{background:#f2e1e6!important;filter:none}
.collection-start svg{flex:none;transition:transform .16s}.collection-start:hover svg{transform:translateX(2px)}
.collection-start:focus-visible,.review-wrap button:focus-visible{outline:2px solid #d9a5b2;outline-offset:4px}
.embedded:is([data-view=study],[data-view=question]) #main{padding:24px 40px 180px;max-width:none}
:is([data-view=study],[data-view=question]) .review-wrap{max-width:820px;margin:0 auto}
:is([data-view=study],[data-view=question]) .review-top{position:relative;top:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:44px;margin:0 0 32px;padding:0 0 16px;border-bottom:1px solid #ffffff0d;background:transparent}
:is([data-view=study],[data-view=question]) .review-top>.muted{font-size:12px;color:#b9b5b8;font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is([data-view=study],[data-view=question]) .review-top>#study-back{justify-self:start;padding:7px 0;color:#b9b5b8}
:is([data-view=study],[data-view=question]) .review-top>.actions{justify-self:end;gap:4px}
:is([data-view=study],[data-view=question]) .review-top .actions .quiet{padding:7px 10px;border-radius:999px;font-size:11px;background:#ffffff06}
:is([data-view=study],[data-view=question]) .card-paper{min-height:0;padding:0 20px 28px;margin:0;background:transparent;border:0;box-shadow:none}
:is([data-view=study],[data-view=question]) .card-meta{display:flex;align-items:center;gap:10px;margin:0 0 22px;flex-wrap:wrap}
:is([data-view=study],[data-view=question]) .card-meta .pill{padding:0;margin:0;background:none;color:#a9a6ab;font-size:11px;font-weight:500;border:0}
:is([data-view=study],[data-view=question]) .card-meta .pill::after{content:none}
:is([data-view=study],[data-view=question]) .card-meta .pill+.pill::before{content:'·';margin-right:10px;color:#666269}
:is([data-view=study],[data-view=question]) .card-meta .pill.accent{margin-left:auto;color:#cca2ad}
:is([data-view=study],[data-view=question]) .card-meta .pill.accent::before{content:none}
:is([data-view=study],[data-view=question]) .longinus-question{font-size:21px;line-height:1.65;letter-spacing:-.45px;font-weight:600;color:#f1eff2;margin:0 0 26px;overflow-wrap:anywhere}
:is([data-view=study],[data-view=question]) .longinus-question p{line-height:inherit}
:is([data-view=study],[data-view=question]) .longinus-question details{font-size:12px;font-weight:400;letter-spacing:0;color:#aaa6ad;margin-top:18px}
:is([data-view=study],[data-view=question]) .longinus-question details summary{cursor:pointer;padding:9px 0;width:fit-content}
:is([data-view=study],[data-view=question]) .longinus-question details summary:hover{color:#e8d4d9}
:is([data-view=study],[data-view=question]) .longinus-choices{display:grid;gap:9px;margin:0;padding:0;list-style:none}
:is([data-view=study],[data-view=question]) .longinus-choice{display:flex;align-items:center;gap:16px;width:100%;min-height:57px;text-align:left;padding:13px 18px;border:1px solid #ffffff12;border-radius:14px;background:#222223;color:#e4e2e6;font-size:15px;font-weight:400;line-height:1.65;transition:background .16s,border-color .16s,box-shadow .16s;transform:none}
:is([data-view=study],[data-view=question]) button.longinus-choice:hover{filter:none;background:#29282b;border-color:#ffffff26}
:is([data-view=study],[data-view=question]) .longinus-choice-marker{display:grid;place-items:center;flex:0 0 26px;width:26px;color:#aaa6ae;font-weight:400;font-size:18px}
:is([data-view=study],[data-view=question]) .longinus-choice>span:last-child{min-width:0;overflow-wrap:anywhere}
:is([data-view=study],[data-view=question]) .longinus-choice.is-selected{border-color:#bb8594;background:#30262c;box-shadow:inset 0 0 0 1px #bb8594}
:is([data-view=study],[data-view=question]) .longinus-choice.is-selected .longinus-choice-marker{color:#f0c1ce}
:is([data-view=study],[data-view=question]) .longinus-choice.is-correct{border-color:#79a992;background:#22302a;box-shadow:inset 0 0 0 1px #79a992}
:is([data-view=study],[data-view=question]) .longinus-choice.is-correct .longinus-choice-marker{color:#b6dbc5}
:is([data-view=study],[data-view=question]) .longinus-choice.is-wrong{border-color:#b67d80;background:#332629;box-shadow:none}
:is([data-view=study],[data-view=question]) .answer-section{margin:28px 0 0;padding:24px;border:1px solid #ffffff0c;border-radius:18px;background:#222223}
:is([data-view=study],[data-view=question]) .answer-label{font-size:11px;font-weight:600;color:#b6dbc5;letter-spacing:.03em;margin-bottom:10px}
:is([data-view=study],[data-view=question]) .answer-value{font-size:17px;font-weight:550;line-height:1.7;color:#f1eff2}
:is([data-view=study],[data-view=question]) .explanation{font-size:15px;line-height:1.85;color:#cbc7cf;margin-top:22px;padding-top:22px;border-top:1px solid #ffffff10}
:is([data-view=study],[data-view=question]) .review-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0;padding:0 20px;color:#928e97;font-size:11px}
:is([data-view=study],[data-view=question]) .review-controls{position:fixed;left:50%;right:auto;bottom:20px;transform:translateX(-50%);width:min(600px,calc(100% - 48px));margin:0;padding:14px 18px 12px;border:1px solid #ffffff13;border-radius:24px;background:#29282bec;backdrop-filter:blur(22px);box-shadow:0 8px 32px #0004;text-align:center;z-index:20}
:is([data-view=study],[data-view=question]) .review-controls .reveal{min-width:174px;min-height:42px;padding:10px 26px;border:0;border-radius:999px;background:#e8d4d9;color:#35272c;font-size:14px;font-weight:600;box-shadow:none}
:is([data-view=study],[data-view=question]) .review-controls .reveal:hover{background:#f2e1e6;filter:none}
:is([data-view=study],[data-view=question]) .keyboard-hint{font-size:10px;color:#b0abb5;margin:9px 0 0;line-height:1.5}
:is([data-view=study],[data-view=question]) .ratings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:none;align-items:stretch}
:is([data-view=study],[data-view=question]) .rating{position:relative;border:1px solid #ffffff10;border-radius:13px;background:#353337;box-shadow:none;color:#eeebf0;padding:10px 12px;font-size:13px;text-align:left;min-height:62px}
:is([data-view=study],[data-view=question]) .rating small{display:block;font-size:10px;color:#b9b3bf;margin-top:5px}
:is([data-view=study],[data-view=question]) .rating kbd{position:absolute;right:9px;top:10px;font:10px inherit;color:#aaa3b1}
:is([data-view=study],[data-view=question]) .rating:first-child{background:#3d2c32;color:#edb3bd;border-color:#75505b}
:is([data-view=study],[data-view=question]) .rating:nth-child(3){background:#e8d4d9;color:#35272c;border-color:transparent}
:is([data-view=study],[data-view=question]) .rating:nth-child(3) small,:is([data-view=study],[data-view=question]) .rating:nth-child(3) kbd{color:#66515b}
:is([data-view=study],[data-view=question]) .rating:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}
@media(max-width:760px){.embedded:is([data-view=study],[data-view=question]) #main{padding:18px 20px 180px}:is([data-view=study],[data-view=question]) .review-top{gap:8px;grid-template-columns:auto 1fr auto;margin-bottom:24px}:is([data-view=study],[data-view=question]) .review-top>.muted{max-width:100%;text-align:center;font-size:11px}:is([data-view=study],[data-view=question]) .card-paper{padding:0 0 24px}:is([data-view=study],[data-view=question]) .longinus-question{font-size:19px}:is([data-view=study],[data-view=question]) .longinus-choice{font-size:14px;padding:12px;gap:10px}:is([data-view=study],[data-view=question]) .review-footer{padding:0}:is([data-view=study],[data-view=question]) .review-controls{bottom:12px;width:calc(100% - 28px);padding:12px}:is([data-view=study],[data-view=question]) .rating{padding:10px 8px}:is([data-view=study],[data-view=question]) .rating kbd{display:none}}
@media(prefers-reduced-motion:reduce){.collection-start,.collection-start svg,:is([data-view=study],[data-view=question]) .longinus-choice,:is([data-view=study],[data-view=question]) .rating{transition:none}}
/* Reserve space for the dock so it never covers a choice or explanation. */
body.embedded:is([data-view=study],[data-view=question]){overflow:hidden}
.embedded:is([data-view=study],[data-view=question]) #main{height:100vh;min-height:0;overflow-y:auto;scrollbar-gutter:stable;padding-bottom:32px;scroll-padding:24px}
.embedded[data-view=study] #main{height:calc(100vh - 132px)}
:is([data-view=study],[data-view=question]) .longinus-choice.is-correct::after{content:'정답';margin-left:auto;flex:none;font-size:11px;color:#b6dbc5}
:is([data-view=study],[data-view=question]) .longinus-choice.is-wrong::after{content:'내 선택';margin-left:auto;flex:none;font-size:11px;color:#edb3bd}
:is([data-view=study],[data-view=question]) .rating kbd{font-family:inherit;font-size:10px}
@media(max-width:760px){.embedded:is([data-view=study],[data-view=question]) #main{padding-bottom:28px}.embedded[data-view=study] #main{height:calc(100vh - 124px)}}
@media(max-height:800px){.embedded:is([data-view=study],[data-view=question]) #main{padding-top:14px}:is([data-view=study],[data-view=question]) .review-top{min-height:36px;margin-bottom:20px;padding-bottom:10px}:is([data-view=study],[data-view=question]) .card-meta{margin-bottom:14px}:is([data-view=study],[data-view=question]) .longinus-question{font-size:19px;line-height:1.55;margin-bottom:18px}:is([data-view=study],[data-view=question]) .longinus-question details{margin-top:10px}:is([data-view=study],[data-view=question]) .longinus-choices{gap:7px}:is([data-view=study],[data-view=question]) .longinus-choice{min-height:47px;padding:9px 16px;font-size:14px}}
/* A single question title replaces duplicated deck/state metadata. */
:is([data-view=study],[data-view=question]) .review-top.question-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 20px 28px;padding:14px 0 22px;min-height:0}
:is([data-view=study],[data-view=question]) .question-heading h1{font-family:'Longinus Pretendard','Segoe UI',sans-serif;font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.025em;margin:0;color:#ded9e0;word-break:keep-all;overflow-wrap:anywhere}
:is([data-view=study],[data-view=question]) .question-heading>.actions{flex:none}
@media(max-width:760px){:is([data-view=study],[data-view=question]) .review-top.question-heading{margin:0 0 24px;gap:12px;flex-wrap:wrap;padding:8px 0 18px}:is([data-view=study],[data-view=question]) .question-heading h1{font-size:19px}}
@media(max-height:800px){:is([data-view=study],[data-view=question]) .review-top.question-heading{margin-bottom:22px;padding-top:6px;padding-bottom:18px}}
:is([data-view=study],[data-view=question]) .review-top.question-heading{align-items:flex-start}
:is([data-view=study],[data-view=question]) .question-context{font-family:'Longinus Pretendard',sans-serif;font-size:12px;font-weight:450;letter-spacing:.02em;color:#a39da8;margin-bottom:7px}
:is([data-view=study],[data-view=question]) .question-heading h1{font-size:27px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
:is([data-view=study],[data-view=question]) .private-notice{margin:10px 0 0;font-size:12px;line-height:1.5;font-weight:400;color:#c8a4ae}
.review-primary-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
:is([data-view=study],[data-view=question]) .skip-private{border:1px solid #ffffff20;border-radius:999px;min-height:42px;padding:10px 18px;color:#d2c9d3;font-size:12px}
.private-menu-option{display:flex;align-items:center;gap:10px;padding:12px 10px;margin-top:5px;border-top:1px solid #ffffff12;color:#ddd7df;font-size:12px;cursor:pointer;white-space:nowrap}
.private-menu-option input{width:15px;height:15px;margin:0;accent-color:#b77887;cursor:pointer}
@media(max-width:760px){:is([data-view=study],[data-view=question]) .question-heading h1{font-size:24px}.review-primary-actions{gap:8px}:is([data-view=study],[data-view=question]) .skip-private{padding:10px 12px}}

/* Softer corners for original question screenshots, without changing source files. */
.longinus-question details img:not([data-longinus-crop]){border-radius:10px}
.longinus-question details .source-crop{border-radius:10px}