.saved-results-page { padding: 72px 32px 44px; overflow: auto; scrollbar-gutter: stable; width: 100%; margin: 0 auto; color: var(--text, #171717); font: 14px/1.5 Inter, "Segoe UI", sans-serif; }
body:has(#dashboardWorkspace:not([hidden])) .main > #savedResultsWorkspace:not([hidden]) { position: absolute; z-index: 2; inset: var(--shell-bar-height, 46px) 0 0 var(--dashboard-sidebar-width, 198px); height: auto; width: auto; max-width: none; margin: 0; min-height: 0; }
.saved-results-inner { max-width: 832px; margin: 0 auto; }
.saved-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.saved-heading > span { color: #aaa; display: flex; }
.saved-heading svg { width: 28px; height: 28px; }
.saved-results-page .saved-icon--questions { color: #ff5267; }
.saved-results-page .saved-icon--mistakes { color: #e94f67; }
.saved-results-page .saved-icon--notes { color: #d6a321; }
.saved-results-page .saved-icon--collections { color: #a16be5; }
.saved-results-page h1 { margin: 0; font-size: 28px; line-height: 1.3; font-weight: 600; letter-spacing: -.7px; }
.saved-results-page h1 span { color: #777; }
.saved-results-page h2 { font-size: 20px; font-weight: 500; margin: 0 0 8px; }
.saved-results-page p, .saved-question-row small { color: var(--muted, #777); }
.saved-results-page svg, .saved-dialog svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.saved-heading svg { width: 28px; height: 28px; }
.saved-results-page button, .saved-dialog button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; font: inherit; cursor: pointer; color: inherit; background: var(--surface, white); border: 1px solid var(--border, #eee); border-radius: 12px; padding: 7px 14px; }
.saved-results-page button:hover, .saved-dialog button:hover { background: var(--surface-soft, #f5f5f5); }
.saved-results-page .saved-primary, .saved-dialog .saved-primary { background: #171717; border-color: #171717; color: white; }
.saved-results-page .saved-primary:hover, .saved-dialog .saved-primary:hover { background: #333; }
.saved-tabs { display: flex; gap: 16px; margin-bottom: 20px; overflow-x: auto; }
.saved-results-page .saved-tabs button { padding: 8px 3px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--muted, #777); background: transparent; white-space: nowrap; }
.saved-results-page .saved-tabs button[aria-selected="true"] { color: var(--text, #171717); border-bottom-color: currentColor; }
#savedMistakeCount:not(:empty) { display: inline-grid; place-items: center; padding: 0 6px; border-radius: 7px; background: var(--surface-soft, #f5f5f5); color: var(--text, #171717); font-size: 12px; }
.saved-empty { border: 2px solid var(--border, #eee); border-radius: 16px; min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 24px; }
.saved-empty > svg { color: #aaa; width: 40px; height: 40px; margin-bottom: 20px; }
.saved-empty p { max-width: 420px; margin: 0 0 16px; }
.saved-empty h2 { margin-bottom: 6px; }
.saved-tools { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin: 16px 0; flex-wrap: wrap; }
.saved-tools-actions { display: flex; align-items: center; gap: 10px; }
.saved-results-page .saved-selection-toggle { box-sizing: border-box; width: 112px; flex: 0 0 112px; white-space: nowrap; }
.saved-results-page .saved-selection-toggle[aria-pressed="true"] { background: var(--surface-soft, #f5f5f5); border-color: var(--surface-soft, #f5f5f5); color: var(--text, #171717); }
.saved-results-page .saved-selection-toggle[aria-pressed="true"]:hover { background: var(--surface-soft, #f5f5f5); }
.saved-tools--right { justify-content: flex-end; }
.saved-search { display: flex; gap: 8px; align-items: center; border-radius: 10px; background: var(--surface-soft, #f5f5f5); padding: 8px 12px; color: var(--muted, #777); }
.saved-search input { min-width: 0; width: 220px; border: 0; outline: none; background: transparent; color: var(--text); font: inherit; }
.saved-filters { display: grid; grid-template-columns: 1.1fr 1.2fr 1fr 1fr; gap: 8px; }
.saved-filters select { appearance: none; width: 100%; min-width: 0; min-height: 42px; background-color: var(--surface, #fff); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; border: 1px solid var(--border, #ddd); border-radius: 10px; padding: 10px 36px 10px 14px; font: inherit; color: inherit; cursor: pointer; transition: border-color 120ms ease, background-color 120ms ease; }
.saved-filters select:hover { border-color: var(--muted, #777); background-color: var(--surface-soft, #f5f5f5); }
.saved-filters select:focus-visible { outline: 2px solid #a16be5; outline-offset: 2px; }
@supports (appearance: base-select) {
    .saved-filters select, .saved-filters select::picker(select) { appearance: base-select; }
    .saved-filters select::picker-icon { display: none; }
    .saved-filters select::picker(select) { margin-top: 6px; padding: 5px; border: 1px solid var(--border, #ddd); border-radius: 10px; background: var(--surface, #fff); color: var(--text, #171717); box-shadow: 0 2px 6px rgb(0 0 0 / 10%); }
    .saved-filters option { padding: 9px 10px; border-radius: 6px; font: inherit; cursor: pointer; }
    .saved-filters option:hover, .saved-filters option:focus { background: var(--surface-soft, #f5f5f5); }
    .saved-filters option:checked { background: #f3edfc; color: #654396; }
    .saved-filters option::checkmark { color: #a16be5; }
}
.saved-pattern { position: relative; border: 4px solid #f9a8b4; border-radius: 16px; padding: 24px 16px; margin: 32px 0; }
.saved-pattern--locked { min-height: 204px; box-sizing: border-box; }
.saved-pattern-preview { filter: blur(4px); user-select: none; pointer-events: none; }
.saved-pattern-preview p { margin-top: 12px; }
.saved-pattern-paywall { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); display: grid; gap: 12px; min-width: 290px; max-width: calc(100% - 32px); box-sizing: border-box; padding: 12px; background: var(--surface, #fff); border: 1px solid var(--border, #eee); border-radius: 16px; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }
.saved-pattern-paywall > div { display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
.saved-pro-badge { display: inline-flex; align-items: center; gap: 4px; background: #e64caa; color: white; border-radius: 16px; padding: 3px 9px; font-size: 12px; font-weight: 600; }
.saved-pro-badge::before { content: ''; width: 12px; height: 10px; background: currentColor; clip-path: polygon(0 15%, 30% 40%, 50% 0, 70% 40%, 100% 15%, 85% 100%, 15% 100%); }
.saved-mistakes-panel { margin-top: 24px; border: 2px solid var(--border, #eee); border-radius: 16px; overflow: hidden; }
.saved-mistakes-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--border, #eee); flex-wrap: wrap; }
.saved-mistakes-panel-heading h2 { font-size: 16px; margin: 0; }
.saved-mistakes-panel .saved-question-list, .saved-mistakes-panel .saved-empty { border: 0; border-radius: 0; }
.saved-pattern-heading { display: flex; gap: 14px; align-items: center; }
.saved-pattern h2 { font-size: 18px; margin: 0; }
.saved-pattern p { margin: 14px 0 0 44px; line-height: 1.75; }
.saved-pattern > button { margin: 14px 0 0 44px; }
.saved-pattern img { object-fit: contain; }
.saved-question-list { border: 2px solid var(--border, #eee); border-radius: 16px; overflow: hidden; }
.saved-question-row { display: flex; gap: 16px; padding: 18px; border-bottom: 1px solid var(--border, #eee); align-items: flex-start; }
.saved-question-row:last-child { border-bottom: 0; }
.saved-question-row > input { margin: 6px 0; width: 17px; height: 17px; flex-shrink: 0; accent-color: #171717; }
.saved-question-copy { flex: 1; min-width: 0; }
.saved-metadata { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 12px; margin-bottom: 9px; }
.saved-metadata > span { background: var(--surface-soft, #f5f5f5); border-radius: 9px; padding: 3px 8px; }
.saved-metadata time { color: var(--muted, #777); }
.saved-results-page .saved-question-title { display: block; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: 14px; text-align: left; line-height: 1.6; }
.saved-results-page .saved-question-title:hover { text-decoration: underline; background: transparent; }
.saved-metadata .saved-difficulty--hard, .saved-metadata .saved-difficulty--ultra, .saved-metadata .saved-attempts { color: #e94f67; background: #fff0f2; }
.saved-metadata .saved-difficulty--easy { color: #16865c; background: #e9f8f0; }
.saved-metadata .saved-difficulty--medium { color: #997322; background: #fff6df; }
.saved-result-symbol { display: inline-flex; color: #e94f67; margin-top: 2px; }
.saved-result-symbol.is-corrected { color: #16865c; }
.saved-row-actions { display: flex; align-items: center; gap: 16px; margin-top: 8px; }
.saved-row-actions button { padding: 0; border: 0; background: transparent; font-size: 12px; color: var(--muted, #777); }
.saved-note-text { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; }
.saved-no-match { padding: 24px; margin: 0; }
.saved-collections { display: grid; gap: 12px; }
.saved-collection { display: flex; align-items: flex-start; gap: 16px; border: 2px solid var(--border, #eee); border-radius: 16px; padding: 20px; }
.saved-collection > div:first-of-type { flex: 1; min-width: 0; }
.saved-collection-icon { color: #aaa; }
.saved-collection-icon svg { width: 28px; height: 28px; }
.saved-collection p { margin: 6px 0; overflow-wrap: anywhere; }
.saved-collection small { color: var(--muted, #777); }
.saved-collection-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.saved-collection-actions button { font-size: 12px; padding: 5px 9px; }
.saved-collection-description { margin: 0 0 20px; }
.saved-local-note { font-size: 11px; margin: 24px 0 0; }
.saved-dialog { width: min(448px, calc(100vw - 32px)); box-sizing: border-box; max-height: calc(100dvh - 40px); overflow-y: auto; border: 1px solid var(--border, #eee); border-radius: 16px; padding: 24px; background: var(--surface, white); color: var(--text, #171717); font: 14px/1.5 Inter, "Segoe UI", sans-serif; }
.saved-dialog::backdrop { background: rgb(0 0 0 / 50%); }
.saved-dialog h2 { font-size: 20px; font-weight: 500; margin: 0 30px 6px 0; }
.saved-dialog p { color: var(--muted, #777); margin: 0 0 16px; }
.saved-dialog .saved-dialog-close { position: absolute; top: 16px; right: 16px; padding: 4px; border: 0; background: transparent; }
.saved-dialog form { display: grid; gap: 14px; }
.saved-dialog label:not(.saved-picker-row) { display: grid; gap: 6px; }
.saved-dialog :is(input[type="text"], input:not([type]), textarea, select) { font: inherit; color: inherit; border: 0; border-radius: 12px; padding: 10px 12px; background: var(--surface-soft, #f5f5f5); width: 100%; box-sizing: border-box; }
.saved-dialog textarea { min-height: 80px; resize: vertical; }
.saved-dialog fieldset { border: 1px solid var(--border, #eee); border-radius: 12px; padding: 10px; max-height: 220px; overflow-y: auto; }
.saved-picker-row { display: flex; gap: 8px; align-items: flex-start; padding: 7px 0; }
.saved-picker-row span { min-width: 0; overflow-wrap: anywhere; }
.saved-dialog-footer { display: flex; justify-content: flex-end; }
.saved-dialog .saved-dialog-error { color: #d63e50; margin: 0; }
.saved-results-page :is(input, button, select):focus-visible, .saved-dialog :is(input, textarea, button, select):focus-visible { outline: 2px solid var(--text, #171717); outline-offset: 2px; }
#topicalWorkspace.topical-question-open:is(#topicalWorkspace) .question-reader-footer #saveReaderQuestion { width: 32px; min-width: 32px; margin: 0 -4px; padding: 0; background: transparent !important; border: 0 !important; border-radius: 0; box-shadow: none; cursor: pointer; transition: none; }
#saveReaderQuestion svg { width: 32px; height: 32px; fill: none; stroke: none; }
#saveReaderQuestion .reader-bookmark-body { fill: #fff; }
#saveReaderQuestion .reader-bookmark-top { fill: #fff; transition: fill 120ms ease; }
#saveReaderQuestion .reader-bookmark-outline { fill: none; stroke: #a3a3a3; stroke-width: 1.5; stroke-linejoin: round; }
#saveReaderQuestion[aria-pressed="true"] .reader-bookmark-top { fill: #ff5267; }
#saveReaderQuestion[aria-pressed="true"]:hover:not(:disabled) .reader-bookmark-top { fill: #e8475b; }
#saveReaderQuestion:focus-visible { outline: 2px solid var(--accent, #777); outline-offset: 2px; }
#saveReaderQuestion:disabled { opacity: .5; cursor: default; }
.saved-results-page button { cursor: pointer; }
.saved-results-page button:disabled { opacity: .5; cursor: default; }
@media (max-width: 700px) { body:has(#savedResultsWorkspace:not([hidden])) { --dashboard-sidebar-width: 0px; } body:has(#savedResultsWorkspace:not([hidden])) #dashboardWorkspace { visibility: hidden; } .saved-results-page { padding: 32px 16px; } .saved-results-page h1 { font-size: 24px; } .saved-tabs { gap: 12px; } .saved-filters { grid-template-columns: 1fr 1fr; } .saved-empty { padding: 36px 16px; } .saved-collection { flex-wrap: wrap; } .saved-collection-actions { width: 100%; } .saved-pattern p, .saved-pattern > button { margin-left: 0; } .saved-search { width: 100%; box-sizing: border-box; } .saved-search input { width: 100%; } }