/* Compact wrongbook: submission history, saved analysis, and a small search form. */
#wrongbookPage .admin-heading-block h1 {letter-spacing:-.035em;}
html[data-ui-theme] #wrongbookPage {background:var(--bg-primary);font-family:'Microsoft YaHei UI','Microsoft YaHei','PingFang SC',system-ui,sans-serif;}
html[data-ui-theme] #wrongbookPage .wrongbook-browser,html[data-ui-theme] #wrongbookPage .wrongbook-detail {background:var(--bg-secondary);backdrop-filter:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-section {background:transparent;box-shadow:none;border:0;border-radius:0;}
html[data-ui-theme] #wrongbookPage .wrongbook-detail-badges {background:transparent;padding:0;}
html[data-ui-theme] #wrongbookPage .wrongbook-detail-head h2 a {color:inherit;text-decoration:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-detail-head h2 a:hover {color:var(--primary);}
.wb-code-references {margin-top:6px;font-size:11px;color:var(--text-secondary);}
.wb-code-references summary {cursor:pointer;width:max-content;}
.wb-code-references small {display:block;margin-top:6px;overflow-wrap:anywhere;}
#wrongbookPage .wrongbook-layout {max-width:none;width:100%;box-sizing:border-box;margin:0;gap:18px;}
#wrongbookPage .wrongbook-workspace {grid-template-columns:292px minmax(0,1fr);gap:22px;align-items:start;}
#wrongbookPage .wrongbook-browser {border-radius:18px;box-shadow:none;overflow:hidden;}
#wrongbookPage .wrongbook-detail {border-radius:20px;box-shadow:none;padding:28px 32px;}
#wrongbookPage .wrongbook-tabs {display:grid;grid-template-columns:repeat(4,1fr);gap:2px;}
#wrongbookPage .wrongbook-tabs button {padding:11px 3px;font-size:13px;}
#wrongbookPage .wrongbook-filters {display:block;padding:12px;}
#wrongbookPage .wrongbook-filters input {width:100%;box-sizing:border-box;}
#wrongbookPage .wrongbook-level,#wrongbookPage .wrongbook-list-quick {display:none;}
#wrongbookPage .wrongbook-section {padding:24px 0;border-bottom:1px solid var(--border-color,#e2e8f0);}
#wrongbookPage .wrongbook-section:last-child {border:0;padding-bottom:0;}
#wrongbookPage .wrongbook-section-head h3 {font-size:16px;letter-spacing:-.02em;}
#wrongbookPage .wrongbook-detail-head {padding-bottom:18px;}
#wrongbookPage .wrongbook-detail-head h2 {font-size:24px;line-height:1.45;font-weight:650;}
#wrongbookPage .wrongbook-ai-summary {font-size:15px;line-height:1.95;}
#wrongbookPage .wrongbook-hypothesis {padding:14px 16px;background:var(--bg-secondary,#f6f8fb);border:0;border-radius:12px;}
#wrongbookPage .wrongbook-hypothesis p {font-size:12px;line-height:1.7;margin:6px 0 0;color:var(--text-secondary,#718096);}
.wb-search-details {margin:8px 0 14px;}
.wb-search-details>summary {width:max-content;font-size:12px;color:var(--text-secondary,#718096);cursor:pointer;padding:6px 0;}
#wrongbookPage .wrongbook-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#wrongbookPage .wrongbook-summary-card { box-shadow:none; }
#wrongbookPage .wrongbook-detail { min-width:0; }
.wb-progress { margin:8px 0 20px; border:1px solid var(--border-color,#dce4ec); border-radius:14px; padding:16px; background:var(--bg-secondary,#f6f8fb); }
.wb-progress ol { display:flex; gap:12px; margin:0; padding:0; list-style:none; flex-wrap:wrap; }
.wb-progress li { display:flex; gap:7px; align-items:center; font-size:13px; color:var(--text-secondary,#718096); }
.wb-progress li>span { display:grid; place-items:center; width:23px;height:23px; border-radius:50%; border:1px solid currentColor; font-size:11px; }
.wb-progress li.current {color:#346ed1;font-weight:600;}
.wb-progress li.current>span { animation:wb-breathe 1.6s ease-in-out infinite; }
.wb-progress li.done {color:#27806d;}
.wb-progress b {font-variant-numeric:tabular-nums;color:var(--text-primary,#1e293b);}
.wb-progress p,.wb-plain-note,.wb-saved-line {font-size:12px;line-height:1.7;color:var(--text-secondary,#718096);margin:10px 0 0;}
.wb-saved-line {margin:8px 0 16px;}
.wb-progress .wb-error,.wb-error {color:#bc4545;overflow-wrap:anywhere;}
.wb-search-form {display:grid;gap:9px;margin-top:12px;}
.wb-search-form>label {font-size:13px;font-weight:600;}
.wb-search-form>input {width:100%;box-sizing:border-box;border:1px solid var(--border-color,#dce4ec);border-radius:10px;padding:12px;background:var(--bg-secondary,#f6f8fb);color:var(--text-primary,#1e293b);font:inherit;font-size:13px;min-width:0;}
.wb-search-options {display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.wb-search-options select {border:1px solid var(--border-color,#dce4ec);border-radius:8px;padding:9px;background:var(--bg-secondary,#f6f8fb);color:var(--text-primary,#1e293b);}
.wb-search-options>label {font-size:12px;display:flex;align-items:center;gap:4px;}
.wb-filter-chips {display:flex;gap:6px;flex-wrap:wrap;margin:14px 0;}
.wb-filter-chips span {background:var(--bg-secondary,#f6f8fb);border:1px solid var(--border-color,#dce4ec);border-radius:6px;padding:4px 8px;font-size:11px;}
.wb-similar-cards {display:grid;gap:12px;margin-top:14px;}
.wb-similar-cards article {padding:16px;border:1px solid var(--border-color,#dce4ec);border-radius:12px;min-width:0;}
.wb-similar-cards a {display:grid;gap:5px;text-decoration:none;color:var(--text-primary,#1e293b);}
.wb-similar-cards article {transition:border-color .15s ease,transform .15s ease;}
.wb-similar-cards article:hover {border-color:#7da1d9;transform:translateY(-1px);}
.wb-similar-cards small {display:block;margin-top:12px;}
.wb-similar-cards a:hover strong {color:#346ed1;}
.wb-similar-cards a span,.wb-similar-cards small {font-size:11px;color:var(--text-secondary,#718096);}
.wb-similar-cards p {font-size:13px;line-height:1.8;margin:8px 0;overflow-wrap:anywhere;}
.wb-checks {font-size:13px;line-height:1.8;padding-left:20px;}
.wb-counterexamples {margin:16px 0;font-size:13px;}
.wb-counterexamples summary {cursor:pointer;}
.wb-counterexamples pre {white-space:pre-wrap;}
@keyframes wb-breathe {50%{opacity:.5}}
@media(max-width:900px){#wrongbookPage .wrongbook-workspace{grid-template-columns:1fr}#wrongbookPage .wrongbook-detail{padding:20px}#wrongbookPage .wrongbook-list{max-height:250px}#wrongbookPage .wrongbook-browser{position:static}}
@media(max-width:600px){#wrongbookPage .wrongbook-detail{padding:16px}#wrongbookPage .wrongbook-detail-head h2{font-size:20px}.wb-progress{padding:12px}.wb-progress ol{gap:10px}.wb-progress li{font-size:11px;gap:5px}.wb-search-options button{margin-left:auto}.wb-similar-cards article{padding:13px}}
@media(prefers-reduced-motion:reduce){.wb-progress li.current>span{animation:none}}
/* Reading view with a readable problem list and saved code findings. */
html[data-ui-theme] #wrongbookPage .admin-header {min-height:84px;padding-top:18px;padding-bottom:18px;background:var(--bg-secondary);box-shadow:none;border-bottom:1px solid var(--border-light);}
html[data-ui-theme] #wrongbookPage .wrongbook-layout {max-width:none;width:100%;padding:20px 28px 28px;margin:0;min-height:calc(100dvh - 100px);}
html[data-ui-theme] #wrongbookPage .wrongbook-layout>.ui-inline-settings {margin:0 0 12px;background:none;border:0;box-shadow:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-layout>.ui-inline-settings>summary {padding:5px 0;font-size:12px;color:var(--text-muted);}
html[data-ui-theme] #wrongbookPage .wrongbook-workspace {grid-template-columns:clamp(310px,24vw,390px) minmax(0,1fr);gap:22px;min-height:calc(100dvh - 174px);align-items:stretch;}
html[data-ui-theme] #wrongbookPage .wrongbook-browser {border:1px solid var(--border-light);border-radius:14px;align-self:start;position:sticky;top:18px;}
@media(min-width:901px){html[data-ui-theme] #wrongbookPage .wrongbook-list{max-height:calc(100dvh - 292px);min-height:180px}}
html[data-ui-theme] #wrongbookPage .wrongbook-detail {padding:28px 32px;border:1px solid var(--border-light);border-radius:16px;max-height:none;overflow:visible;}
html[data-ui-theme] #wrongbookPage .wrongbook-detail-head {margin-bottom:4px;padding-bottom:14px;}
html[data-ui-theme] #wrongbookPage .wrongbook-detail-head h2 {font-size:25px;}
html[data-ui-theme] #wrongbookPage .wrongbook-detail>.ui-disclosure {margin:0 0 16px;border:0;border-bottom:1px solid var(--border-light);border-radius:0;background:none;box-shadow:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-detail>.ui-disclosure>summary {padding:12px 0;font-size:12px;}
html[data-ui-theme] #wrongbookPage .wrongbook-section {padding:8px 0 22px;margin-bottom:18px;border:0;border-bottom:1px solid var(--border-light);}
html[data-ui-theme] #wrongbookPage .wrongbook-section:last-child {border:0;margin-bottom:0;}
html[data-ui-theme] #wrongbookPage .wrongbook-list-row {display:block;}
html[data-ui-theme] #wrongbookPage .wrongbook-list-select {display:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-list {padding:0 10px 10px;gap:4px;}
html[data-ui-theme] #wrongbookPage .wrongbook-list-item {padding:14px 12px;border:1px solid transparent;border-radius:9px;background:transparent!important;box-shadow:none;transform:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-list-item:hover {background:var(--bg-primary)!important;box-shadow:none;transform:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-list-item.active {background:var(--primary-bg)!important;border-color:var(--primary-light)!important;box-shadow:none;transform:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-list-item h3 {font-size:15px;line-height:1.65;font-weight:600;margin:6px 0;}
html[data-ui-theme] #wrongbookPage .wrongbook-item-head strong {font-size:11px;font-weight:500;color:var(--text-secondary);}
html[data-ui-theme] #wrongbookPage .wrongbook-item-head .wrongbook-verdict {font-size:10px;padding:2px 5px;}
html[data-ui-theme] #wrongbookPage .wrongbook-item-meta span:last-child {display:none;}
html[data-ui-theme] #wrongbookPage .wrongbook-item-foot {margin-top:6px;}
html[data-ui-theme] #wrongbookPage .wrongbook-tabs {border:0;border-bottom:1px solid var(--border-light);border-radius:0;background:none;padding:6px;}
html[data-ui-theme] #wrongbookPage .wrongbook-filters {margin:0;padding:12px;}
html[data-ui-theme] #wrongbookPage .wrongbook-filters input {border-radius:8px;font-size:12px;min-height:38px;background:var(--bg-primary);}
html[data-ui-theme] #wrongbookPage .wrongbook-detail-head>.ui-tool-menu {align-self:start;}
.wb-analysis-meta {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;font-size:11px;color:var(--text-muted);}
#wrongbookModel {max-width:180px;min-width:0;border:1px solid var(--border-light);border-radius:8px;padding:6px 9px;font:inherit;font-size:12px;background:var(--bg-secondary);color:var(--text-secondary);}
@media(max-width:600px){html[data-ui-theme] #wrongbookPage .wrongbook-section-head{flex-direction:row;align-items:center}#wrongbookModel{max-width:155px}.wb-analysis-meta>span{line-height:1.6}.wb-analysis-meta>button{flex-shrink:0}}
.wb-analyze-again {font-size:12px!important;padding:5px 9px!important;min-height:30px!important;background:transparent!important;border:1px solid var(--border-light)!important;box-shadow:none!important;}
.wb-progress-complete {border:0;padding:0;margin:0 0 18px;background:transparent;}
.wb-progress-complete ol {gap:14px;}
.wb-progress-complete li {font-size:11px;}
.wb-progress-complete li>span {border:0;width:auto;height:auto;}
.wb-progress-complete p {display:none;}
.wb-key-point {font-size:16px;font-weight:600;line-height:1.8;margin:18px 0 12px;color:var(--text-primary);}
.wb-findings {display:grid;gap:0;}
.wb-findings>article {display:grid;grid-template-columns:25px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid var(--border-light);}
.wb-findings>article:last-child {border:0;}
.wb-finding-number {font-family:'OI Grotesk',sans-serif;font-size:13px;color:var(--primary);padding-top:3px;}
html[data-ui-theme] #wrongbookPage .wb-findings h4 {margin:0 0 8px;font-size:15px;line-height:1.65;font-weight:650;}
.wb-findings p {font-size:13px;line-height:1.85;margin:6px 0;}
.wb-findings p>b {font-size:11px;margin-right:10px;color:var(--text-muted);font-weight:500;white-space:nowrap;}
.wb-findings .wb-check-example {color:var(--text-secondary);}
.wb-code-references {margin-top:9px;}
.wb-change-detail {font-size:12px;color:var(--text-secondary);margin:8px 0;}
.wb-change-detail>summary {cursor:pointer;width:max-content;padding:5px 0;}
.wb-change-detail p {line-height:1.8;}
.wb-analysis-start {display:flex;align-items:start;flex-direction:column;gap:8px;padding:14px 0;}
.wb-analysis-start p {font-size:16px;margin:0;font-weight:600;}
.wb-analysis-start small {font-size:12px;color:var(--text-muted);}
.wb-analysis-start button {margin-top:6px;}
.wb-similar-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.wb-similar-cards article {padding:15px;background:var(--bg-secondary);border-color:var(--border-light);}
.wb-similar-cards strong {font-size:14px;line-height:1.6;}
.wb-similar-cards small {color:var(--primary);font-size:11px;}
@media(max-width:900px){html[data-ui-theme] #wrongbookPage .wrongbook-layout{padding:16px}html[data-ui-theme] #wrongbookPage .wrongbook-browser{position:static}html[data-ui-theme] #wrongbookPage .wrongbook-workspace{grid-template-columns:1fr;min-height:0;align-items:start}html[data-ui-theme] #wrongbookPage .wrongbook-detail{padding:22px}.wb-similar-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){html[data-ui-theme] #wrongbookPage .wrongbook-layout{padding:12px 10px}html[data-ui-theme] #wrongbookPage .wrongbook-detail{padding:16px}html[data-ui-theme] #wrongbookPage .wrongbook-detail-head h2{font-size:21px}.wb-similar-cards{grid-template-columns:1fr}.wb-key-point{font-size:15px}.wb-findings>article{gap:8px;grid-template-columns:20px minmax(0,1fr)}.wb-progress-complete ol{gap:8px}}

/* Source annotations share the small underline palette with text selections. */
.wb-note-link{padding:4px 0!important;margin:5px 0 0!important;min-height:28px!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--primary)!important;font:inherit;font-size:12px;cursor:pointer}
.wb-chat-sources{margin-top:18px;min-width:0}
.wb-source{min-width:0}
.wb-submission-label{margin:14px 0 0;font-size:12px;color:var(--text-muted)}
.wb-other-submissions{margin-top:12px}
.wb-other-submissions>summary{font-size:12px;color:var(--text-secondary);cursor:pointer;padding:4px 0}
.oi-code-note{text-decoration:underline;text-decoration-color:var(--note-color);text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-skip-ink:none;cursor:pointer}
.oi-code-note:hover{background:color-mix(in srgb,var(--note-color) 10%,transparent)}
.oi-code-note:focus-visible{outline:1px solid var(--note-color);outline-offset:3px}
#wrongbookCodeNote{position:fixed;z-index:1590;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:14px 16px 16px;border:1px solid var(--border);border-top:3px solid var(--note-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 8px 30px #18223b24;animation:note-toolbar-in .12s ease-out}
#wrongbookCodeNote[hidden]{display:none!important}
#wrongbookCodeNote header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--text-muted)}
#wrongbookCodeNote button{border:0!important;background:none!important;color:var(--text-secondary)!important;box-shadow:none!important;min-height:28px!important;min-width:28px;padding:0!important;font-size:21px;line-height:1;cursor:pointer}
#wrongbookCodeNote h4{margin:5px 0 9px;font-size:15px;line-height:1.65}
#wrongbookCodeNote p{margin:8px 0 0;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
#wrongbookCodeNote b{display:block;margin-bottom:3px;font-size:11px;color:var(--text-muted);font-weight:500}
#wrongbookCodeNote .wb-note-check{color:var(--text-secondary)}
@media(max-width:600px){#wrongbookCodeNote{border-radius:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){#wrongbookCodeNote{animation:none}}