:root{--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #000000;--text-primary: #000000;--text-secondary: #666666;--text-muted: #999999;--border: #e0e0e0;--border-heavy: #000000;--accent: #ff0000;--accent-hover: #cc0000;--font-display: "Helvetica Neue", "Arial", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Helvetica Neue", "Arial", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1200px;--grid-gap: 24px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 48px;--spacing-xl: 96px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-size:16px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;letter-spacing:-.01em}a{color:var(--text-primary);text-decoration:none;transition:color .2s ease;border-bottom:1px solid transparent}a:hover{color:var(--accent);border-bottom-color:var(--accent)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.header{padding:var(--spacing-xl) 0 var(--spacing-lg);border-bottom:2px solid var(--border-heavy);margin-bottom:var(--spacing-lg)}.header-content{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);align-items:start;margin-bottom:var(--spacing-lg)}.avatar-large{width:80px;height:80px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:2px solid var(--border-heavy)}.header-text h1{font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin:0;text-transform:uppercase}.header-text .bio{color:var(--text-secondary);font-size:1rem;margin-top:var(--spacing-sm);line-height:1.4;max-width:600px}.nav{display:flex;gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.nav a{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;color:var(--text-primary);border-right:1px solid var(--border);transition:background .2s ease,color .2s ease;text-transform:uppercase;letter-spacing:.05em}.nav a:first-child{border-left:1px solid var(--border)}.nav a:hover{background:var(--bg-tertiary);color:var(--bg-primary);border-bottom-color:transparent}.nav a.active{background:var(--accent);color:var(--bg-primary);border-bottom-color:transparent}.thought-list{display:grid;gap:var(--spacing-lg)}.thought-card{background:var(--bg-primary);border:2px solid var(--border);border-left:4px solid var(--accent);padding:var(--spacing-md);transition:border-color .2s ease,transform .2s ease}.thought-card:hover{border-color:var(--border-heavy);transform:translate(4px)}.thought-header{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.avatar-small{width:48px;height:48px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid var(--border-heavy)}.thought-meta{display:flex;flex-direction:column;justify-content:center}.author-name{font-weight:700;font-size:1rem;letter-spacing:-.01em;text-transform:uppercase}.thought-date{font-size:.75rem;color:var(--text-muted);margin-top:2px;font-weight:400;letter-spacing:.02em}.thought-content{font-size:1rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.thought-content p{margin-bottom:var(--spacing-sm)}.thought-content p:last-child{margin-bottom:0}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.tag{padding:4px 12px;background:var(--bg-tertiary);color:var(--bg-primary);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:background .2s ease}.tag:hover{background:var(--accent)}.about-section{background:var(--bg-primary);border:2px solid var(--border);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:border-color .2s ease}.about-section:hover{border-color:var(--border-heavy)}.about-section h2{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent);display:inline-block}.about-section p{margin-bottom:var(--spacing-sm);color:var(--text-primary);line-height:1.6;font-size:1rem}.about-section p:last-child{margin-bottom:0}.skill-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-sm)}.skill-item{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm);padding:var(--spacing-sm);border:2px solid var(--border);background:var(--bg-primary);transition:border-color .2s ease,background .2s ease}.skill-item:hover{border-color:var(--border-heavy);background:var(--bg-secondary)}.skill-icon{width:48px;height:48px;background:var(--bg-tertiary);border:2px solid var(--border-heavy);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.skill-text{display:flex;flex-direction:column;justify-content:center}.skill-name{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.skill-desc{font-size:.75rem;color:var(--text-secondary);margin-top:2px;line-height:1.4}.footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0;border-top:2px solid var(--border-heavy);text-align:center}.footer p{font-size:.875rem;color:var(--text-secondary)}.footer a{color:var(--text-primary);font-weight:500}.footer a:hover{color:var(--accent)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);border:2px solid var(--border);background:var(--bg-secondary)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.3}.empty-message{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.empty-hint{font-size:.875rem;color:var(--text-secondary);font-family:monospace}@media(max-width:768px){.header{padding:var(--spacing-lg) 0 var(--spacing-md)}.header-text h1{font-size:2rem}.nav{flex-direction:column}.nav a{border-right:none;border-bottom:1px solid var(--border)}.nav a:first-child{border-left:none}.skill-list{grid-template-columns:1fr}}::selection{background:var(--accent);color:var(--bg-primary)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}