:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #ffffff;--text: #111827;--border: #111827;--card: #ffffff;--button-bg: #111827;--button-text: #ffffff;--button-hover: #1f2937;color-scheme:light}[data-theme=dark]{--bg: #0b0f19;--text: #e5e7eb;--border: #e5e7eb;--card: #111827;--button-bg: #e5e7eb;--button-text: #111827;--button-hover: #d1d5db;color-scheme:dark}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);color:var(--text);text-align:center;transition:background-color .2s ease,color .2s ease}.app-center{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.theme-fixed{position:fixed}.theme-fixed.top-right{top:12px;right:12px}.theme-fixed.top-left{top:12px;left:12px}.theme-toggle{appearance:none;border:1px solid var(--border);background-color:var(--button-bg);color:var(--button-text);border-radius:9999px;padding:8px 14px;font-size:.9rem;cursor:pointer}.theme-toggle:hover{background-color:var(--button-hover)}.switch{position:relative;display:inline-flex;align-items:center;width:56px;height:32px;border:1px solid var(--border);background:var(--card);border-radius:9999px;padding:0;cursor:pointer}.switch-thumb{position:absolute;left:2px;width:26px;height:26px;background:var(--button-bg);color:var(--button-text);border-radius:50%;transition:transform .18s ease,background-color .15s ease;display:inline-flex;align-items:center;justify-content:center}[data-theme=dark] .switch-thumb{transform:translate(24px);background:var(--button-bg)}.contact-list{display:inline-flex;gap:6px;margin-top:32px}.contact-button{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:var(--text);text-decoration:none;transition:background-color .16s ease,color .16s ease}.contact-button:hover{background-color:var(--button-bg);color:var(--button-text)}.avatar{width:220px;height:220px;border-radius:44px;object-fit:cover;border:1px solid var(--border);box-shadow:0 10px 30px #00000014}[data-theme=dark] .avatar{box-shadow:0 10px 30px #0006}.name{margin:24px 0 4px;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.title{margin:0;font-size:.95rem;font-weight:400;opacity:.7;color:var(--text)}