:root{--bg: #0b0b0d;--bg-2: #111114;--surface: #15151a;--surface-2: #1c1c22;--text: #f4f4f5;--muted: #a1a1aa;--muted-2: #71717a;--accent: #1695CB;--accent-2: #3FA9D5;--accent-ink: #0b0b0d;--good: #34d399;--bad: #f87171;--border: #27272a;--border-2: #1f1f23}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 600px at 80% -100px,rgba(22,149,203,.08),transparent 60%),radial-gradient(800px 400px at -10% 0,rgba(96,165,250,.05),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}main{max-width:1180px;margin:0 auto;padding:24px 24px 80px}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.015em;margin:0;color:var(--text)}h1{font-size:clamp(1.7rem,3.4vw,2.2rem)}h2{font-size:1.25rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}strong{color:var(--text)}p{margin:0}.muted{color:var(--muted)}.topnav{max-width:1180px;margin:0 auto;padding:16px 24px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:inline-flex;align-items:center;line-height:0}.brand img{display:block;height:36px;width:auto}@media(min-width:768px){.brand img{height:40px}}.topnav-links{display:flex;align-items:center;gap:14px;font-size:.92rem;flex-wrap:wrap;justify-content:flex-end}.topnav-links a{color:var(--muted);padding:6px 10px;border-radius:8px}.topnav-links a:hover{color:var(--text);text-decoration:none}.topnav-links a.is-active{color:var(--text);background:var(--surface);border:1px solid var(--border)}.tier-pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.link-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:6px 4px;font:inherit;font-size:.9rem}.auth-card{max-width:480px;margin:80px auto;padding:32px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px}.auth-card form{display:flex;gap:8px;margin:18px 0 8px}.auth-card input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text)}.library .lib-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.library .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);margin-bottom:4px}.library .lib-subtitle{color:var(--muted);margin-top:4px;max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--border)}.lib-controls{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.lib-search-wrap{position:relative;flex:1;min-width:220px}.lib-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.lib-search{width:100%;padding:10px 12px 10px 34px;background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:10px}.lib-search:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.empty-state{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;text-align:center}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--muted);margin-bottom:12px}.empty-cta-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.pcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.pcard:hover{border-color:var(--accent)}.pcard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pcard-title{font-size:1rem;font-weight:700}.pcard-meta{color:var(--muted-2);font-size:12px;margin-top:2px}.pcard-preview{color:var(--muted);font-size:13px;line-height:1.45}.pcard-badges{display:flex;gap:6px;flex-wrap:wrap}.pcard-badge{font-size:11px;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.pcard-badge.is-strong{color:var(--good);border-color:#34d39966}.pcard-badge.is-medium{color:#f59e0b;border-color:#f59e0b66}.pcard-badge.is-weak{color:var(--bad);border-color:#f8717166}.pcard-actions{display:flex;gap:8px;margin-top:auto}.pcard-btn{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.pcard-btn:hover{border-color:var(--accent)}.pcard-btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pcard-btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.vp-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:14px;cursor:pointer}.vp-btn:hover{border-color:var(--accent)}.vp-btn-primary-filled{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.vp-btn-primary-filled:hover{background:var(--accent-2);border-color:var(--accent-2)}.vp-btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.vp-btn-ghost:hover{color:var(--text)}.vp-btn-accent{background:var(--accent-2);color:var(--accent-ink);border-color:var(--accent-2)}.vp-btn-danger{background:var(--surface-2);color:var(--bad);border-color:#f8717166}.vp-btn-danger:hover{background:#f871711a;border-color:var(--bad)}.vp-status{color:var(--muted);font-size:13px}.vp-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2)}.field input,.field textarea{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text);font:inherit;resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.skill-detail{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.skill-detail-head{margin:16px 0}.skill-detail-form{margin-bottom:8px}.skill-detail-preview{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}.modal[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:81;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;width:100%;max-width:540px}@media(max-width:540px){main{padding:16px 12px 60px}.lib-header{flex-direction:column;align-items:stretch}.pcard-actions{flex-direction:column}}