:root{--color-bg: #f5f4ee;--color-surface: #fbfaf6;--color-surface-2: #ecebe3;--color-text: #161614;--color-text-secondary: #5a5953;--color-text-muted: #8a897f;--color-accent: #c8553d;--color-accent-soft: rgba(200, 85, 61, .1);--color-line: #1d1d1a;--color-border: rgba(29, 29, 26, .12);--color-border-strong: rgba(29, 29, 26, .28);--status-works: #2f7d4a;--status-beta: #b87618;--status-construction: #2c6b9c;--status-saved: #6b6a62;--status-abandoned: #a4a39a;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 22px;--space-xl: 36px;--space-2xl: 56px;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sidebar-width: 340px;--max-width: 1400px;--transition-fast: .14s ease;--transition-base: .24s ease;--transition-slow: .42s cubic-bezier(.32, .72, 0, 1);--shadow-window: 0 30px 80px -20px rgba(20, 20, 18, .35), 0 8px 24px -8px rgba(20, 20, 18, .18);--shadow-card: 0 1px 0 rgba(29, 29, 26, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"calt","ss01";overflow-x:hidden}#root{min-height:100vh}button{font-family:inherit;background:none;border:none;padding:0;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--color-accent);color:var(--color-surface)}.pf-root{display:flex;min-height:100vh;width:100%;max-width:var(--max-width);margin:0 auto}.pf-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);position:sticky;top:0;align-self:flex-start;height:100vh;padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto}.pf-widget{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-md) var(--space-md)}.pf-name{font-size:22px;font-weight:600;margin:0 0 2px;letter-spacing:-.015em;color:var(--color-text)}.pf-role{font-size:11.5px;color:var(--color-text-muted);letter-spacing:.02em;margin-bottom:var(--space-sm)}.pf-bio{font-size:12.5px;line-height:1.7;color:var(--color-text-secondary);margin:0;font-weight:400}.pf-bio-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:var(--space-sm)}.pf-bio-link{font:inherit;font-size:12.5px;font-weight:500;color:var(--color-text);background:none;border:none;padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-fast)}.pf-bio-link:hover{color:var(--color-accent)}.pf-contacts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.pf-contact{display:grid;grid-template-columns:78px auto 1fr;align-items:center;gap:var(--space-sm);padding:7px 0;font-size:12.5px;transition:color var(--transition-fast)}.pf-contact-key{color:var(--color-text-muted);font-weight:500;letter-spacing:.02em}.pf-contact-arrow{color:var(--color-text-muted);font-size:11px;transition:transform var(--transition-fast),color var(--transition-fast)}.pf-contact-value{color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-contact:hover .pf-contact-key,.pf-contact:hover .pf-contact-value{color:var(--color-accent)}.pf-contact:hover .pf-contact-arrow{color:var(--color-accent);transform:translate(2px)}.pf-main{flex:1;padding:var(--space-2xl) var(--space-2xl) var(--space-2xl);min-width:0}.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--space-xl);row-gap:80px}.pf-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:4px;background:none;border:none;cursor:pointer;min-width:0;max-width:100%;transition:transform var(--transition-fast),opacity var(--transition-fast)}.pf-card:hover{transform:translateY(-3px)}.pf-card:hover .pf-icon{filter:brightness(1.04)}.pf-card:active{transform:translateY(-1px)}.pf-card-name{font-size:13.5px;font-weight:600;color:var(--color-text);letter-spacing:-.005em}.pf-card-tagline{font-size:11.5px;font-weight:400;color:var(--color-text-muted);line-height:1.5}.pf-icon{border-radius:18px;object-fit:contain;flex-shrink:0;background:var(--color-surface);box-shadow:0 1px 1px #1414120f,0 8px 22px -10px #1414122e;transition:filter var(--transition-fast),box-shadow var(--transition-fast)}.pf-card-icon-wrap{position:relative;display:inline-flex}.pf-status-pill--corner{position:absolute;top:-6px;right:-10px;font-size:10px;padding:2px 7px;background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:0 1px 1px #1414120f,0 6px 14px -8px #14141240;pointer-events:none}.pf-icon--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-line);color:var(--color-bg);font-weight:600;letter-spacing:-.02em}.pf-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.pf-backdrop{position:absolute;inset:0;background:#14141252;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:pf-fade-in .22s ease-out}.pf-modal--closing .pf-backdrop{animation:pf-fade-out .22s ease-in forwards}@keyframes pf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pf-fade-out{0%{opacity:1}to{opacity:0}}.pf-window{position:relative;width:min(720px,100%);max-height:85vh;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);display:flex;flex-direction:column;overflow:hidden;will-change:transform,opacity}.pf-window-close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;padding:0;font-size:32px;line-height:1;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.pf-window-close:hover{background:#0000000f;color:var(--color-text)}.pf-window-body{padding:var(--space-xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-lg)}.pf-window-header{display:flex;align-items:center;gap:var(--space-md)}.pf-window-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-window-name{font-size:24px;font-weight:600;letter-spacing:-.01em}.pf-window-tagline{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.pf-status-pill{display:inline-flex;align-items:center;font-size:10.5px;font-weight:500;letter-spacing:.02em;color:var(--color-text-secondary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;padding:2px 8px;white-space:nowrap;line-height:1.4}.pf-window-name-row .pf-status-pill{font-size:11.5px;padding:3px 10px}.pf-window-link{display:inline-flex;align-self:flex-start;font-size:13px;font-weight:500;color:var(--color-accent);padding:6px 12px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.pf-window-link:hover{background:var(--color-accent);color:var(--color-surface)}.pf-window-section{display:flex;flex-direction:column;gap:var(--space-sm)}.pf-window-section-title{font-size:11px;color:var(--color-text-muted);font-weight:500;letter-spacing:.04em}.pf-window-text{font-size:13.5px;line-height:1.75;color:var(--color-text);margin:0;font-weight:400}.pf-window-pre{margin:0;font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--color-text);background:var(--color-surface-2);border-left:2px solid var(--color-accent);padding:var(--space-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;white-space:pre-wrap;word-break:break-word}.pf-window-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.pf-window-list li{font-size:13.5px;line-height:1.7;color:var(--color-text)}.pf-window-list li::marker{color:var(--color-text-muted)}.pf-inline-ref,.pf-inline-link{font:inherit;font-size:inherit;font-weight:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:var(--color-text-muted);transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.pf-inline-ref:hover,.pf-inline-link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.pf-folder-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.pf-folder-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-md) var(--space-sm);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.pf-folder-item:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.pf-folder-item-name{font-size:13.5px;font-weight:600;letter-spacing:-.005em}.pf-folder-item-host{font-size:10.5px;color:var(--color-text-muted);letter-spacing:.02em}.pf-folder-item:hover .pf-folder-item-host{color:var(--color-accent);opacity:.75}.pf-cv{display:flex;flex-direction:column;gap:var(--space-lg)}.pf-cv-header{display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.pf-cv-name{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--color-text)}.pf-cv-meta{font-size:11.5px;color:var(--color-text-muted);letter-spacing:.02em;text-align:center}.pf-cv-section{display:flex;flex-direction:column;gap:var(--space-md)}.pf-cv-entry{display:flex;flex-direction:column;gap:4px}.pf-cv-entry-org{font-size:14px;font-weight:600;color:var(--color-text);letter-spacing:-.005em}.pf-cv-entry-role{font-size:12.5px;color:var(--color-text-secondary);font-style:italic}.pf-cv-entry-bullets{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.pf-cv-entry-bullets li{font-size:13px;line-height:1.65;color:var(--color-text)}.pf-cv-entry-bullets li::marker{color:var(--color-text-muted)}.pf-cv-entry-text{font-size:13px;line-height:1.65;color:var(--color-text);margin:0}@media(max-width:1100px){.pf-grid{row-gap:64px}}@media(max-width:880px){.pf-root{flex-direction:column}.pf-sidebar{width:100%;min-width:0;height:auto;position:relative;padding:var(--space-xl) var(--space-lg) var(--space-lg);gap:var(--space-xl)}.pf-main{padding:var(--space-lg) var(--space-lg) var(--space-2xl)}.pf-grid{grid-template-columns:repeat(2,1fr);row-gap:48px;column-gap:var(--space-lg)}.pf-status-pill{white-space:normal;max-width:100%}.pf-modal{padding:var(--space-md)}.pf-window-body{padding:var(--space-lg)}}@media(max-width:480px){.pf-main{padding:var(--space-md) var(--space-md) var(--space-xl)}.pf-grid{column-gap:var(--space-md);row-gap:32px}.pf-card .pf-icon{width:64px!important;height:64px!important}.pf-card-name{font-size:12.5px}.pf-card-tagline{font-size:11px}.pf-status-pill{font-size:10px;padding:2px 6px}}