.cr-card{--cr-surface: var(--sl-color-bg-nav);--cr-text: var(--sl-color-white);--cr-muted: var(--sl-color-gray-3);--cr-accent: var(--sl-color-accent);--cr-border: var(--sl-color-gray-5);--cr-hover: var(--sl-color-gray-6);--cr-thread-bg: var(--sl-color-gray-7, var(--sl-color-bg));--cr-correct: #4ade80;--cr-wrong: #f87171;--cr-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:var(--cr-text);line-height:1.6;background:var(--cr-surface);border:1px solid var(--cr-border);border-radius:12px;padding:20px 22px;margin-bottom:16px}:root[data-theme=light] .cr-card{--cr-correct: #16a34a;--cr-wrong: #dc2626}.cr-card *{box-sizing:border-box}.cr-prompt{color:var(--cr-muted);font-size:14px;margin:0 0 14px}.cr-body code:not(pre code){font-family:var(--cr-mono);font-size:.9em;background:var(--cr-hover);padding:1px 5px;border-radius:4px}.cr-file{border:1px solid var(--cr-border);border-radius:8px;overflow:hidden;margin-bottom:14px;background:var(--cr-surface)}.cr-file-header{padding:8px 12px;background:var(--cr-hover);border-bottom:1px solid var(--cr-border);font:13px var(--cr-mono);color:var(--cr-text)}.cr-file-body .expressive-code{margin:0}.cr-file-body .expressive-code .frame pre,.cr-file-body .expressive-code .frame .header{border-radius:0;border-left:0;border-right:0;border-bottom:0}.cr-file-body .expressive-code .frame .header{display:none}.cr-body[data-tabbed] .cr-file{border:0;border-radius:0;margin-bottom:0}.cr-body[data-tabbed] .cr-file-header{display:none}.cr-body[data-tabbed] starlight-tabs .tablist-wrapper~[role=tabpanel]{margin-top:0}.cr-file .expressive-code .ec-line{cursor:pointer;transition:background-color .1s}.cr-file .expressive-code .ec-line:hover{background:#7f7f7f1f}.cr-file .expressive-code .ec-line[data-cr-active=true]{background:#7f7f7f2e}.cr-card[data-state] .cr-file .expressive-code .ec-line{cursor:default}.cr-card[data-state] .cr-file .expressive-code .ec-line:hover{background:transparent}.cr-file .expressive-code pre>code{counter-reset:cr-line}.cr-file .expressive-code .ec-line{counter-increment:cr-line;display:flex;align-items:baseline}.cr-file .expressive-code .ec-line:before{content:counter(cr-line);flex:0 0 auto;width:2.25rem;padding-right:.75rem;text-align:right;color:var(--cr-muted);opacity:.6;user-select:none}.cr-file .expressive-code .ec-line>.code{flex:1 1 auto;min-width:0;padding-left:1.5rem}.cr-thread{background:var(--cr-thread-bg);border-top:1px solid var(--cr-border);border-bottom:1px solid var(--cr-border);padding:10px 14px;display:flex;flex-direction:column;gap:10px;font-size:14px}.cr-comment{border:1px solid var(--cr-border);border-radius:6px;background:var(--cr-surface);padding:8px 14px}.cr-comment-text{white-space:pre-wrap;word-wrap:break-word;color:var(--cr-text);margin-bottom:6px}.cr-comment>button{background:transparent;border:0;color:var(--cr-muted);font:inherit;font-size:12px;cursor:pointer;padding:2px 4px;margin-right:4px;border-radius:4px}.cr-comment>button:hover{color:var(--cr-accent);background:var(--cr-hover)}.cr-card[data-state] .cr-comment>button{display:none}.cr-composer{display:flex;flex-direction:column;gap:8px;border:1px solid var(--cr-border);border-radius:6px;background:var(--cr-surface);padding:8px 14px}.cr-composer textarea{width:100%;min-height:60px;resize:vertical;background:transparent;color:var(--cr-text);border:0;outline:none;font:inherit;line-height:1.5}.cr-composer-actions{display:flex;gap:8px;justify-content:flex-end}.cr-composer-actions button{padding:6px 12px;border-radius:6px;font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--cr-border);background:var(--cr-hover);color:var(--cr-text)}.cr-composer-actions .cr-composer-save{background:var(--cr-accent);border-color:var(--cr-accent);color:#fff}.cr-composer-actions .cr-composer-save:disabled{opacity:.4;cursor:not-allowed}.cr-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cr-submit{background:var(--cr-accent);color:#fff;border:0;padding:10px 18px;border-radius:8px;font:inherit;cursor:pointer;transition:opacity .15s}.cr-submit:hover:not(:disabled){opacity:.9}.cr-submit:disabled{opacity:.4;cursor:not-allowed}.cr-status{font-size:13px;color:var(--cr-muted);font-style:italic}.cr-status[hidden]{display:none}.cr-target{margin-left:auto;font-size:13px;color:var(--cr-muted)}.cr-feedback{margin-top:14px;border-radius:8px;border:1px solid var(--cr-border);background:var(--cr-hover);overflow:hidden}.cr-feedback[hidden]{display:none}.cr-feedback-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--cr-border);font-size:14px;font-weight:600}.cr-feedback-mode{margin-left:auto;font-size:13px;font-weight:500;color:var(--cr-muted)}.cr-feedback-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.cr-overall{color:var(--cr-text);font-size:14px;font-style:italic}.cr-overall .cr-why-slot>:first-child{margin-top:0}.cr-overall .cr-why-slot>:last-child{margin-bottom:0}.cr-issue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cr-issue-row{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--cr-border)}.cr-issue-row:first-child{border-top:0;padding-top:0}.cr-issue-row:last-child{padding-bottom:0}.cr-overall:not([hidden])+.cr-issue-list .cr-issue-row:first-child{border-top:1px solid var(--cr-border);padding-top:12px}.cr-issue-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cr-issue-status{width:18px;height:18px;border-radius:50%;color:#fff;font:800 11px/1 -apple-system,BlinkMacSystemFont,sans-serif;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cr-issue-row[data-status=caught] .cr-issue-status{background:var(--cr-correct)}.cr-issue-row[data-status=caught] .cr-issue-status:before{content:"✓"}.cr-issue-row[data-status=missed] .cr-issue-status{background:var(--cr-wrong)}.cr-issue-row[data-status=missed] .cr-issue-status:before{content:"✕"}.cr-issue-loc{font:13px var(--cr-mono);color:var(--cr-muted)}.cr-card[data-mode=comments] .cr-issue-row[data-status=caught] .cr-issue-note{display:none}.cr-issue-note{margin:0;color:var(--cr-text)}.cr-issue-note>:first-child{margin-top:0}.cr-issue-note>:last-child{margin-bottom:0}.cr-issue-note>p{margin:0}.cr-issue-note code:not(pre code){font-family:var(--cr-mono);font-size:.9em;background:var(--cr-hover);padding:1px 5px;border-radius:4px}
