/* taste.css */
.legacy-content .lesson-header .kicker {color:var(--ct);}.legacy-content .chips {display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}.legacy-content .chip {padding:6px 14px;border-radius:999px;background:var(--ct-soft);color:var(--ct-deep);font-size:13px;font-weight:700;}.legacy-content .desc {font-size:15px;color:var(--sub);line-height:1.8;}.legacy-content .desc b {color:var(--ct-deep);}.legacy-content .quote-card {background:var(--ct-soft);border:1.5px solid var(--ct-line);border-radius:14px;padding:16px 24px;font-size:16px;line-height:1.8;}.legacy-content .quote-card b {color:var(--ct-deep);}.legacy-content .tbl-wrap {overflow-x:auto;}.legacy-content .tbl {width:100%;border-collapse:collapse;margin-top:16px;font-size:13.5px;background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);}.legacy-content .tbl th {background:var(--ct-soft);color:var(--ct-deep);font-weight:800;text-align:left;padding:12px 16px;font-size:13px;}.legacy-content .tbl td {padding:12px 16px;border-top:1px solid var(--border);color:var(--sub);line-height:1.65;vertical-align:top;}.legacy-content .tbl td b {color:var(--ct-deep);}.legacy-content .toy {background:var(--card);border:1.5px solid var(--border);border-radius:14px;margin-top:16px;box-shadow:var(--shadow-card);overflow:hidden;}.legacy-content .toy-head {display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.015);}.legacy-content .toy-head .toy-ic {width:26px;height:26px;border-radius:8px;background:var(--ct-soft);color:var(--ct);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.legacy-content .toy-head .toy-ic svg {width:15px;height:15px;}.legacy-content .toy-head .toy-t {font-size:14px;font-weight:800;color:var(--text);}.legacy-content .toy-head .toy-badge {margin-left:auto;font-size:11px;font-weight:800;padding:3px 12px;border-radius:999px;background:var(--ct-soft);color:var(--ct-deep);white-space:nowrap;}.legacy-content .toy-head .toy-badge.solved {background:var(--good-soft);color:var(--good);}.legacy-content .toy-body {padding:20px;}.legacy-content .toy-hint {font-size:12.5px;color:var(--sub);font-weight:600;margin-bottom:12px;}.legacy-content .duel {display:grid;grid-template-columns:1fr 1fr;gap:16px;}.legacy-content .duel-side {position:relative;border:2px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s;background:var(--bg);}.legacy-content .duel-side:hover {border-color:var(--ct-line);transform:translateY(-2px);box-shadow:var(--shadow-pop);}.legacy-content .duel.done .duel-side {cursor:default;}.legacy-content .duel.done .duel-side:hover {transform:none;box-shadow:none;}.legacy-content .duel-side .duel-tag {position:absolute;top:8px;left:8px;z-index:2;font-size:11px;font-weight:800;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--sub);border:1px solid var(--border);}.legacy-content .duel-side.win {border-color:var(--good);}.legacy-content .duel-side.lose {border-color:var(--bad);opacity:.75;}.legacy-content .duel-side.win .duel-tag {background:var(--good);color:#fff;border-color:var(--good);}.legacy-content .duel-side.lose .duel-tag {background:var(--bad);color:#fff;border-color:var(--bad);}.legacy-content .duel-verdict {margin-top:14px;padding:14px 18px;border-radius:10px;font-size:13.5px;line-height:1.8;display:none;}.legacy-content .duel-verdict.show {display:block;}.legacy-content .duel-verdict.good {background:var(--good-soft);border:1.5px solid rgba(22,163,74,.25);color:var(--text);}.legacy-content .duel-verdict.good b {color:var(--good);}.legacy-content .duel-verdict.miss {background:rgba(100,116,139,.07);color:var(--sub);}.legacy-content .duel-verdict.miss b {color:var(--text);}.legacy-content .mock {background:#fff;padding:16px;min-height:150px;pointer-events:none;user-select:none;font-size:12px;line-height:1.5;}.legacy-content .mock * {box-sizing:border-box;}.legacy-content .mock-bar {height:8px;border-radius:4px;background:#e5e7eb;}.legacy-content .mock-dot {width:24px;height:24px;border-radius:50%;background:#e5e7eb;flex-shrink:0;}.legacy-content .mock-h {font-weight:800;color:#111827;}.legacy-content .mock-p {color:#6b7280;}.legacy-content .mock-btn {display:inline-block;padding:5px 14px;border-radius:8px;font-size:11px;font-weight:700;background:var(--surface-soft);color:#fff;}.legacy-content .mock-btn.ghost {background:transparent;color:#6b7280;border:1px solid #d1d5db;}.legacy-content .mock-card {background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;}.legacy-content .mock-chip {display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;}.legacy-content .quiz-opts {display:flex;flex-direction:column;gap:10px;}.legacy-content .quiz-opt {display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--card);font-size:14px;line-height:1.65;color:var(--text);}.legacy-content .quiz-opt:hover {border-color:var(--ct-line);background:var(--ct-soft);}.legacy-content .quiz-opt .qo-key {width:24px;height:24px;border-radius:8px;background:rgba(0,0,0,.05);color:var(--sub);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;margin-top:1px;}.legacy-content .quiz-opt.right {border-color:var(--good);background:var(--good-soft);cursor:default;}.legacy-content .quiz-opt.right .qo-key {background:var(--good);color:#fff;}.legacy-content .quiz-opt.wrong {border-color:var(--bad);background:var(--bad-soft);cursor:default;opacity:.8;}.legacy-content .quiz-opt.wrong .qo-key {background:var(--bad);color:#fff;}.legacy-content .quiz-fb {margin-top:12px;padding:12px 16px;border-radius:10px;font-size:13.5px;line-height:1.8;display:none;}.legacy-content .quiz-fb.show {display:block;}.legacy-content .quiz-fb.good {background:var(--good-soft);border:1.5px solid rgba(22,163,74,.25);color:var(--text);}.legacy-content .quiz-fb.good b {color:var(--good);}.legacy-content .quiz-fb.miss {background:rgba(100,116,139,.07);color:var(--sub);}.legacy-content .mockwin {border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06);}.legacy-content .mockwin-bar {display:flex;align-items:center;gap:5px;padding:8px 12px;background:#f4f4f5;border-bottom:1px solid var(--border);}.legacy-content .mockwin-bar i {width:9px;height:9px;border-radius:50%;background:#d4d4d8;flex-shrink:0;}.legacy-content .mockwin-bar i:first-child {background:#fca5a5;}.legacy-content .mockwin-bar i:nth-child(2) {background:#fcd34d;}.legacy-content .mockwin-bar i:nth-child(3) {background:#86efac;}.legacy-content .mockwin-url {margin-left:8px;flex:1;min-width:0;font-size:10.5px;color:var(--muted);background:#fff;border-radius:6px;padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,monospace;}.legacy-content .sl-row {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px;}.legacy-content .sl-row label {font-size:14px;font-weight:700;color:var(--text);min-width:96px;}.legacy-content .sl-row input[type=range] {flex:1;min-width:160px;accent-color:var(--ct);}.legacy-content .sl-row .sl-val {font-size:14px;font-weight:800;min-width:88px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ct-deep);}.legacy-content .seg {display:inline-flex;background:rgba(0,0,0,.05);border-radius:10px;padding:3px;gap:2px;}.legacy-content .seg button {border:none;background:transparent;padding:7px 16px;border-radius:8px;font-size:13px;font-weight:700;color:var(--sub);cursor:pointer;font-family:inherit;transition:background .15s,color .15s;}.legacy-content .seg button.on {background:#fff;color:var(--ct-deep);box-shadow:0 1px 3px rgba(0,0,0,.1);}.legacy-content .takeaways {display:flex;flex-direction:column;gap:10px;margin-top:16px;}.legacy-content .tk-item {display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-card);}.legacy-content .tk-ic {width:22px;height:22px;border-radius:7px;background:var(--ct-soft);color:var(--ct);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800;font-size:13px;margin-top:1px;}.legacy-content .tk-item p {font-size:14px;line-height:1.75;color:var(--text);margin:0;}.legacy-content .tk-item p b {color:var(--ct-deep);}.legacy-content .pic-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}.legacy-content .pic-cell {position:relative;border:2px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .18s,transform .18s;background:var(--surface-soft);}.legacy-content .pic-cell:hover {border-color:var(--ct-line);transform:translateY(-2px);}.legacy-content .pic-cell img {width:100%;display:block;aspect-ratio:1;object-fit:cover;}.legacy-content .pic-cell .pic-tag {position:absolute;top:8px;left:8px;font-size:11px;font-weight:800;padding:2px 10px;border-radius:999px;background:color-mix(in srgb, var(--accent) 7%, var(--surface));color:#fff;backdrop-filter:blur(4px);}.legacy-content .pic-cell.win {border-color:var(--good);}.legacy-content .pic-cell.lose {border-color:var(--bad);opacity:.7;}.legacy-content .pic-grid.done .pic-cell {cursor:default;}.legacy-content .pic-grid.done .pic-cell:hover {transform:none;}.legacy-content .pic-cap {font-size:12.5px;color:var(--sub);padding:8px 4px 0;line-height:1.6;}.legacy-content .src-note {margin-top:32px;font-size:13px;color:var(--sub);line-height:1.85;}.legacy-content .src-note b {color:var(--text);}@media (max-width:768px){.legacy-content .duel {grid-template-columns:1fr;}.legacy-content .pic-grid {grid-template-columns:1fr;}.legacy-content .toy-body {padding:16px;}.legacy-content .toy-head .toy-badge {display:none;}}

/* ixd.css */
@keyframes ixd-pop{
  0%{transform:scale(.92);opacity:0;}
  60%{transform:scale(1.03);}
  100%{transform:scale(1);opacity:1;}
}@keyframes ixd-slide-up{
  from{transform:translateY(12px);opacity:0;}
  to{transform:translateY(0);opacity:1;}
}@keyframes ixd-collapse{
  from{max-height:var(--collapse-h,120px);opacity:1;}
  to{max-height:0;opacity:0;margin:0;padding-top:0;padding-bottom:0;}
}@keyframes ixd-shake{
  0%,100%{transform:translateX(0);}
  25%{transform:translateX(-5px);}
  75%{transform:translateX(5px);}
}.legacy-content .ixd-pop {animation:ixd-pop .3s cubic-bezier(.34,1.56,.64,1) both;}.legacy-content .ixd-slide-up {animation:ixd-slide-up .25s ease-out both;}.legacy-content .ixd-shake {animation:ixd-shake .25s ease-in-out;}@media (prefers-reduced-motion:reduce){.legacy-content .ixd-pop, .legacy-content .ixd-slide-up, .legacy-content .ixd-shake {animation:none;}}.legacy-content .xref {display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:16px 20px;border:1.5px dashed var(--ct-line);border-radius:14px;background:var(--ct-soft);text-decoration:none;transition:border-color .18s,transform .18s;}.legacy-content .xref:hover {border-color:var(--ct);transform:translateY(-2px);}.legacy-content .xref .xref-ic {width:28px;height:28px;border-radius:9px;background:#fff;color:var(--ct);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.08);}.legacy-content .xref .xref-ic svg {width:15px;height:15px;}.legacy-content .xref .xref-t {font-size:13.5px;font-weight:800;color:var(--ct-deep);margin-bottom:2px;}.legacy-content .xref .xref-d {font-size:13px;color:var(--sub);line-height:1.7;}

@keyframes _si{from{opacity:0}to{opacity:1}}

.legacy-content .x8-duelgrid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}.legacy-content .x8-prompt {background:var(--surface-soft);color:var(--muted);border-radius:10px;padding:12px 14px;font-size:11px;line-height:1.8;font-family:"SF Mono","Fira Code",Menlo,monospace;white-space:pre-wrap;margin-bottom:12px;min-height:128px;}.legacy-content .x8-prompt .pl {color:#64748b;}.legacy-content .x8-prompt .hl {color:var(--muted);}.legacy-content .x8-formrow {display:flex;flex-direction:column;gap:3px;margin-top:8px;}.legacy-content .x8-formrow label {font-size:9.5px;color:#6b7280;font-weight:700;}.legacy-content .x8-input {border:1px solid #d1d5db;border-radius:6px;background:#fff;color:var(--muted);font-size:9.5px;padding:5px 8px;}.legacy-content .x8-table {margin-top:10px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;font-size:8.5px;color:#6b7280;}.legacy-content .x8-table .tr {display:grid;grid-template-columns:2fr 1fr 1fr;padding:4px 8px;border-bottom:1px solid #f1f3f5;}.legacy-content .x8-table .tr.th {background:#f9fafb;font-weight:800;color:#374151;}.legacy-content .x8-table .tr:last-child {border-bottom:none;}.legacy-content .x8-steps {display:flex;align-items:center;gap:6px;margin-bottom:12px;}.legacy-content .x8-step {flex:1;text-align:center;font-size:9.5px;font-weight:800;color:var(--muted);padding:5px 0;border-radius:999px;background:#f3f4f6;}.legacy-content .x8-step.on {background:#2563eb;color:#fff;}.legacy-content .x8-drop {border:1.5px dashed #93c5fd;border-radius:10px;background:#eff6ff;padding:16px;text-align:center;color:#1d4ed8;font-size:11px;font-weight:700;line-height:1.7;}.legacy-content .x8-invoice {display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);}.legacy-content .x8-invoice .iv-ic {width:28px;height:28px;border-radius:8px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.legacy-content .x8-invoice .iv-ic svg {width:14px;height:14px;}.legacy-content .x8-invoice .iv-t {font-size:11px;font-weight:800;color:#111827;}.legacy-content .x8-invoice .iv-s {font-size:9.5px;color:var(--muted);margin-top:1px;}.legacy-content .x8-invoice .iv-ok {margin-left:auto;font-size:9.5px;font-weight:800;color:#16a34a;flex-shrink:0;}.legacy-content .x8-cls {display:flex;flex-direction:column;gap:8px;margin-top:16px;}.legacy-content .x8-clsrow {display:flex;align-items:center;gap:10px;padding:12px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--card);transition:border-color .2s;}.legacy-content .x8-clsrow .st {flex:1;font-size:13px;color:var(--text);line-height:1.6;min-width:0;}.legacy-content .x8-clsrow .pick {display:flex;gap:6px;flex-shrink:0;}.legacy-content .x8-clsbtn {border:1.5px solid var(--border);background:#fff;color:var(--sub);font-size:12px;font-weight:800;padding:5px 14px;border-radius:999px;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s,background .15s;}.legacy-content .x8-clsbtn:hover {border-color:var(--ct-line);color:var(--ct-deep);}.legacy-content .x8-clsrow.done .x8-clsbtn {cursor:default;pointer-events:none;opacity:.45;}.legacy-content .x8-clsrow.done .x8-clsbtn.right {opacity:1;background:var(--good);border-color:var(--good);color:#fff;}.legacy-content .x8-clsrow.done .x8-clsbtn.wrongpick {opacity:1;background:var(--bad);border-color:var(--bad);color:#fff;}.legacy-content .x8-clsrow .why {display:none;width:100%;font-size:12px;color:var(--sub);line-height:1.7;margin-top:8px;}.legacy-content .x8-clsrow.done {flex-wrap:wrap;}.legacy-content .x8-clsrow.done .why {display:block;animation:ixd-slide-up .25s ease-out both;}.legacy-content .x8-persona {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;}.legacy-content .x8-pcard {border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--card);transition:border-color .2s,box-shadow .2s;}.legacy-content .x8-pcard.lead {border-color:var(--ct);box-shadow:0 0 0 3px var(--ct-soft);}.legacy-content .x8-pcard .pn {font-size:13px;font-weight:800;color:var(--ct-deep);}.legacy-content .x8-pcard .pr {font-size:10.5px;color:var(--sub);margin-top:2px;}.legacy-content .x8-pcard .pg {font-size:12px;color:var(--text);line-height:1.65;margin-top:8px;}.legacy-content .x8-pcard .pt {display:inline-block;font-size:10px;font-weight:800;padding:2px 10px;border-radius:999px;background:var(--ct-soft);color:var(--ct-deep);margin-top:8px;}.legacy-content .x8-extra {display:none;margin-top:8px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;font-size:9.5px;color:#6b7280;line-height:1.6;}.legacy-content .x8-extra.show {display:block;animation:ixd-slide-up .25s ease-out both;}.legacy-content .x8-extra b {color:#374151;font-size:10px;}.legacy-content .x8-rw {display:flex;flex-direction:column;gap:8px;margin-top:16px;}.legacy-content .x8-rwrow {display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer;transition:border-color .18s,transform .18s;}.legacy-content .x8-rwrow:hover {border-color:var(--ct-line);transform:translateY(-1px);}.legacy-content .x8-rwrow.flip {cursor:default;border-color:rgba(22,163,74,.35);background:var(--good-soft);transform:none;}.legacy-content .x8-rwrow .rw-ic {width:26px;height:26px;border-radius:8px;background:var(--ct-soft);color:var(--ct);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:800;transition:background .18s,color .18s;}.legacy-content .x8-rwrow.flip .rw-ic {background:var(--good);color:#fff;}.legacy-content .x8-rwrow .rw-tx {flex:1;font-size:13px;line-height:1.7;color:var(--text);min-width:0;}.legacy-content .x8-rwrow .rw-tx .tag {display:inline-block;font-size:10px;font-weight:800;padding:1px 8px;border-radius:999px;background:rgba(0,0,0,.05);color:var(--sub);margin-right:6px;vertical-align:1px;}.legacy-content .x8-rwrow.flip .rw-tx .tag {background:rgba(22,163,74,.14);color:var(--good);}.legacy-content .x8-rwrow .rw-tx.swap {animation:ixd-slide-up .25s ease-out both;}.legacy-content .x8-final {display:none;margin-top:16px;}.legacy-content .x8-final.show {display:block;animation:ixd-pop .3s cubic-bezier(.34,1.56,.64,1) both;}.legacy-content .x8-copy {margin-left:auto;border:1px solid var(--ct-line);background:#fff;color:var(--ct);font-size:12px;font-weight:800;padding:5px 16px;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s;}.legacy-content .x8-copy:hover {background:var(--ct);color:#fff;}.legacy-content .x8-copy.done {background:var(--good);border-color:var(--good);color:#fff;}.legacy-content .x8-note {margin-top:16px;padding:16px;border-radius:10px;background:rgba(0,0,0,.03);font-size:13.5px;line-height:1.8;color:var(--text);}.legacy-content .x8-note b {color:var(--ct-deep);}.legacy-content .x8-note.warn {background:var(--bad-soft);}.legacy-content .x8-note.warn b {color:var(--bad);}.legacy-content .x8-note.ok {background:var(--good-soft);}.legacy-content .x8-note.ok b {color:var(--good);}.legacy-content .x8-addbtn {display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;background:var(--ct);color:#fff;font-size:14px;font-weight:800;padding:8px 24px;border-radius:10px;transition:background .15s;}.legacy-content .x8-addbtn:hover {background:var(--ct-deep);}.legacy-content .x8-addbtn.undo {background:var(--surface-soft);}@media (max-width:768px){.legacy-content .x8-duelgrid {grid-template-columns:1fr;}.legacy-content .x8-persona {grid-template-columns:1fr;}.legacy-content .x8-clsrow {flex-wrap:wrap;}.legacy-content .x8-clsrow .st {flex-basis:100%;}}@media (prefers-reduced-motion:reduce){.legacy-content .x8-clsrow.done .why, .legacy-content .x8-extra.show, .legacy-content .x8-rwrow .rw-tx.swap, .legacy-content .x8-final.show {animation:none;}.legacy-content .x8-rwrow:hover {transform:none;}}

.legacy-content .xa-tldr {margin:18px 0 4px;padding:14px 18px;background:rgba(0,102,255,0.04);border:1px solid rgba(0,102,255,0.16);border-radius:10px}.legacy-content .xa-tldr .xa-tldr-tag {display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--accent,#0066ff);margin-bottom:6px}.legacy-content .xa-tldr p {margin:0;font-size:15px;line-height:1.8;color:var(--text,#1f2937)}