@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary: #0d0a08;--bg-secondary: #161210;--bg-tertiary: #1f1a16;--bg-elevated: #271f1a;--surface-glass: rgba(212, 165, 116, .03);--surface-glass-hover: rgba(212, 165, 116, .06);--surface-glass-active: rgba(212, 165, 116, .1);--accent-primary: #d4a574;--accent-secondary: #c9956a;--accent-tertiary: #a97c5d;--accent-muted: rgba(212, 165, 116, .12);--accent-glow: rgba(212, 165, 116, .2);--success: #6eb885;--success-muted: rgba(110, 184, 133, .15);--error: #e07b6f;--error-muted: rgba(224, 123, 111, .15);--warning: #d4a574;--warning-muted: rgba(212, 165, 116, .15);--text-primary: #f5ede4;--text-secondary: #c4b5a8;--text-tertiary: #8b7a6d;--text-inverse: #0d0a08;--border-subtle: rgba(212, 165, 116, .08);--border-default: rgba(212, 165, 116, .12);--border-strong: rgba(212, 165, 116, .2);--border-accent: var(--accent-primary);--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-handwriting: "Caveat", cursive;--font-mono: "JetBrains Mono", "SF Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--accent-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(212,165,116,.02) 2px,rgba(212,165,116,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(212,165,116,.02) 2px,rgba(212,165,116,.02) 4px);opacity:.4;z-index:-1;pointer-events:none}#root{min-height:100vh}::selection{background:var(--accent-tertiary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-tertiary)}.container{max-width:1000px;margin:0 auto;padding:var(--space-6)}.header{position:sticky;top:0;z-index:100;background:#0d0a08eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);padding:var(--space-4) 0;box-shadow:0 4px 24px #0009}.header-content{max-width:1000px;margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;height:32px}.logo img{height:100%;width:auto;object-fit:contain}.logo-text{font-family:var(--font-handwriting);font-size:32px;font-weight:600;color:var(--accent-primary);text-decoration:none;line-height:1;transition:color var(--duration-fast) var(--ease-out)}.logo-text:hover{color:var(--accent-secondary)}.header-controls{display:flex;align-items:center;gap:var(--space-1)}.header-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--border-subtle);opacity:0;transform:translate(20px) scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.header-avatar.visible{opacity:1;transform:translate(0) scale(1);pointer-events:auto;border-color:var(--accent-primary)}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative}.header-icon-btn:hover{background:var(--surface-glass-hover);color:var(--text-primary)}.header-icon-btn:active{transform:scale(.95)}.header-icon-btn.active{background:var(--surface-glass-active);color:var(--accent-primary)}.notification-badge{position:absolute;top:4px;right:4px;min-width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent-primary);box-shadow:0 0 0 2px var(--bg-primary)}.notification-badge.has-count{top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--text-inverse)}.header-divider{width:1px;height:24px;background:var(--border-subtle);margin:0 var(--space-2)}.search-trigger{display:flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:13px;font-weight:500}.search-trigger:hover{background:var(--surface-glass-hover);border-color:var(--border-default);color:var(--text-secondary)}.search-trigger kbd{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 5px;font-size:11px;font-family:var(--font-mono);font-weight:600;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px}.search-expanded{position:relative;width:100%;max-width:400px}.search-expanded input{width:100%;height:36px;padding:0 var(--space-4) 0 calc(var(--space-3) + 20px);font-size:14px;font-weight:500;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-out)}.search-expanded input::placeholder{color:var(--text-tertiary)}.search-expanded input:focus{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-muted)}.search-expanded .search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;transition:color var(--duration-fast)}.search-expanded input:focus~.search-icon{color:var(--accent-primary)}.dropdown-menu{min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.dropdown-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:14px;font-weight:500;color:var(--text-primary);background:transparent;border:none;text-align:left;cursor:pointer;text-decoration:none;transition:background var(--duration-fast)}.dropdown-menu-item:hover{background:var(--surface-glass-hover)}.dropdown-menu-item+.dropdown-menu-item{border-top:1px solid var(--border-subtle)}.dropdown-menu-item.danger{color:var(--error)}.dropdown-menu-item.danger:hover{background:var(--error-muted)}.profile-card{display:flex;align-items:center;gap:var(--space-4)}.profile-card-avatar{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--accent-primary);flex-shrink:0;box-shadow:0 4px 12px #0006,0 0 24px #d4a57426}.profile-card-info{flex:1;min-width:0}.profile-card-name{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-1)}.profile-card-name h1{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.profile-card-name .username{font-size:13px;font-family:var(--font-mono);color:var(--text-tertiary)}.profile-card-job{display:flex;align-items:center;gap:var(--space-2);font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-2)}.profile-card-job img{width:16px;height:16px;object-fit:contain;flex-shrink:0}.profile-card-social{display:flex;align-items:center;gap:var(--space-3);font-size:13px}.profile-card-social-stat{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;color:var(--text-tertiary);transition:color var(--duration-fast)}.profile-card-social-stat:hover{color:var(--text-primary)}.profile-card-social-stat strong{font-weight:600;font-family:var(--font-mono);color:var(--text-secondary)}.profile-card-social-stat:hover strong{color:var(--text-primary)}.profile-card-actions{display:flex;gap:var(--space-2);flex-shrink:0}.analytics-strip{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);font-size:13px;color:var(--text-tertiary)}.analytics-strip-item{display:flex;align-items:center;gap:var(--space-2)}.analytics-strip-item strong{font-weight:600;font-family:var(--font-mono);color:var(--text-secondary)}.analytics-strip-item.accent strong{color:var(--accent-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.01em;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-fast)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--text-inverse);box-shadow:0 4px 12px #d4a57440,0 2px 4px #0000004d;position:relative}.btn-primary:hover{background:linear-gradient(135deg,#e0b585 0%,var(--accent-primary) 100%);box-shadow:0 6px 20px #d4a57459,0 2px 8px #0006;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #d4a57433,0 1px 2px #0000004d}.btn-secondary{background:var(--surface-glass);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--surface-glass-hover);border-color:var(--border-strong);transform:translateY(-2px)}.btn-danger{background:var(--error-muted);color:var(--error);border:1px solid transparent}.btn-danger:hover{background:var(--error);color:var(--text-primary);box-shadow:0 0 20px #ff33664d}.btn-small{padding:var(--space-2) var(--space-3);font-size:13px}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-7);margin-bottom:var(--space-6);position:relative;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 2px 16px #0000004d}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent-muted) 0%,transparent 50%,var(--accent-muted) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;opacity:.4}.card h2{font-size:22px;font-weight:700;margin-bottom:var(--space-5);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-handwriting);letter-spacing:.5px}.card h2:before{content:"✦";font-size:16px;color:var(--accent-primary);font-family:var(--font-display)}.card h3{font-size:15px;font-weight:600;margin-bottom:var(--space-4);color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-tertiary),transparent);border-radius:2px 2px 0 0}.stat-value{font-family:var(--font-mono);font-size:42px;font-weight:700;color:var(--accent-primary);line-height:1;letter-spacing:-2px}.stat-label{font-size:13px;font-weight:500;color:var(--text-tertiary);margin-top:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-display);font-size:15px;color:var(--text-primary);transition:all var(--duration-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-muted)}.form-group textarea{resize:vertical;min-height:80px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23a0a0a5' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-9)}.form-group input[type=checkbox]{width:auto;margin-right:var(--space-2);accent-color:var(--accent-primary)}.form-group input[type=file]{padding:var(--space-3);cursor:pointer}.form-group input[type=file]::file-selector-button{background:var(--accent-primary);color:var(--text-inverse);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:600;font-size:13px;cursor:pointer;margin-right:var(--space-3);transition:all var(--duration-fast)}.form-group input[type=file]::file-selector-button:hover{background:var(--accent-secondary)}.form-group small{display:block;margin-top:var(--space-2);font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.job-list,.link-list{list-style:none;margin-bottom:var(--space-5)}.job-item,.link-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-3);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.job-info,.link-info{flex:1;min-width:0}.job-info h4,.link-info h4{font-size:15px;font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.job-info p,.link-info p{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-actions,.link-actions{display:flex;gap:var(--space-2);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-self{background:var(--surface-glass);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.badge-email{background:var(--success-muted);color:var(--success)}.badge-linkedin{background:#0a66c233;color:#0a66c2}.error{background:var(--error-muted);border:1px solid rgba(255,51,102,.3);color:var(--error);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:14px;display:flex;align-items:center;gap:var(--space-3)}.error:before{content:"⚠";font-size:16px}.success{background:var(--success-muted);border:1px solid rgba(0,255,136,.3);color:var(--success);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:14px;display:flex;align-items:center;gap:var(--space-3)}.success:before{content:"✓";font-size:16px}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:var(--font-mono);font-size:14px;color:var(--text-tertiary)}.loading:after{content:"";display:inline-block;width:20px;height:20px;margin-left:var(--space-3);border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:999;animation:fadeIn var(--duration-fast) var(--ease-out)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-6);pointer-events:none}.modal>*{pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-7);width:100%;max-height:85vh;animation:slideUp var(--duration-normal) var(--ease-out);box-shadow:0 8px 48px #0009,0 0 100px #d4a57414}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle)}.modal-header h2,.modal-title{font-size:20px;font-weight:700;margin:0}.modal-header h2:before,.modal-title:before{display:none}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:20px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);padding:0}.modal-close:hover{background:var(--error-muted);color:var(--error);border-color:transparent}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--bg-primary);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 80%,rgba(212,165,116,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(169,124,93,.05) 0%,transparent 50%);animation:gradientShift 30s ease-in-out infinite alternate}@keyframes gradientShift{0%{transform:translate(0) rotate(0)}to{transform:translate(-5%,5%) rotate(3deg)}}.login-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;opacity:.3}.login-card{background:#161210b3;border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;max-width:420px;width:100%;position:relative;z-index:1;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 8px 32px #0009,0 0 80px #d4a5741a;animation:cardAppear .6s var(--ease-out)}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card h1{font-family:var(--font-handwriting);font-size:64px;font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-3);letter-spacing:1px;line-height:1}.login-card p{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:16px;line-height:1.5}.login-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.login-buttons .btn{width:100%;padding:var(--space-4) var(--space-5);font-size:15px}.login-buttons .btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)}.login-buttons .btn-secondary{background:var(--bg-secondary);border-color:var(--border-default)}.login-buttons .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.username-claim{max-width:480px;margin:var(--space-12) auto;text-align:center;padding:var(--space-6);animation:slideUp var(--duration-slow) var(--ease-out)}.username-claim h1{font-size:42px;font-weight:700;margin-bottom:var(--space-4);font-family:var(--font-handwriting);color:var(--accent-primary)}.username-claim p{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:16px}.username-claim .form-group{text-align:left}.referrer-list{list-style:none}.referrer-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle);transition:all var(--duration-fast)}.referrer-item:last-child{border-bottom:none}.referrer-item span{color:var(--text-secondary);font-size:14px;font-family:var(--font-mono)}.referrer-item strong{font-family:var(--font-mono);font-size:16px;color:var(--accent-primary)}.icon-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-2)}.icon-option{padding:var(--space-3);background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:center;font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:capitalize;transition:all var(--duration-fast)}.icon-option:hover{border-color:var(--border-strong);background:var(--bg-tertiary);color:var(--text-primary)}.icon-option.selected{border-color:var(--accent-primary);background:var(--accent-muted);color:var(--accent-primary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--duration-fast)}a:hover{text-decoration:underline}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media(max-width:640px){.container{padding:var(--space-4)}.card{padding:var(--space-5)}.stat-value{font-size:32px}.login-card{padding:var(--space-7)}.login-card h1{font-size:36px}.job-item,.link-item{flex-direction:column;gap:var(--space-3)}.job-actions,.link-actions{width:100%}.job-actions .btn,.link-actions .btn{flex:1}.icon-picker{grid-template-columns:repeat(2,1fr)}}.avatar{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--accent-primary);box-shadow:0 4px 16px #0006,0 0 32px #d4a57433;margin-bottom:var(--space-4)}.avatar-small{width:48px;height:48px}.profile-url{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:13px;color:var(--accent-primary);margin-top:var(--space-3);word-break:break-all}.profile-url:hover{border-color:var(--accent-primary);text-decoration:none}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state-text{font-size:14px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.profile-header{text-align:center;margin-bottom:var(--space-9)}.avatar-placeholder{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;margin:0 auto var(--space-5);box-shadow:0 8px 24px #00000080,0 0 48px #d4a57433;border:2px solid var(--bg-primary)}.name{font-size:38px;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary);font-family:var(--font-handwriting);letter-spacing:.5px}.headline{font-size:18px;color:var(--text-secondary);max-width:560px;margin:0 auto}.current-job{margin-bottom:var(--space-9)}.job-header{margin-bottom:var(--space-5)}.job-card{background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);transition:all var(--duration-normal) var(--ease-out)}.job-card.current{border:2px solid var(--accent-primary);box-shadow:0 0 0 4px var(--accent-muted),0 4px 16px #6b442326;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--surface-glass) 100%)}.job-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.job-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.company-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.company-logo-placeholder{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.job-details{flex:1;min-width:0}.job-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.company-name{font-size:16px;color:var(--text-secondary);margin-bottom:var(--space-1)}.job-date{font-size:13px;color:var(--accent-primary);font-family:var(--font-mono);font-weight:600;flex-shrink:0;white-space:nowrap;text-align:right}.job-duration{font-size:12px;color:var(--text-secondary);margin-top:var(--space-1);font-weight:500}.verification-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:13px;font-weight:500}.verification-email{background:var(--success-muted);color:var(--success);border:1px solid rgba(0,255,136,.3)}.verification-linkedin{background:#58a6ff26;color:#58a6ff;border:1px solid rgba(88,166,255,.3)}.verification-self{background:var(--surface-glass);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.badge-icon{font-weight:700}.work-history{margin-bottom:var(--space-9)}.jobs-list{display:flex;flex-direction:column}.links-section{margin-bottom:var(--space-9)}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.link-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all var(--duration-normal) var(--ease-out)}.link-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6b442326;border-color:var(--accent-primary);text-decoration:none;background:var(--surface-glass-hover)}.link-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.link-label{font-size:15px;font-weight:500}.profile-footer{text-align:center;padding-top:var(--space-7);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:14px;margin-top:var(--space-9)}.view-count{margin-bottom:var(--space-2)}.powered-by{font-size:13px}.powered-by a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color var(--duration-fast)}.powered-by a:hover{color:var(--accent-secondary);text-decoration:underline}@media(max-width:640px){.name{font-size:28px}.headline{font-size:16px}.links-grid{grid-template-columns:1fr}.job-card{padding:var(--space-5)}.avatar,.avatar-placeholder{width:100px;height:100px}.avatar-placeholder{font-size:40px}.job-content{flex-direction:column;align-items:flex-start}.job-date{text-align:left}}.onboarding-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--bg-primary);position:relative;overflow:hidden}.onboarding-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 70%,rgba(212,165,116,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 30%,rgba(169,124,93,.05) 0%,transparent 50%);animation:gradientShift 30s ease-in-out infinite alternate}.onboarding-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;opacity:.3}.onboarding-card{background:#161210b3;border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;max-width:480px;width:100%;position:relative;z-index:1;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 8px 32px #0009,0 0 80px #d4a5741a;animation:cardAppear .6s var(--ease-out)}.onboarding-card .profile-picture{width:80px;height:80px;border-radius:var(--radius-full);margin:0 auto var(--space-6);border:2px solid var(--border-default);display:block}.onboarding-card h1{font-size:28px;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.onboarding-card p{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:15px}.username-input-group{position:relative;display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);transition:all var(--duration-normal) var(--ease-out)}.username-input-group:focus-within{border-color:var(--success);box-shadow:0 0 0 3px var(--success-muted)}.username-prefix{color:var(--text-secondary);font-size:18px;font-weight:500;margin-right:var(--space-1)}.username-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:18px;font-weight:500;font-family:var(--font-mono)}.username-input::placeholder{color:var(--text-tertiary)}.username-status{margin-left:var(--space-2);display:flex;align-items:center;justify-content:center}.icon-success{color:var(--success)}.icon-error{color:var(--error)}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:var(--error-muted);border:1px solid var(--error);color:var(--error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--space-4)}.hint-message{color:var(--text-tertiary);font-size:13px;margin-bottom:var(--space-4);text-align:left}.continue-button{width:100%;margin-top:var(--space-2)}.home-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--bg-primary)}.home-container{max-width:600px;width:100%;text-align:center}.profile-header{margin-bottom:var(--space-10)}.profile-picture-large{width:120px;height:120px;border-radius:var(--radius-full);margin:0 auto var(--space-5);border:3px solid var(--border-default);display:block}.profile-header h1{font-size:32px;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.profile-header .email{color:var(--text-secondary);font-size:16px}.home-content{background:var(--surface-glass);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.welcome-message{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.coming-soon{color:var(--text-secondary);font-size:15px;line-height:1.6}@media(max-width:768px){.container{padding:var(--space-4)}.header-content{padding:0 var(--space-4)}.logo-text{font-size:24px}.header-controls{gap:var(--space-1)}.header-divider{display:none}.search-trigger{width:36px;height:36px;padding:0;justify-content:center}.search-trigger span,.search-trigger kbd{display:none}.search-expanded{position:fixed!important;top:0;left:0;right:0;width:100%!important;max-width:100%!important;background:var(--bg-primary);z-index:10001;padding:var(--space-4);box-shadow:0 2px 8px #0000004d}.search-expanded input{width:100%;font-size:16px}.header-avatar{display:none!important}.card{padding:var(--space-5);margin-bottom:var(--space-4)}.card h2{font-size:20px}.modal{padding:var(--space-4)}.modal-content{padding:var(--space-5);max-height:90vh}.connect-banner-content{flex-direction:column;text-align:center}.connect-banner-text{text-align:center}.sticky-composer{top:60px}}@media(max-width:480px){.container{padding:var(--space-3)}.header-content{padding:0 var(--space-3)}.logo-text{font-size:24px}.card{padding:var(--space-4)}.card h2{font-size:18px}.btn{white-space:nowrap}.btn-small{font-size:12px;padding:var(--space-1) var(--space-2)}.onboarding-wizard{padding:var(--space-6)}.wizard-header .logo img{max-width:120px}}@media(hover:none)and (pointer:coarse){.header-icon-btn{min-width:44px;min-height:44px}.btn{min-height:44px}.stat-button:hover{opacity:1}*{-webkit-tap-highlight-color:var(--accent-muted)}}
