.twin-main{max-width:900px}.twin-muted{color:var(--text-muted, #8a8a8a);font-weight:400}.twin-block{margin-top:1.5rem}.twin-block h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #8a8a8a);margin:0 0 .6rem}.twin-stat-row{display:flex;gap:1.25rem;flex-wrap:wrap;margin:.25rem 0 1rem}.twin-stat{display:flex;flex-direction:column}.twin-stat strong{font-size:1.5rem;font-weight:600;line-height:1}.twin-stat span{font-size:.75rem;color:var(--text-muted, #8a8a8a);margin-top:.15rem}.twin-headline{font-size:1.05rem;font-weight:500;line-height:1.5;margin:.5rem 0}.twin-narrative{line-height:1.65;color:var(--text-secondary, #c4c4c4)}.twin-chips{display:flex;flex-wrap:wrap;gap:.4rem}.twin-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;background:var(--surface-2, rgba(255,255,255,.05));border:1px solid var(--border, rgba(255,255,255,.08));font-size:.8rem}.twin-chip.sm{padding:.12rem .5rem;font-size:.72rem}.twin-chip-count{color:var(--text-muted, #8a8a8a);font-size:.72rem}.twin-eras{display:flex;flex-direction:column;gap:.7rem}.twin-era-bar{height:6px;border-radius:4px;background:var(--surface-2, rgba(255,255,255,.05));overflow:hidden}.twin-era-bar span{display:block;height:100%;width:var(--w, 10%);background:var(--accent, #e0a96d);border-radius:4px}.twin-era-meta{display:flex;justify-content:space-between;margin-top:.3rem;font-size:.85rem}.twin-era-label{font-weight:500}.twin-era-themes{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.twin-cards-section{margin-top:1.5rem}.twin-cards-hint{margin:.25rem 0 1rem;font-size:.85rem}.twin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.twin-card{border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:.9rem;background:var(--surface, rgba(255,255,255,.02));display:flex;flex-direction:column;gap:.5rem;transition:border-color var(--ease-out, .2s),box-shadow var(--ease-out, .2s)}.twin-card.is-public{border-color:var(--accent, #e0a96d);box-shadow:0 0 0 1px var(--accent, #e0a96d) inset}.twin-card-head{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.twin-card-title{font-weight:600;font-size:.95rem;word-break:break-word}.twin-card-year{font-size:.75rem;white-space:nowrap}.twin-card-summary{font-size:.82rem;line-height:1.5;color:var(--text-secondary, #b8b8b8);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.twin-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-top:auto;padding-top:.4rem}.twin-toggle input{position:absolute;opacity:0;width:0;height:0}.twin-toggle-track{width:38px;height:22px;border-radius:999px;background:var(--surface-2, rgba(255,255,255,.12));position:relative;transition:background var(--ease-out, .2s);flex:none}.twin-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--ease-out, .2s)}.twin-toggle input:checked+.twin-toggle-track{background:var(--accent, #e0a96d)}.twin-toggle input:checked+.twin-toggle-track:after{transform:translate(16px)}.twin-toggle input:focus-visible+.twin-toggle-track{outline:2px solid var(--accent, #e0a96d);outline-offset:2px}.twin-toggle-label{font-size:.78rem;color:var(--text-secondary, #c4c4c4)}.twin-filter{display:flex;gap:.25rem;flex-wrap:wrap}.twin-filter-btn{padding:.3rem .7rem;border-radius:999px;font-size:.8rem;cursor:pointer;background:transparent;border:1px solid var(--border, rgba(255,255,255,.1));color:inherit}.twin-filter-btn.is-active{background:var(--accent, #e0a96d);color:#1a1a1a;border-color:var(--accent, #e0a96d)}.twin-recs{margin:0;padding-left:1.1rem;line-height:1.6}.twin-recs li{margin-bottom:.35rem}.twin-used{list-style:none;margin:0;padding:0;columns:2;column-gap:1.5rem}.twin-used li{font-size:.82rem;margin-bottom:.25rem;break-inside:avoid}.twin-used-title{word-break:break-word}.twin-skip{margin-bottom:.5rem}.twin-skip summary{cursor:pointer;font-size:.9rem}.twin-samples{margin:.4rem 0 .2rem;padding-left:1.1rem;font-size:.8rem;color:var(--text-muted, #8a8a8a)}@media (max-width: 600px){.twin-used{columns:1}.twin-cards{grid-template-columns:1fr}}