:root{--bg: #0f1220;--card: #151a2e;--text: #f8fafc;--muted: #94a3b8;--accent: #7c3aed;--accent2: #22d3ee;--border: rgba(148, 163, 184, .2);--green: #22c55e;--yellow: #eab308;--red: #ef4444;--orange: #f97316;--blue: #3b82f6;--purple: #a855f7}*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(circle at top left,#1f2440,#0b0d18 65%);color:var(--text);min-height:100vh;padding:40px 24px}.container{max-width:900px;margin:0 auto}header{margin-bottom:32px}.back{color:var(--muted);text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:16px}.back:hover{color:var(--accent2)}h1{font-size:2rem;margin-bottom:8px}.subtitle{color:var(--muted);font-size:1rem}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px}.tab{background:#ffffff0d;border:1px solid var(--border);color:var(--muted);padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .15s}.tab:hover,.tab.active{background:#22d3ee1a;border-color:var(--accent2);color:var(--accent2)}.card{background:#151a2eb3;border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px}.card h3{font-size:1rem;color:var(--muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#151a2eb3;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent2),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:var(--muted);font-size:.85rem;margin-top:4px}.skills-container{display:flex;justify-content:center;margin:24px 0}.radar-chart{position:relative;width:300px;height:300px}.radar-chart svg{width:100%;height:100%}.skill-label{position:absolute;font-size:.75rem;color:var(--text);white-space:nowrap}.heatmap{display:flex;flex-direction:column;gap:4px}.heatmap-row{display:flex;align-items:center;gap:4px}.heatmap-label{width:30px;font-size:.7rem;color:var(--muted);text-align:right}.heatmap-cells{display:flex;gap:3px}.heatmap-cell{width:12px;height:12px;border-radius:2px;background:#ffffff0d}.heatmap-cell.level-1{background:#22d3ee33}.heatmap-cell.level-2{background:#22d3ee66}.heatmap-cell.level-3{background:#22d3ee99}.heatmap-cell.level-4{background:#22d3eecc}.heatmap-cell.level-5{background:#22d3ee}.heatmap-hours{display:flex;margin-left:34px;gap:3px;margin-top:4px}.heatmap-hour{width:12px;font-size:.6rem;color:var(--muted);text-align:center}.proof-types{display:flex;flex-direction:column;gap:12px}.proof-type-row{display:flex;align-items:center;gap:12px}.proof-type-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.proof-type-icon.github{background:#22d3ee33}.proof-type-icon.url{background:#a855f733}.proof-type-icon.screenshot{background:#22c55e33}.proof-type-icon.demo{background:#f9731633}.proof-type-info{flex:1}.proof-type-name{font-size:.9rem;margin-bottom:4px}.proof-type-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.proof-type-fill{height:100%;border-radius:4px;transition:width .5s ease}.proof-type-fill.github{background:var(--accent2)}.proof-type-fill.url{background:var(--purple)}.proof-type-fill.screenshot{background:var(--green)}.proof-type-fill.demo{background:var(--orange)}.proof-type-count{font-size:.85rem;color:var(--muted);min-width:40px;text-align:right}.insights-list{display:flex;flex-direction:column;gap:12px}.insight{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#0003;border-radius:8px}.insight-icon{font-size:1.5rem}.insight-text{flex:1}.insight-title{font-weight:600;margin-bottom:4px}.insight-desc{color:var(--muted);font-size:.9rem}.import-section{margin-bottom:24px}.import-section textarea{width:100%;background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:12px;color:var(--text);font-size:.9rem;font-family:monospace;min-height:100px;resize:vertical}.import-section textarea:focus{outline:none;border-color:var(--accent)}.import-actions{display:flex;gap:12px;margin-top:12px}.btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed66}.btn-secondary{background:#ffffff1a}.btn-secondary:hover{box-shadow:0 4px 20px #0000004d}.portfolio-preview{background:#0000004d;border-radius:8px;padding:20px;font-family:monospace;font-size:.8rem;white-space:pre-wrap;color:var(--muted);max-height:300px;overflow-y:auto}@media(max-width:600px){.stats-grid{grid-template-columns:1fr 1fr}.tabs{flex-wrap:wrap}.tab{flex:1 1 auto;text-align:center}}