:root{--bg: #080808;--bg-elevated: #0e0e0e;--bg-card: #101010;--bg-card-hover: #141414;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--text: #f0f0f0;--text-2: #888;--accent: #8b7cf8;--accent-dim: rgba(139, 124, 248, .12);--font: "Inter", system-ui, -apple-system, sans-serif;--s1: .5rem;--s2: 1rem;--s3: 1.5rem;--s4: 2rem;--s6: 3rem;--s8: 4rem;--r-sm: 6px;--r: 10px;--r-lg: 14px;--nav-h: 52px;--max-w: 1100px;--ease: cubic-bezier(.16, 1, .3, 1);--t: .15s ease}[data-theme=light]{--bg: #f7f7f7;--bg-elevated: #efefef;--bg-card: #ffffff;--bg-card-hover: #f5f5f5;--border: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .12);--text: #111111;--text-2: #666666;--accent: #6c5ce7;--accent-dim: rgba(108, 92, 231, .08);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}ul{list-style:none}img{display:block;max-width:100%}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.site-header{position:sticky;top:0;z-index:100;height:var(--nav-h);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);transition:background-color .2s ease,border-color .2s ease}.header{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-w);margin:0 auto;padding:0 var(--s4);height:100%}.logo{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.logo img{opacity:.65;transition:opacity var(--t);color:var(--text)}.logo img.rolling{animation:d20-roll .6s var(--ease)}@keyframes d20-roll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(160deg) scale(1.25)}65%{transform:rotate(340deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}.logo__name{font-size:.9375rem;font-weight:600;letter-spacing:-.02em;color:var(--text-2);transition:color var(--t)}.logo:hover img,.logo.current-view img{opacity:1}.logo:hover .logo__name,.logo.current-view .logo__name{color:var(--text)}.nav__links{display:flex;align-items:center;gap:2px}.nav__links a{padding:.4rem .75rem;border-radius:var(--r-sm);font-size:.875rem;font-weight:500;color:var(--text-2);transition:color var(--t),background var(--t)}.nav__links a:hover{color:var(--text-2);background:#ffffff0a}.nav__links a.current-view{color:var(--text);background:#ffffff12}.header__controls{display:flex;align-items:center;gap:2px}.menu-toggle{display:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);color:var(--text-2);transition:color var(--t),background var(--t)}.menu-toggle:hover{color:var(--text-2);background:#8080801f}.menu-toggle svg{width:18px;height:18px}.icon-x{display:none}#main-nav.open~* .icon-menu,.menu-toggle[aria-expanded=true] .icon-menu{display:none}.menu-toggle[aria-expanded=true] .icon-x{display:block}.theme-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);color:var(--text-2);transition:color var(--t),background var(--t)}.theme-toggle:hover{color:var(--text-2);background:#8080801f}.theme-toggle svg{width:16px;height:16px}.icon-moon{display:none}.icon-sun,[data-theme=light] .icon-moon{display:block}[data-theme=light] .icon-sun{display:none}#app{min-height:calc(100vh - var(--nav-h))}.view{max-width:var(--max-w);margin:0 auto;padding:var(--s6) var(--s4);animation:view-enter .22s var(--ease) both}@keyframes view-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.view-intro{margin-bottom:var(--s6);padding-bottom:var(--s6);border-bottom:1px solid var(--border)}.view-intro .title{font-size:1.625rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:.5rem}.view-intro .text{font-size:.9375rem;color:var(--text-2);line-height:1.65}.view-intro .text+.text{margin-top:.2rem}.view-intro .text a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.section{margin-bottom:var(--s6)}.section>.title{font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--s1)}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.list>li:last-child:nth-child(odd){grid-column:1 / -1}.listItem{display:flex;align-items:center;gap:var(--s3);padding:.875rem var(--s3);background:var(--bg-card);cursor:pointer;transition:background var(--t);position:relative;outline-offset:-2px}.listItem:hover,.listItem:active{background:var(--bg-card-hover)}.card__thumb{flex-shrink:0;width:42px;height:42px;border-radius:var(--r-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--accent-dim)}.card__thumb--image{background:#000}.card__thumb img{width:100%;height:100%;object-fit:cover}.card__thumb svg{width:18px;height:18px;color:var(--accent);opacity:.65}.card__text{flex:1;min-width:0;overflow:hidden}.card__title{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t)}.listItem:hover .card__title{color:var(--accent)}.card__subtitle{font-size:.8125rem;color:var(--text-2);margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.icon-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);color:var(--text-2);transition:color var(--t),background var(--t)}.icon-button:hover{color:var(--text);background:#ffffff12}.icon-button svg{width:14px;height:14px}.hero{padding:var(--s8) 0 var(--s6);border-bottom:1px solid var(--border);margin-bottom:var(--s6)}.hero__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s2)}.hero__title{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:.875rem}.hero__subtitle{font-size:1rem;color:var(--text-2);max-width:460px;line-height:1.65}.hero__chips{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s4)}.hero__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:var(--r);background:var(--accent);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:-.01em;transition:filter var(--t)}.hero__chip:hover{color:var(--text);border-color:#ffffff29;background:var(--bg-card-hover)}.hero__chip-arrow{font-size:.8125rem;color:var(--text-2);transition:transform .2s var(--ease),color var(--t)}.hero__chip:hover .hero__chip-arrow{transform:translate(3px);color:var(--text-2)}.about{max-width:680px;padding-top:var(--s2)}.about__hero{margin-bottom:var(--s4)}.about__name{font-size:clamp(2rem,6vw,3rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:var(--s1)}.about__tagline{font-size:1.0625rem;color:var(--text-2);line-height:1.5}.about__bio{font-size:.9375rem;color:var(--text-2);line-height:1.85;padding-bottom:var(--s4);margin-bottom:var(--s4);border-bottom:1px solid var(--border)}.about-card__tags{display:flex;flex-wrap:wrap;gap:var(--s1);margin-bottom:var(--s4)}.about-card__tag{padding:.3rem .75rem;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-size:.8125rem;font-weight:500}.about-card__contact{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:var(--r);background:var(--accent);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:-.01em;transition:filter var(--t)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(95vw,900px);height:min(90vh,1000px);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:0;overflow:hidden;color:var(--text)}.modal[open]{display:grid;grid-template-rows:auto 1fr;animation:modal-enter .22s var(--ease) both}.modal::backdrop{background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes modal-enter{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:0 .875rem;height:44px;border-bottom:1px solid var(--border);flex-shrink:0}.modal__title{font-size:.875rem;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-sm);background:transparent;color:var(--text-2);transition:color var(--t),background var(--t)}.modal__close:hover{color:var(--text);background:#ffffff12}.modal__close svg{width:14px;height:14px}.modal__content{min-height:0;overflow:hidden}.modal__content--image{display:flex;align-items:center;justify-content:center;background:#000}.dialog-image{max-width:100%;max-height:100%;object-fit:contain}.dialog-pdf{display:block;width:100%;height:100%;border:none}.modal__content--error{display:flex;align-items:center;justify-content:center}.dialog-error{display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center;padding:var(--s4);max-width:320px}.dialog-error__icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--r);background:#ffffff0a;color:var(--text-2)}.dialog-error__icon svg{width:24px;height:24px}.dialog-error__title{font-size:.9375rem;font-weight:600;color:var(--text)}.dialog-error__text{font-size:.875rem;color:var(--text-2);line-height:1.5}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width: 768px){.header{padding:0 var(--s2)}.view{padding:var(--s4) var(--s2)}.list{grid-template-columns:1fr}.listItem{gap:var(--s2);padding-left:var(--s2);padding-right:var(--s2)}.menu-toggle{display:flex}#main-nav{position:absolute;top:var(--nav-h);left:0;right:0;z-index:99;background:color-mix(in srgb,var(--bg) 96%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);padding:var(--s1) var(--s2) var(--s2);display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s var(--ease);overflow:hidden}#main-nav>ul{min-height:0;overflow:hidden}#main-nav.open{grid-template-rows:1fr}.nav__links{flex-direction:column;gap:2px;padding-top:var(--s1)}.nav__links a{display:block;padding:.65rem .75rem;font-size:.9375rem;border-radius:var(--r-sm)}}@media (max-width: 480px){.modal{width:100vw;height:100svh;border-radius:0;border:none;margin:0}.hero__chips{flex-direction:column;align-items:flex-start}}