:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #0f0f13;--surface: #1a1a24;--surface2: #22222f;--border: #2a2a3a;--text: #e4e4ed;--text2: #9999aa;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6}.app{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem}.logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.logo-icon{font-size:2.5rem}header h1{font-size:2.2rem;font-weight:700}.subtitle{color:var(--text2);max-width:600px;margin:0 auto 1.5rem}.controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.search-input{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 16px;border-radius:8px;font-size:.95rem;width:320px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#5865f2}.mix-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s}.mix-toggle:hover{border-color:#5865f2}.mix-toggle.active{background:#5865f2;border-color:#5865f2;color:#fff}.mix-bar{background:var(--surface);border:1px solid #5865F2;border-radius:var(--radius);padding:12px 20px;display:flex;align-items:center;gap:16px;margin-bottom:2rem}.mix-bar span{flex:1;font-weight:600}.mix-bar button{background:#5865f2;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem}.mix-bar .clear-btn{background:transparent;border:1px solid var(--border);color:var(--text2)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .25s;display:flex;flex-direction:column}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.card-icon{font-size:2.5rem}.card h2{font-size:1.3rem;font-weight:700}.card-tagline{color:var(--text2);font-size:.85rem}.card-desc{color:var(--text2);font-size:.9rem;margin-bottom:16px;flex:1}.card-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.skill-chip{background:var(--surface2);border:1px solid var(--border);padding:4px 10px;border-radius:6px;font-size:.8rem;white-space:nowrap}.skill-chip.clickable{cursor:pointer}.skill-chip.clickable:hover{border-color:var(--accent)}.skill-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.download-sm{background:none;border:none;cursor:pointer;font-size:.9rem;padding:6px 0}.download-sm:hover{text-decoration:underline}.view-btn{border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600}.back-btn{background:none;border:none;color:var(--text2);cursor:pointer;font-size:.95rem;margin-bottom:1.5rem;padding:0}.back-btn:hover{color:var(--text)}.detail-header{display:flex;align-items:center;gap:20px;margin-bottom:2rem}.detail-icon{font-size:4rem}.detail-header h1{font-size:2rem}.detail-tagline{color:var(--text2);font-size:1.1rem}.audience-badge{display:inline-block;background:var(--surface2);border:1px solid var(--border);padding:4px 12px;border-radius:20px;font-size:.8rem;color:var(--accent);margin-top:4px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:2rem}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);padding:12px 20px;cursor:pointer;font-size:.95rem;transition:all .2s}.tab:hover,.tab.active{color:var(--text)}.tab-content{min-height:300px}.tab-content h3{margin:1.5rem 0 1rem;color:var(--text);font-size:1.1rem}.detail-desc{font-size:1.05rem;color:var(--text2);line-height:1.7}.file-list{display:flex;gap:8px;flex-wrap:wrap}.file-item{background:var(--surface2);border:1px solid var(--border);padding:8px 14px;border-radius:8px;font-family:monospace;font-size:.9rem}.setup-highlights{list-style:none}.setup-highlights li{padding:8px 0;border-bottom:1px solid var(--border);color:var(--text2)}.setup-highlights li:before{content:"✓ ";color:var(--accent);font-weight:700}.skills-detail{display:flex;flex-direction:column;gap:12px}.skill-card-detail{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:16px}.skill-card-detail.mix-mode{cursor:pointer}.skill-card-detail.mix-mode:hover{border-color:var(--accent)}.skill-card-detail.selected{border-color:var(--accent);background:#5865f21a}.skill-icon-lg{font-size:2rem}.skill-card-detail p{color:var(--text2);margin-top:4px;font-size:.9rem}.mix-check{margin-left:auto;font-size:1.5rem;color:var(--accent);font-weight:700}.soul-preview{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.soul-preview pre{white-space:pre-wrap;font-family:inherit;color:var(--text2);line-height:1.8}.setup-tab ol{padding-left:20px;color:var(--text2)}.setup-tab li{padding:6px 0}.setup-note{color:var(--text2);font-style:italic;margin:1.5rem 0}.download-btn{border:none;color:#fff;padding:12px 28px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600}footer{text-align:center;padding:2rem 0;border-top:1px solid var(--border);color:var(--text2)}.footer-links{margin-top:8px}.footer-links a{color:var(--text2);text-decoration:none}.footer-links a:hover{color:var(--text)}@media(max-width:768px){.app{padding:1rem}.grid{grid-template-columns:1fr}header h1{font-size:1.6rem}.search-input{width:100%}.controls{flex-direction:column;align-items:stretch}.detail-header{flex-direction:column;text-align:center}.tabs{overflow-x:auto}}