.card{--tn:var(--accent);--tn-h:var(--accent);--tn-a:var(--accent);--tn-s:var(--accent-soft);--tn-m:var(--accent-soft);--tn-e:var(--accent);--tn-b:var(--accent);--tn-on:var(--on-accent);--tn-g:transparent;--card-pad-y:var(--pad,var(--spacing-13px,13px));--card-pad-x:var(--pad,var(--spacing-13px,13px));--card-head-y:var(--spacing-13px,13px);--card-head-x:var(--spacing-16px,16px);--card-gap:var(--gap,var(--spacing-9px,9px));background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-xl);min-width:0;box-shadow:var(--f4-e2);transition:box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.card[data-level="1"]{box-shadow:var(--f4-e1)}.card[data-level="2"]{box-shadow:var(--f4-e2)}.card[data-level="3"]{box-shadow:var(--f4-e3)}.card[data-level="4"]{box-shadow:var(--f4-e4)}.card[data-level="5"]{box-shadow:var(--f4-e5)}.card[data-level="6"]{box-shadow:var(--f4-e6)}.card[data-level="7"]{box-shadow:var(--f4-e7)}.card[data-variant=elevated]{box-shadow:var(--f4-e4);background:var(--bg-1)}.card[data-variant=outline]{box-shadow:none;background:var(--bg-1);border-color:var(--line)}.card[data-variant=ghost]{box-shadow:none;background:0 0;border-color:#0000}.card[data-variant=soft]{box-shadow:var(--shadow-xs);background:var(--bg-2);border-color:var(--line-soft)}.card[data-size=compact]{--card-pad-y:var(--spacing-10px,10px);--card-pad-x:var(--spacing-11px,11px);--card-head-y:var(--spacing-8px,8px);--card-head-x:var(--spacing-10px,10px);--card-gap:7px}.card[data-size=comfortable]{--card-pad-y:var(--spacing-13px,13px);--card-pad-x:var(--spacing-13px,13px);--card-head-y:var(--spacing-10px,10px);--card-head-x:var(--spacing-13px,13px);--card-gap:var(--spacing-9px,9px)}.card[data-size=spacious]{--card-pad-y:var(--spacing-16px,16px);--card-pad-x:var(--spacing-16px,16px);--card-head-y:var(--spacing-14px,14px);--card-head-x:var(--spacing-16px,16px);--card-gap:var(--spacing-12px,12px)}.card[data-hover]:hover:not([data-disabled]),.card[data-interactive]:hover:not([data-disabled]){box-shadow:var(--f4-e4);transform:translateY(-1px)}.card[data-hover][data-level="1"]:hover:not([data-disabled]),.card[data-interactive][data-level="1"]:hover:not([data-disabled]){box-shadow:var(--f4-e3)}.card[data-hover][data-level="2"]:hover:not([data-disabled]),.card[data-interactive][data-level="2"]:hover:not([data-disabled]),.card[data-hover][data-level="3"]:hover:not([data-disabled]),.card[data-interactive][data-level="3"]:hover:not([data-disabled]){box-shadow:var(--f4-e5)}.card[data-hover][data-level="4"]:hover:not([data-disabled]),.card[data-interactive][data-level="4"]:hover:not([data-disabled]){box-shadow:var(--f4-e6)}.card[data-hover][data-level="5"]:hover:not([data-disabled]),.card[data-interactive][data-level="5"]:hover:not([data-disabled]),.card[data-hover][data-level="6"]:hover:not([data-disabled]),.card[data-interactive][data-level="6"]:hover:not([data-disabled]),.card[data-hover][data-level="7"]:hover:not([data-disabled]),.card[data-interactive][data-level="7"]:hover:not([data-disabled]){box-shadow:var(--f4-e8)}.card[data-interactive]{cursor:pointer}.card[data-interactive]:focus-visible{box-shadow:var(--f4-e2), 0 0 0 1px var(--bg-1), 0 0 0 3px var(--accent-soft);outline:none}.card[data-selected]{border-color:var(--accent-line);box-shadow:var(--f4-e2), 0 0 0 1px var(--accent-line)}.card[data-selected][data-level="1"]{box-shadow:var(--f4-e1), 0 0 0 1px var(--accent-line)}.card[data-selected][data-level="2"]{box-shadow:var(--f4-e2), 0 0 0 1px var(--accent-line)}.card[data-selected][data-level="3"]{box-shadow:var(--f4-e3), 0 0 0 1px var(--accent-line)}.card[data-selected][data-level="4"]{box-shadow:var(--f4-e4), 0 0 0 1px var(--accent-line)}.card[data-selected][data-level="5"]{box-shadow:var(--f4-e5), 0 0 0 1px var(--accent-line)}.card[data-selected][data-level="6"]{box-shadow:var(--f4-e6), 0 0 0 1px var(--accent-line)}.card[data-selected][data-level="7"]{box-shadow:var(--f4-e7), 0 0 0 1px var(--accent-line)}.card[data-selected][data-variant=elevated]{box-shadow:var(--f4-e4), 0 0 0 1px var(--accent-line)}.card[data-selected][data-variant=outline],.card[data-selected][data-variant=ghost]{box-shadow:0 0 0 1px var(--accent-line)}.card[data-selected][data-variant=soft]{box-shadow:var(--shadow-xs), 0 0 0 1px var(--accent-line)}.card[data-selected][data-hover]:hover:not([data-disabled]),.card[data-selected][data-interactive]:hover:not([data-disabled]){box-shadow:var(--f4-e5), 0 0 0 1px var(--accent-line)}.card[data-selected][data-variant=soft],.card[data-selected][data-variant=ghost]{background:var(--accent-soft)}.card[data-disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}@media (max-width:400px){.card-h{flex-wrap:wrap;align-items:flex-start}.card-a{flex-wrap:wrap;justify-content:flex-start;width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card[data-hover]:hover:not([data-disabled]),.card[data-interactive]:hover:not([data-disabled]){transform:none}}.card-m{border-bottom:1px solid var(--line-soft);margin:0;overflow:hidden}.card-h{align-items:flex-start;gap:var(--card-gap);padding:var(--card-head-y) var(--card-head-x);background:var(--bg-2);border-bottom:1px solid var(--line-soft);display:flex}.card[data-tone]{border-color:var(--tn-b)}.card[data-tone]>.card-h{background:var(--tn-s)}.card[data-variant=ghost]>.card-h,.card[data-variant=soft]>.card-h{background:0 0}.card-i{border-radius:var(--r-md);background:var(--tn-s);width:26px;height:26px;color:var(--tn-e);flex:none;place-items:center;display:grid}.card-t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-eyebrow{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:9.5px;font-weight:600}.card-title,.card-t>b{font-family:var(--ui);letter-spacing:-.012em;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.card-desc,.card-t>span{color:var(--fg-dim);font-size:11px;line-height:1.4;font-family:var(--mono);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-a{flex:none;align-items:center;gap:5px;margin-left:auto;display:flex}.card-b{padding:var(--card-pad-y) var(--card-pad-x);min-width:0}.card-b[data-padding=flush],.card-b[data-flush]{padding:0}.card-b[data-padding=sm]{padding:calc(var(--card-pad-y) * .65) calc(var(--card-pad-x) * .75)}.card-b[data-padding=lg]{padding:calc(var(--card-pad-y) * 1.25) calc(var(--card-pad-x) * 1.15)}.card-f{padding:calc(var(--card-head-y) * .9) var(--card-head-x);background:var(--bg-2);border-top:1px solid var(--line-soft);align-items:center;gap:var(--spacing-8px,8px);min-width:0;display:flex}
[data-theme=dark] .card[data-hover]:hover:not([data-disabled]),[data-theme=dark] .card[data-interactive]:hover:not([data-disabled]),[data-theme=vscode] .card[data-hover]:hover:not([data-disabled]),[data-theme=vscode] .card[data-interactive]:hover:not([data-disabled]){border-color:color-mix(in oklab, var(--line) 100%, var(--fg) 10%);box-shadow:var(--f4-e5), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 10%, transparent)}[data-theme=dark] .card[data-hover][data-level="1"]:hover:not([data-disabled]),[data-theme=dark] .card[data-interactive][data-level="1"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-hover][data-level="1"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-interactive][data-level="1"]:hover:not([data-disabled]){box-shadow:var(--f4-e3), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 9%, transparent)}[data-theme=dark] .card[data-hover][data-level="2"]:hover:not([data-disabled]),[data-theme=dark] .card[data-interactive][data-level="2"]:hover:not([data-disabled]),[data-theme=dark] .card[data-hover][data-level="3"]:hover:not([data-disabled]),[data-theme=dark] .card[data-interactive][data-level="3"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-hover][data-level="2"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-interactive][data-level="2"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-hover][data-level="3"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-interactive][data-level="3"]:hover:not([data-disabled]){box-shadow:var(--f4-e5), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 10%, transparent)}[data-theme=dark] .card[data-hover][data-level="4"]:hover:not([data-disabled]),[data-theme=dark] .card[data-interactive][data-level="4"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-hover][data-level="4"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-interactive][data-level="4"]:hover:not([data-disabled]){box-shadow:var(--f4-e6), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 11%, transparent)}[data-theme=dark] .card[data-hover][data-level="5"]:hover:not([data-disabled]),[data-theme=dark] .card[data-interactive][data-level="5"]:hover:not([data-disabled]),[data-theme=dark] .card[data-hover][data-level="6"]:hover:not([data-disabled]),[data-theme=dark] .card[data-interactive][data-level="6"]:hover:not([data-disabled]),[data-theme=dark] .card[data-hover][data-level="7"]:hover:not([data-disabled]),[data-theme=dark] .card[data-interactive][data-level="7"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-hover][data-level="5"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-interactive][data-level="5"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-hover][data-level="6"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-interactive][data-level="6"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-hover][data-level="7"]:hover:not([data-disabled]),[data-theme=vscode] .card[data-interactive][data-level="7"]:hover:not([data-disabled]){box-shadow:var(--f4-e8), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 12%, transparent)}[data-theme=dark] .card[data-selected],[data-theme=vscode] .card[data-selected]{border-color:var(--accent-line);box-shadow:var(--f4-e3), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 8%, transparent)}[data-theme=dark] .card[data-selected][data-level="1"],[data-theme=vscode] .card[data-selected][data-level="1"]{box-shadow:var(--f4-e1), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 8%, transparent)}[data-theme=dark] .card[data-selected][data-level="2"],[data-theme=vscode] .card[data-selected][data-level="2"]{box-shadow:var(--f4-e2), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 8%, transparent)}[data-theme=dark] .card[data-selected][data-level="3"],[data-theme=vscode] .card[data-selected][data-level="3"]{box-shadow:var(--f4-e3), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 9%, transparent)}[data-theme=dark] .card[data-selected][data-level="4"],[data-theme=vscode] .card[data-selected][data-level="4"]{box-shadow:var(--f4-e4), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 10%, transparent)}[data-theme=dark] .card[data-selected][data-level="5"],[data-theme=vscode] .card[data-selected][data-level="5"]{box-shadow:var(--f4-e5), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 10%, transparent)}[data-theme=dark] .card[data-selected][data-level="6"],[data-theme=vscode] .card[data-selected][data-level="6"]{box-shadow:var(--f4-e6), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 11%, transparent)}[data-theme=dark] .card[data-selected][data-level="7"],[data-theme=vscode] .card[data-selected][data-level="7"]{box-shadow:var(--f4-e7), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 12%, transparent)}[data-theme=dark] .card[data-selected][data-hover]:hover:not([data-disabled]),[data-theme=dark] .card[data-selected][data-interactive]:hover:not([data-disabled]),[data-theme=vscode] .card[data-selected][data-hover]:hover:not([data-disabled]),[data-theme=vscode] .card[data-selected][data-interactive]:hover:not([data-disabled]){box-shadow:var(--f4-e6), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 11%, transparent)}[data-theme=dark] .card[data-selected][data-level="5"][data-hover]:hover:not([data-disabled]),[data-theme=dark] .card[data-selected][data-level="5"][data-interactive]:hover:not([data-disabled]),[data-theme=dark] .card[data-selected][data-level="6"][data-hover]:hover:not([data-disabled]),[data-theme=dark] .card[data-selected][data-level="6"][data-interactive]:hover:not([data-disabled]),[data-theme=dark] .card[data-selected][data-level="7"][data-hover]:hover:not([data-disabled]),[data-theme=dark] .card[data-selected][data-level="7"][data-interactive]:hover:not([data-disabled]),[data-theme=vscode] .card[data-selected][data-level="5"][data-hover]:hover:not([data-disabled]),[data-theme=vscode] .card[data-selected][data-level="5"][data-interactive]:hover:not([data-disabled]),[data-theme=vscode] .card[data-selected][data-level="6"][data-hover]:hover:not([data-disabled]),[data-theme=vscode] .card[data-selected][data-level="6"][data-interactive]:hover:not([data-disabled]),[data-theme=vscode] .card[data-selected][data-level="7"][data-hover]:hover:not([data-disabled]),[data-theme=vscode] .card[data-selected][data-level="7"][data-interactive]:hover:not([data-disabled]){box-shadow:var(--f4-e8), 0 0 0 1px var(--accent-line), inset 0 1px 0 0 color-mix(in oklab, var(--fg) 13%, transparent)}