.recommendation-system{display:grid;gap:20px;margin-top:20px;padding:clamp(18px,2.5vw,28px);border:1px solid color-mix(in srgb,var(--gold, #c9a84c) 30%,var(--border, #34343d));border-radius:var(--radius-lg, 16px);background:radial-gradient(circle at 8% 0%,rgba(201,168,76,0.08),transparent 34%),var(--surface, #18181d)}.is-editor-workshop{border-color:#32b9ee44;background:#101820;padding:clamp(14px,2.5vw,28px)}.recommendation-workshop-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid #32b9ee33}.recommendation-workshop-commander{width:100px;aspect-ratio:63/88;border-radius:8px;object-fit:contain}.recommendation-workshop-hero h1{margin:0 0 8px;font-size:clamp(26px,3vw,40px);line-height:1.15}.recommendation-workshop-hero p{max-width:55ch;color:#b3c4d1}.recommendation-workshop-steps{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0;margin:18px 0 0;list-style-position:inside;color:#a8dcf0;font-size:13px}.recommendation-workshop-current{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:20px;padding:16px 0;border-bottom:1px solid #32b9ee22}.recommendation-workshop-current h2{margin:0;font-size:18px}.recommendation-workshop-current p{color:#a7bbca;font-size:13px;line-height:1.5}.recommendation-workshop-card-rail{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}.recommendation-workshop-card-rail figure{flex:0 0 110px;margin:0}.recommendation-workshop-card-rail img{width:110px;aspect-ratio:63/88;object-fit:contain;border-radius:7px}.recommendation-workshop-card-rail figcaption{margin-top:6px;font-size:12px;color:#cfdae3}.is-editor-workshop .recommendation-eyebrow{color:#89d7f3!important;text-transform:none;letter-spacing:0}.is-editor-workshop .recommendation-objectives{margin:16px 0 28px}.is-editor-workshop .recommendation-objective{grid-template-columns:36px minmax(0,1fr);background:#15232e}.is-editor-workshop .recommendation-objective[aria-checked=true]{border-color:#70dcff;background:#174157}.recommendation-workshop-results{margin:8px 0 16px}.recommendation-workshop-results h2{margin:0;font-size:22px}.is-editor-workshop .recommendation-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}.is-editor-workshop .recommendation-card{grid-template-columns:minmax(0,1fr);background:#141e27}.is-editor-workshop .recommendation-card-main{min-width:0}.is-editor-workshop .recommendation-card-side{border-left:0;border-top:1px solid #ffffff12;background:#0e171e}.is-editor-workshop .recommendation-card-top{grid-template-columns:minmax(0,1fr) auto;margin-bottom:20px}.is-editor-workshop .recommendation-card-icon{display:none}.is-editor-workshop .recommendation-card h3{font-size:18px;line-height:1.35}.is-editor-workshop .recommendation-swap{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:8px}.is-editor-workshop .recommendation-swap-card{padding:10px;min-width:0}.is-editor-workshop .recommendation-swap-card-body{display:flex;flex-direction:column;gap:10px}.is-editor-workshop .recommendation-swap-art{width:100%;height:auto;aspect-ratio:63/88}.is-editor-workshop .recommendation-swap-art img{width:100%;height:100%;object-fit:contain}.is-editor-workshop .recommendation-swap-copy{min-width:0;overflow-wrap:anywhere}.is-editor-workshop .recommendation-swap-direction small{display:none}.recommendation-explore-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:12px}.recommendation-explore>p{font-size:13px;line-height:1.5}.recommendation-explore-symbol{display:grid;place-items:center;color:#89d7f3;min-height:110px;background:#1b2c39;margin:12px 0;border-radius:8px}.recommendation-why{margin-top:18px;font-size:13px}.recommendation-why summary{color:#a8dcf0;cursor:pointer}.is-editor-workshop .recommendation-draft{border-color:#32b9ee66;scroll-margin-top:16px}.is-editor-workshop .deck-feedback-trigger-thumb{color:#aebdcc;opacity:1}@media(max-width:900px){.is-editor-workshop .recommendation-list{grid-template-columns:1fr}}@media(max-width:540px){.recommendation-workshop-hero{grid-template-columns:70px minmax(0,1fr);gap:14px}.recommendation-workshop-commander{width:70px}.recommendation-workshop-hero>button{grid-column:1/-1;justify-self:start}.recommendation-workshop-steps{display:grid;gap:8px}.recommendation-workshop-current{grid-template-columns:minmax(0,1fr)}.is-editor-workshop .recommendation-swap-copy strong{font-size:13px}.is-editor-workshop .recommendation-card-top{grid-template-columns:minmax(0,1fr);gap:10px}.is-editor-workshop .recommendation-card-top .recommendation-legality{justify-self:start}}.recommendation-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.recommendation-heading,.recommendation-draft-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.recommendation-heading h2,.recommendation-draft h3,.recommendation-card h3{margin:0;color:var(--text, #f2f0f7)}.recommendation-heading p:not(.recommendation-eyebrow),.recommendation-draft p,.recommendation-card p{color:var(--text-muted, #aaa6b5)}.recommendation-eyebrow{margin:0 0 6px;color:var(--gold, #c9a84c)!important;font-size:0.72rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.recommendation-objectives{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.recommendation-objective{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid var(--border, #34343d);border-radius:var(--radius-md, 12px);background:color-mix(in srgb,var(--surface-2, #202027) 92%,transparent);color:var(--text, #f2f0f7);text-align:left;cursor:pointer;transition:border-color 160ms ease,background 160ms ease,transform 160ms ease}.recommendation-objective:hover,.recommendation-objective[aria-checked=true]{border-color:var(--gold, #c9a84c);background:rgba(201,168,76,0.1)}.recommendation-objective:focus-visible,.recommendation-button:focus-visible,.recommendation-text-button:focus-visible,.recommendation-view-all:focus-visible{outline:3px solid color-mix(in srgb,var(--gold, #c9a84c) 70%,white);outline-offset:3px}.recommendation-objective-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(201,168,76,0.14);color:var(--gold, #c9a84c);font-weight:900}.recommendation-objective-copy{display:grid;gap:4px;min-width:0}.recommendation-objective-copy strong,.recommendation-objective-copy small{overflow-wrap:anywhere}.recommendation-objective-copy small{color:var(--text-muted, #aaa6b5);line-height:1.35}.recommendation-confidence,.recommendation-legality{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:var(--surface-3, #282830);color:var(--text-muted, #aaa6b5);font-size:0.68rem;font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap}.recommendation-legality.is-legal{border:1px solid rgba(85,184,130,0.28);background:rgba(85,184,130,0.1);color:#8ee1b4}.recommendation-legality.is-legal::before{content:"\2713";display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:rgba(85,184,130,0.2);font-size:0.66rem}.recommendation-list{display:grid;gap:14px}.recommendation-card{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);border:1px solid var(--border, #34343d);border-radius:var(--radius-md, 12px);background:color-mix(in srgb,var(--surface-2, #202027) 92%,transparent);overflow:hidden}.recommendation-card-main,.recommendation-card-side{padding:clamp(16px,2vw,22px)}.recommendation-card-side{display:grid;align-content:start;gap:14px;border-left:1px solid var(--border, #34343d);background:rgba(0,0,0,0.1)}.recommendation-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:12px}.recommendation-card-icon{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(201,168,76,0.14);color:var(--gold, #c9a84c)}.recommendation-card-icon svg{width:20px;height:20px}.recommendation-evidence{margin:14px 0;line-height:1.55}.recommendation-evidence strong{color:var(--text, #f2f0f7)}.recommendation-swap{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;gap:10px}.recommendation-swap-direction{align-self:center}.recommendation-swap-card,.recommendation-structural{display:grid;align-content:center;gap:4px;min-height:90px;padding:14px;border:1px solid var(--border, #34343d);border-radius:10px;background:var(--surface-3, #282830)}.recommendation-swap-card{gap:10px;min-height:154px}.recommendation-structural{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;border-style:dashed}.recommendation-structural-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:rgba(201,168,76,0.1);color:var(--gold, #c9a84c)}.recommendation-structural-icon svg{width:24px;height:24px}.recommendation-structural-copy{display:grid;gap:2px;min-width:0}.recommendation-swap-kicker{font-size:0.67rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}.recommendation-swap-card-body{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.recommendation-swap-art{width:74px;aspect-ratio:5 / 7;overflow:hidden;border:1px solid rgba(255,255,255,0.1);border-radius:5px;background:#111116;box-shadow:0 8px 18px rgba(0,0,0,0.28)}.recommendation-swap-art img{display:block;width:100%;height:100%;object-fit:cover}.recommendation-swap-art.is-unavailable{display:grid;place-items:center;padding:7px;color:var(--text-muted, #aaa6b5);font-size:0.62rem;line-height:1.25;text-align:center}.recommendation-swap-copy{display:grid;align-content:center;gap:5px;min-width:0}.recommendation-swap-copy strong{overflow-wrap:anywhere}.recommendation-swap-card small,.recommendation-swap-copy>span{color:var(--text-muted, #aaa6b5)}.recommendation-swap-price{font-weight:800;color:var(--text, #f2f0f7)!important}.recommendation-swap-card.is-cut .recommendation-swap-price{color:#e6a29b!important}.recommendation-swap-card.is-add .recommendation-swap-price{color:#8ee1b4!important}.recommendation-swap-buy{width:fit-content;margin-top:4px;color:var(--gold, #c9a84c);font-size:0.74rem;font-weight:800;line-height:1.35;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.recommendation-swap-buy:hover{color:color-mix(in srgb,var(--gold, #c9a84c) 82%,white)}.recommendation-swap-buy:focus-visible{outline:3px solid color-mix(in srgb,var(--gold, #c9a84c) 70%,white);outline-offset:3px;border-radius:3px}.recommendation-swap-card.is-cut{border-color:rgba(222,113,104,0.45)}.recommendation-swap-card.is-add{border-color:rgba(85,184,130,0.45)}.recommendation-swap-direction{display:grid;gap:4px;place-items:center;color:var(--gold, #c9a84c);font-weight:800;text-align:center}.recommendation-swap-direction small{color:var(--text-muted, #aaa6b5);font-size:0.64rem;line-height:1.2}.recommendation-swap-arrow{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(201,168,76,0.35);border-radius:50%;background:rgba(201,168,76,0.1);font-size:1rem}.recommendation-structural p{margin:2px 0 0}.recommendation-explain-only{margin-top:14px;padding-top:12px;border-top:1px solid var(--border, #34343d);font-size:0.84rem}.recommendation-explain-only[hidden]{display:none}.recommendation-explain-only p{margin:6px 0}.recommendation-explain-only ul{margin:8px 0 0;padding-left:20px;color:var(--text-muted, #aaa6b5)}.recommendation-metrics{display:grid;gap:8px}.recommendation-metric-row{display:grid;gap:4px;padding:9px 0;border-bottom:1px solid var(--border, #34343d)}.recommendation-metric-row>span:first-child{color:var(--text-muted, #aaa6b5);font-size:0.76rem}.recommendation-metric-values{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.recommendation-metric-values strong{color:var(--gold, #c9a84c);text-align:right;overflow-wrap:anywhere}.recommendation-direction{color:var(--text-muted, #aaa6b5);font-size:0.72rem}.recommendation-projection-note,.recommendation-generated{color:var(--text-muted, #aaa6b5);line-height:1.45}.recommendation-actions,.recommendation-draft-actions{display:flex;flex-wrap:wrap;gap:8px}.recommendation-button,.recommendation-view-all{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--border, #34343d);border-radius:9px;font:inherit;font-size:0.82rem;font-weight:800;text-decoration:none;cursor:pointer}.recommendation-button.is-primary{border-color:var(--gold, #c9a84c);background:var(--gold, #c9a84c);color:#15130d}.recommendation-button.is-secondary,.recommendation-view-all{background:var(--surface-3, #282830);color:var(--text, #f2f0f7)}.recommendation-button:disabled{opacity:0.45;cursor:not-allowed}.recommendation-view-all{justify-self:start}.recommendation-draft{display:grid;gap:12px;padding:clamp(16px,2vw,22px);border:1px solid color-mix(in srgb,var(--gold, #c9a84c) 32%,var(--border, #34343d));border-radius:var(--radius-md, 12px);background:rgba(201,168,76,0.06)}.recommendation-draft p{margin:5px 0 0}.recommendation-change-list{display:grid;gap:7px;margin:0;padding-left:24px}.recommendation-change-list li{padding:8px 0}.recommendation-change-list li::marker{color:var(--gold, #c9a84c);font-weight:800}.recommendation-change-list li{display:list-item}.recommendation-text-button{min-height:32px;margin-left:10px;padding:4px 8px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--gold, #c9a84c);font:inherit;font-size:0.78rem;font-weight:800;cursor:pointer}.recommendation-empty{padding:18px;border:1px dashed var(--border, #34343d);border-radius:var(--radius-md, 12px);color:var(--text-muted, #aaa6b5)}.recommendation-worth-considering{display:grid;gap:14px}.recommendation-new-releases{overflow:visible;min-width:0;border:1px solid var(--border, #34343d);border-radius:var(--radius-md, 12px);background:rgba(255,255,255,0.025)}.recommendation-new-release-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon title count action" "icon description count action";align-items:center;gap:4px 14px;width:100%;min-height:88px;max-height:120px;padding:16px 20px;border:0;border-radius:inherit;background:transparent;color:var(--text, #f2f0f7);font:inherit;text-align:left;cursor:pointer}.recommendation-new-release-toggle:not(:disabled):hover{background:rgba(255,255,255,0.035)}.recommendation-new-release-toggle:focus-visible,.recommendation-window-select:focus-visible,.recommendation-pref-toggle:focus-visible,.recommendation-compact-details>summary:focus-visible{outline:3px solid color-mix(in srgb,var(--gold, #c9a84c) 70%,white);outline-offset:3px}.recommendation-new-release-toggle:disabled{cursor:default}.recommendation-new-release-icon{grid-area:icon;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(201,168,76,0.1);color:var(--gold, #c9a84c)}.recommendation-new-release-summary-copy{display:contents}.recommendation-new-release-title{grid-area:title;align-self:end;font-size:1rem;font-weight:800}.recommendation-new-release-description{grid-area:description;align-self:start;color:var(--text-muted, #aaa6b5);font-size:0.82rem;line-height:1.35}.recommendation-new-release-count{grid-area:count;color:var(--text-muted, #aaa6b5);font-size:0.78rem;font-weight:700;white-space:nowrap}.recommendation-new-release-cta{grid-area:action;display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border:1px solid var(--gold, #c9a84c);border-radius:9px;background:rgba(201,168,76,0.12);color:var(--gold, #c9a84c);font-size:0.82rem;font-weight:800;white-space:nowrap}.recommendation-new-release-toggle:not(:disabled):hover .recommendation-new-release-cta{background:rgba(201,168,76,0.2)}.recommendation-new-release-chevron{display:inline-flex;align-items:center;justify-content:center;line-height:0;transition:transform 180ms ease}.recommendation-new-release-chevron svg{display:block}.recommendation-new-release-toggle[aria-expanded=true] .recommendation-new-release-chevron{transform:rotate(180deg)}.recommendation-new-release-content{display:grid;gap:0;min-width:0;padding:0 20px 20px;border-top:1px solid var(--border, #34343d);animation:recommendation-disclosure-in 180ms ease both}.recommendation-new-release-content[hidden]{display:none}@keyframes recommendation-disclosure-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.recommendation-new-release-toolbar{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:var(--text-muted, #aaa6b5);font-size:0.76rem;font-weight:700}.recommendation-window-select-label{display:inline-flex;align-items:center;gap:7px}.recommendation-window-select{min-height:36px;max-width:190px;padding:6px 30px 6px 10px;border:1px solid var(--border, #34343d);border-radius:8px;background:var(--surface-3, #282830);color:var(--text, #f2f0f7);font:inherit;font-size:0.76rem;cursor:pointer}.recommendation-new-release-list{display:grid}.recommendation-new-release-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(126px,18%);gap:18px;align-items:start;padding:16px 0;border-bottom:1px solid var(--border, #34343d)}.recommendation-new-release-row:last-child{border-bottom:0}.recommendation-new-release-main{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);grid-template-areas:"meta meta" "title title" "swap reason" "swap impact" "swap details";gap:4px 16px;min-width:0}.recommendation-new-release-main h3{grid-area:title;margin:0;color:var(--text, #f2f0f7);font-size:0.92rem;line-height:1.3}.recommendation-new-release-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--text-muted, #aaa6b5);font-size:0.68rem}.recommendation-new-release-label{color:var(--gold, #c9a84c);font-weight:800;letter-spacing:0.06em;text-transform:uppercase}.recommendation-compact-swap{grid-area:swap;display:grid;grid-template-columns:minmax(0,43%) minmax(40px,12%) minmax(0,43%);align-items:center;gap:4px;min-width:0}.recommendation-compact-swap-card{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-areas:"kicker kicker" "art copy";align-items:center;gap:4px 10px;min-width:0}.recommendation-compact-swap-kicker{grid-area:kicker;color:var(--text-muted, #aaa6b5);font-size:0.64rem;font-weight:800;letter-spacing:0.07em;text-transform:uppercase}.recommendation-compact-swap-card.is-cut .recommendation-compact-swap-kicker{color:#e6a29b}.recommendation-compact-swap-card.is-add .recommendation-compact-swap-kicker{color:#8ee1b4}.recommendation-compact-swap-art{grid-area:art;display:grid;width:52px;aspect-ratio:5 / 7;overflow:hidden;place-items:center;border-radius:4px;background:#111116;color:var(--text-muted, #aaa6b5);font-size:0.58rem;text-align:center}.recommendation-compact-swap-art img{display:block;width:100%;height:100%;object-fit:cover}.recommendation-compact-swap-copy{grid-area:copy;display:grid;gap:3px;min-width:0}.recommendation-compact-swap-copy strong{overflow-wrap:anywhere;color:var(--text, #f2f0f7);font-size:0.85rem;line-height:1.25}.recommendation-compact-swap-copy>span{overflow-wrap:anywhere;color:var(--text-muted, #aaa6b5);font-size:0.7rem;line-height:1.3}.recommendation-compact-swap-direction{display:grid;width:30px;height:30px;place-self:center;place-items:center;color:var(--gold, #c9a84c);font-size:1.05rem}.recommendation-new-release-reason{grid-area:reason;display:-webkit-box;overflow:hidden;margin:0;color:var(--text-muted, #aaa6b5);font-size:0.8rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recommendation-compact-impact{grid-area:impact;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--text-muted, #aaa6b5);font-size:0.72rem;line-height:1.35}.recommendation-compact-impact strong{color:var(--text, #f2f0f7)}.recommendation-compact-impact-item+.recommendation-compact-impact-item::before{content:"\b7";margin-right:10px}.recommendation-compact-details{grid-area:details;color:var(--text-muted, #aaa6b5);font-size:0.76rem}.recommendation-compact-details>summary{width:fit-content;min-height:30px;padding:6px 0;color:var(--gold, #c9a84c);font-weight:700;cursor:pointer}.recommendation-compact-detail-body{display:grid;gap:8px;padding:8px 0 4px}.recommendation-compact-detail-body>p,.recommendation-compact-detail-body>ul{margin:0}.recommendation-compact-card-links{display:flex;flex-wrap:wrap;gap:8px 16px}.recommendation-new-release-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:34px}.recommendation-new-release-actions .recommendation-button{flex:1 1 auto;white-space:nowrap}.recommendation-new-release-more{margin-top:8px}.recommendation-window-filters{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start}.recommendation-window-filter{min-height:36px;padding:6px 12px;border:1px solid var(--border, #34343d);border-radius:999px;background:var(--surface-3, #282830);color:var(--text-muted, #aaa6b5);font:inherit;font-size:0.74rem;font-weight:700;cursor:pointer;white-space:nowrap}.recommendation-window-filter[aria-checked=true]{border-color:var(--gold, #c9a84c);background:rgba(201,168,76,0.14);color:var(--text, #f2f0f7)}.recommendation-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.recommendation-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:0.66rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap}.recommendation-badge.is-new-release{border:1px solid rgba(201,168,76,0.4);background:rgba(201,168,76,0.14);color:var(--gold, #c9a84c)}.recommendation-badge.is-owned{border:1px solid var(--border, #34343d);background:var(--surface-3, #282830);color:var(--text-muted, #aaa6b5)}.recommendation-badge-meta{color:var(--text-muted, #aaa6b5);font-size:0.72rem;font-weight:600;text-transform:none;letter-spacing:normal}.recommendation-power-impact{margin:10px 0 0;padding:8px 10px;border-radius:8px;font-size:0.78rem;font-weight:700}.recommendation-power-impact.is-possible{border:1px solid rgba(230,178,68,0.35);background:rgba(230,178,68,0.1);color:#e6b244}.recommendation-power-impact.is-meaningful{border:1px solid rgba(222,113,104,0.4);background:rgba(222,113,104,0.12);color:#e6a29b}.recommendation-pref-menu{position:relative;margin-left:auto}.recommendation-pref-toggle{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--border, #34343d);border-radius:9px;background:var(--surface-3, #282830);color:var(--text, #f2f0f7);font:inherit;font-size:0.8rem;font-weight:700;cursor:pointer}.recommendation-pref-list{position:fixed;z-index:9999;display:grid;gap:2px;min-width:200px;max-width:min(280px,calc(100vw - 32px));max-height:min(320px,calc(100vh - 24px));overflow-y:auto;padding:6px;border:1px solid var(--border, #34343d);border-radius:10px;background:var(--surface-2, #202027);box-shadow:0 12px 28px rgba(0,0,0,0.35)}.recommendation-pref-list[hidden]{display:none}.recommendation-pref-item{min-height:44px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--text, #f2f0f7);font:inherit;font-size:0.8rem;text-align:left;cursor:pointer}.recommendation-pref-item:hover,.recommendation-pref-item:focus-visible{background:var(--surface-3, #282830);outline:none}.recommendation-pref-list .recommendation-pref-item{display:flex;width:100%;min-height:44px;align-items:center;justify-content:flex-start;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--text, #f2f0f7);font:inherit;font-size:0.8rem;text-align:left;cursor:pointer}.recommendation-pref-item-group{display:grid;gap:2px}.recommendation-pref-reason-list{display:grid;gap:2px;margin-left:4px;padding-left:10px;border-left:1px solid var(--border, #34343d)}.recommendation-pref-reason-list[hidden]{display:none}@media(max-width:900px){.recommendation-objectives{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-card{grid-template-columns:1fr}.recommendation-card-side{border-top:1px solid var(--border, #34343d);border-left:0}.recommendation-heading,.recommendation-draft-top{display:grid}.recommendation-new-release-row{grid-template-columns:minmax(0,1fr) minmax(120px,20%);padding-block:12px}.recommendation-new-release-main{grid-template-columns:minmax(0,70%) minmax(0,30%);gap-inline:12px}.recommendation-new-release-reason{-webkit-line-clamp:1}.recommendation-new-release-actions{flex-direction:column;align-items:flex-end}.recommendation-new-release-actions .recommendation-button{width:100%}}@media(max-width:760px){.recommendation-new-release-row{grid-template-columns:1fr}.recommendation-new-release-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;padding-top:0}}@media(max-width:560px){.recommendation-system{padding:14px;border-radius:12px}.recommendation-objectives{grid-template-columns:1fr}.recommendation-objective{min-height:64px}.recommendation-card-top{grid-template-columns:38px minmax(0,1fr)}.recommendation-card-top>.recommendation-legality{grid-column:2;justify-self:start}.recommendation-swap{grid-template-columns:1fr}.recommendation-swap-card{min-height:0}.recommendation-swap-direction{min-height:32px}.recommendation-swap-direction small{display:none}.recommendation-swap-arrow{transform:rotate(90deg)}.recommendation-button{min-height:48px;width:100%}.recommendation-actions,.recommendation-draft-actions{display:grid;grid-template-columns:1fr}.recommendation-confidence{align-self:start}.recommendation-window-filters{width:100%}.recommendation-window-filter{flex:1 1 auto;text-align:center}.recommendation-pref-menu{width:100%;margin-left:0}.recommendation-pref-toggle{width:100%}.recommendation-new-release-toggle{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title count" "action action action";gap:4px 10px;min-height:0;max-height:none;padding:14px 14px 16px}.recommendation-new-release-description{display:none}.recommendation-new-release-cta{width:100%;min-height:44px;margin-top:10px}.recommendation-new-release-content{padding:0 14px 14px}.recommendation-new-release-toolbar{flex-wrap:wrap;padding:8px 0}.recommendation-window-select-label{width:100%;justify-content:space-between}.recommendation-window-select{flex:1 1 auto;max-width:none}.recommendation-new-release-row{gap:10px;padding:14px 0}.recommendation-compact-swap{grid-template-columns:1fr;gap:4px}.recommendation-new-release-main{grid-template-columns:1fr;grid-template-areas:"meta" "title" "swap" "reason" "impact" "details";gap:8px}.recommendation-compact-swap-direction{min-height:30px;transform:rotate(90deg)}.recommendation-compact-swap-card{grid-template-columns:48px minmax(0,1fr)}.recommendation-compact-swap-art{width:48px}.recommendation-new-release-reason{-webkit-line-clamp:2}.recommendation-new-release-actions{grid-template-columns:minmax(0,1fr) 44px}.recommendation-new-release-actions .recommendation-button{width:100%}.recommendation-new-release-actions .recommendation-pref-menu{width:auto;margin-left:0}.recommendation-new-release-actions .recommendation-pref-toggle{width:44px;min-width:44px;padding-inline:0}}@media(max-width:300px){.recommendation-new-release-toggle{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon count" "action action";max-height:none;padding:10px}.recommendation-new-release-count{justify-self:start}.recommendation-new-release-content{padding-inline:10px}.recommendation-window-select-label>span{display:none}.recommendation-window-select{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){.recommendation-objective,.recommendation-new-release-chevron{transition:none}.recommendation-new-release-content{animation:none}}
