@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,600;0,700;1,400&display=swap";.about-page-wrap,.landing-page-wrap{max-width:1080px;margin:0 auto;padding:84px 24px 96px}.os-topbar{background:var(--bg-card);border:1px solid var(--border);border-bottom:1px solid var(--border-ink);box-shadow:none;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;padding:14px 0 18px;display:flex;position:relative}.os-topbar:after{content:"";background:var(--border-strong);height:1px;position:absolute;bottom:-5px;left:0;right:0}.os-topbar-left{align-items:center;gap:14px;display:flex}.os-brand-icon{filter:grayscale(.3);font-size:1.1rem}.os-brand-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-optical-sizing:auto;font-size:1.05rem;font-weight:800}.os-version{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:.72rem;font-weight:400}.os-status-pill{border:none;border-left:1px solid var(--border-strong);font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:0;align-items:center;gap:6px;padding:0 0 0 12px;font-size:.72rem;display:inline-flex}.os-status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite osPulse}@keyframes osPulse{0%,to{opacity:1}50%{opacity:.35}}.os-topbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.os-quick-chip,.os-clock-chip{font-family:var(--font-mono);color:var(--text-secondary);border:none;border-left:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;background:0 0;border-radius:0;padding:0 10px;font-size:.72rem}.os-btn-min-all{font-family:var(--font-mono);color:var(--text-primary);border:1px solid var(--border-ink);cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:0;padding:5px 12px;font-size:.72rem;font-weight:600}.os-btn-min-all:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.os-desktop{flex-direction:column;gap:64px;display:flex}.os-window{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);border-radius:0;position:relative;overflow:hidden}.os-window:hover{box-shadow:var(--shadow-md)}.os-win-header{border-bottom:1px solid var(--border);background:0 0;grid-template-columns:auto 1fr auto;align-items:baseline;gap:16px;padding:20px 32px 16px;display:grid}.os-win-controls{display:none}.os-win-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.01em;font-size:.95rem;font-style:italic;font-weight:700}.os-win-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);border-top:1px solid var(--border-ink);border-bottom:1px solid var(--border-ink);white-space:nowrap;padding:3px 0;font-size:.68rem;font-weight:600}.os-window:before{content:attr(data-section);font-family:var(--font-display);color:var(--sepia);opacity:.18;pointer-events:none;font-optical-sizing:auto;letter-spacing:-.04em;font-size:4.5rem;font-style:italic;font-weight:800;line-height:1;position:absolute;top:12px;right:28px}.os-win-body{padding:32px 32px 40px;position:relative}.profile-hero-grid{grid-template-columns:200px 1fr;align-items:start;gap:40px;display:grid}.profile-avatar-column{text-align:center}.profile-avatar-frame{border:1px solid var(--border-ink);width:160px;height:160px;box-shadow:var(--shadow-md);background:var(--bg-secondary);border-radius:0;margin:0 auto 16px;position:relative;overflow:hidden}.profile-avatar-img{object-fit:cover;filter:contrast(1.02)saturate(.95);width:100%;height:100%}.profile-avatar-badge{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6rem;line-height:1;display:flex;position:absolute;bottom:4px;right:4px}.profile-location-chip{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;width:100%;padding:8px 12px;font-size:.72rem;display:inline-block}.profile-badge-row{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-bottom:14px;font-size:.72rem;display:flex}.user-greeting-banner{background:var(--bg-card);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:12px;max-width:fit-content;margin-bottom:16px;padding:6px 14px;display:inline-flex}.ug-text-wrap{font-family:var(--font-mono,monospace);color:var(--text-primary);align-items:center;font-size:.85rem;font-weight:700;display:flex}.ug-prefix{color:var(--text-secondary)}.user-name-typewriter{color:#a855f7;text-shadow:0 0 12px #a855f759;font-weight:800}.btn-edit-user-name{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-edit-user-name:hover{color:#a855f7;background:#a855f71a;border-color:#a855f7;transform:translateY(-1px)}.os-chip{color:var(--text-muted);background:0 0;border:none;padding:0;position:relative}.os-chip:not(:last-child):after{content:"·";color:var(--text-muted);margin-left:16px}.os-chip.alt{color:var(--accent);font-style:italic;font-family:var(--font-display);text-transform:none;letter-spacing:0;font-size:.85rem}.profile-name{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);font-optical-sizing:auto;margin-bottom:20px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.02}.profile-alias{color:var(--sepia);font-size:.7em;font-style:italic;font-weight:500}.profile-statement{font-family:var(--font-display);color:var(--text-secondary);max-width:60ch;margin-bottom:24px;font-size:1.18rem;font-style:italic;font-weight:400;line-height:1.55}.profile-tags-row{font-family:var(--font-mono);flex-wrap:wrap;gap:14px;margin-bottom:28px;font-size:.85rem;display:flex}.tag-item{color:var(--accent);-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:4px;cursor:default;transition:color var(--transition)}.tag-item:hover{color:var(--sepia);-webkit-text-decoration-color:var(--sepia);text-decoration-color:var(--sepia)}.profile-actions-row{flex-wrap:wrap;gap:12px;display:flex}.btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition);border:1px solid #0000;border-radius:0;align-items:center;gap:8px;padding:11px 20px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border-color:var(--border-ink);background:0 0}.btn-secondary:hover{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000;padding-left:8px;padding-right:8px}.btn-ghost:hover{color:var(--accent);background:var(--accent-soft)}.btn-mini-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);text-underline-offset:4px;transition:color var(--transition);font-size:.72rem;text-decoration:underline;text-decoration-thickness:1px}.btn-mini-link:hover{color:var(--sepia)}.mindset-content{max-width:100%}.mindset-quote-box{border-top:1px solid var(--border-ink);border-bottom:1px solid var(--border-ink);margin-bottom:32px;padding:24px 0 28px;position:relative}.mindset-quote{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.015em;max-width:60ch;margin:0;padding-left:8px;font-size:clamp(1.3rem,2.2vw,1.6rem);font-style:italic;font-weight:500;line-height:1.4;position:relative}.mindset-quote:first-letter{font-family:var(--font-display);float:left;color:var(--sepia);font-optical-sizing:auto;margin:6px 12px 0 0;font-size:4.2em;font-style:normal;font-weight:800;line-height:.85}.mindset-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.mindset-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-card);transition:background var(--transition);padding:24px}.mindset-card:hover{background:var(--bg-secondary)}.mindset-card-icon{filter:grayscale(.2);margin-bottom:12px;font-size:1.4rem}.mindset-card h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.015em;margin-bottom:10px;font-size:1.1rem;font-weight:700}.mindset-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.55}.timeline-filter-bar{border-bottom:1px solid var(--border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;padding-bottom:16px;font-size:.72rem;display:flex}.filter-label{color:var(--text-muted);margin-right:8px}.t-filter-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:0;padding:5px 12px;font-size:.72rem;font-weight:600}.t-filter-btn:hover{border-color:var(--border-ink);color:var(--text-primary)}.t-filter-btn.active{background:var(--text-primary);color:var(--bg-card);border-color:var(--text-primary)}.git-timeline{flex-direction:column;display:flex}.t-commit-item{border-bottom:1px solid var(--border);transition:background var(--transition);grid-template-columns:140px 1fr;gap:32px;padding:24px 0;display:grid;position:relative}.t-commit-item:last-child{border-bottom:none}.t-commit-item.hidden{display:none}.t-commit-hash{font-family:var(--font-display);color:var(--sepia);letter-spacing:-.02em;font-optical-sizing:auto;align-self:start;font-size:1.8rem;font-style:italic;font-weight:800;line-height:1.1;position:sticky;top:80px}.t-commit-node{display:none}.t-commit-content{min-width:0}.t-commit-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.t-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;border-top:1px solid;border-bottom:1px solid;padding:2px 0;font-size:.68rem;font-weight:600}.t-tag.code{color:var(--accent)}.t-tag.study{color:var(--moss)}.t-tag.life{color:var(--rust)}.t-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.018em;font-size:1.25rem;font-weight:700;line-height:1.25}.t-desc{color:var(--text-secondary);max-width:60ch;font-size:.95rem;line-height:1.6}.interests-tabs{border-bottom:1px solid var(--border-ink);gap:0;margin-bottom:32px;display:flex}.i-tab{font-family:var(--font-display);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 20px;font-size:1rem;font-style:italic;font-weight:600}.i-tab:first-child{padding-left:0}.i-tab:hover{color:var(--text-primary)}.i-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.interests-tab-panels{position:relative}.i-panel{display:none}.i-panel.active{animation:.4s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.music-narrative{font-family:var(--font-display);color:var(--text-secondary);border-bottom:1px solid var(--border);max-width:60ch;margin-bottom:28px;padding-bottom:20px;font-size:1.05rem;font-style:italic;line-height:1.55}.genre-cards-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:24px;display:grid}.genre-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background var(--transition);padding:22px}.genre-card:hover{background:var(--bg-secondary)}.genre-icon{filter:grayscale(.3);margin-bottom:10px;font-size:1.4rem}.genre-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:1.05rem;font-weight:700}.genre-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.now-playing-mini-bar{color:var(--text-secondary);border-top:1px solid var(--border-ink);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;font-size:.85rem;display:flex}.pulse-dot{background:var(--rust);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s infinite osPulse}.photo-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.photo-card{aspect-ratio:4/3;background:var(--bg-secondary);border:1px dashed var(--border-ink);cursor:pointer;transition:transform var(--transition);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-radius:0;position:relative;overflow:hidden}.photo-card:hover{transform:translateY(-2px)}.photo-placeholder{background:linear-gradient(135deg, var(--bg-secondary), var(--bg-input));filter:grayscale(.3);justify-content:center;align-items:center;width:100%;height:100%;font-size:2.4rem;display:flex}.photo-overlay{color:#f5efe2;opacity:0;transition:opacity var(--transition);background:linear-gradient(#0000 40%,#0000008c);flex-direction:column;justify-content:flex-end;padding:14px;display:flex;position:absolute;inset:0}.photo-card:hover .photo-overlay{opacity:1}.photo-title{font-family:var(--font-display);margin-bottom:4px;font-size:.95rem;font-style:italic;font-weight:700}.photo-exif{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;opacity:.85;font-size:.68rem}.rituals-list{margin:0;padding:0;list-style:none}.rituals-list li{border-bottom:1px solid var(--border);grid-template-columns:64px 1fr;gap:20px;padding:20px 0;display:grid}.rituals-list li:last-child{border-bottom:none}.ritual-num{font-family:var(--font-display);color:var(--sepia);font-optical-sizing:auto;font-size:1.8rem;font-style:italic;font-weight:800;line-height:1}.rituals-list strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px;font-size:1.05rem;font-weight:700;display:block}.rituals-list p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.currently-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:0;display:grid}.currently-box{border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background var(--transition);padding:24px}.currently-box:hover{background:var(--bg-secondary)}.c-head{font-family:var(--font-display);color:var(--accent);letter-spacing:-.01em;margin-bottom:8px;font-size:1.05rem;font-weight:700}.c-body{color:var(--text-secondary);font-size:.92rem;line-height:1.55}.quirks-intro{font-family:var(--font-display);color:var(--text-secondary);border-bottom:1px solid var(--border);max-width:60ch;margin-bottom:24px;padding-bottom:20px;font-size:1.05rem;font-style:italic;line-height:1.55}.quirks-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.quirk-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background var(--transition);cursor:default;padding:22px}.quirk-card:hover{background:var(--bg-secondary)}.quirk-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:.7rem;font-weight:600}.quirk-val{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.015em;margin-bottom:8px;font-size:1.15rem;font-weight:700;line-height:1.2}.quirk-sub{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.quirk-val kbd{font-family:var(--font-mono);background:var(--bg-secondary);border:1px solid var(--border-ink);color:var(--accent);border-radius:2px;padding:2px 6px;font-size:.78rem}.os-terminal-body{background:var(--bg-input);font-family:var(--font-mono);border-top:1px solid var(--border);margin:0 -32px -40px;padding:24px 32px 32px!important}.term-welcome{color:var(--text-secondary);border-bottom:1px dashed var(--border-strong);font-size:.85rem;font-family:var(--font-main);margin-bottom:16px;padding-bottom:14px}.term-welcome strong{color:var(--accent);font-family:var(--font-mono);font-weight:600}.term-welcome .term-cmd{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--accent);border-radius:2px;padding:1px 6px;font-size:.8rem}.term-quick-chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.term-chip{font-family:var(--font-mono);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-ink);cursor:pointer;transition:all var(--transition);border-radius:0;padding:5px 10px;font-size:.78rem}.term-chip:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.term-output{border-top:1px solid var(--border);background:0 0;min-height:60px;margin-bottom:14px;padding:12px 0;font-size:.85rem;line-height:1.55}.term-line{word-break:break-word;margin-bottom:2px}.term-prompt{color:var(--sepia);margin-right:8px;font-weight:600}.prompt-line{color:var(--text-primary)}.output-line{color:var(--text-secondary);padding-left:8px}.error-line{color:var(--rust);padding-left:8px}.term-input-line{border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:12px;display:flex}.term-input{font-family:var(--font-mono);color:var(--text-primary);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-size:.88rem}.term-input::placeholder{color:var(--text-muted);font-style:italic}.closing-card{text-align:center;max-width:640px;margin:0 auto;padding:16px 0}.closing-card h2{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.025em;font-optical-sizing:auto;margin-bottom:20px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-style:italic;font-weight:800;line-height:1.1}.closing-card p{font-family:var(--font-display);color:var(--text-secondary);max-width:50ch;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.05rem;font-style:italic;line-height:1.6}.closing-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.os-window{animation:.6s both windowFadeIn}.os-window:first-child{animation-delay:50ms}.os-window:nth-child(2){animation-delay:.1s}.os-window:nth-child(3){animation-delay:.15s}.os-window:nth-child(4){animation-delay:.2s}.os-window:nth-child(5){animation-delay:.25s}.os-window:nth-child(6){animation-delay:.3s}.os-window:nth-child(7){animation-delay:.35s}.os-window:nth-child(8){animation-delay:.4s}@keyframes windowFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.os-window.maximized-win{z-index:10;position:relative}@media (width<=900px){.os-win-header{grid-template-columns:1fr;gap:8px}.os-win-tag{justify-self:start}.os-window:before{font-size:3rem;top:8px;right:16px}.profile-hero-grid{text-align:center;grid-template-columns:1fr;gap:24px}.profile-avatar-frame{width:120px;height:120px}.profile-badge-row,.profile-tags-row,.profile-actions-row{justify-content:center}.profile-statement{margin-left:auto;margin-right:auto}.mindset-grid,.genre-cards-grid,.currently-grid,.quirks-grid{grid-template-columns:1fr}.t-commit-item{grid-template-columns:1fr;gap:8px}.t-commit-hash{font-size:1.4rem;position:static}.photo-grid{grid-template-columns:1fr}}@media (width<=640px){.about-page-wrap,.landing-page-wrap{padding:72px 16px 64px}.os-topbar{flex-direction:column;align-items:flex-start;padding:12px 0 16px}.os-win-body{padding:24px 20px 28px}.os-terminal-body{margin:0 -20px -28px;padding:18px 20px 24px!important}.profile-name{font-size:2.2rem}.os-window:before{font-size:2.4rem}.os-desktop{gap:48px}}@media (prefers-reduced-motion:reduce){.os-window,.os-status-dot,.pulse-dot{animation:none!important}}