:root{--bg: #111111;--surface: #191919;--surface-raised: #1e1e1e;--border: #333333;--border-hover: #555555;--text: #e8e8e8;--text-mid: #999999;--text-dim: #555555;--accent: #e8e8e8;--accent-hover: #ffffff;--font-sans: "Outfit", -apple-system, Helvetica Neue, sans-serif;--font-mono: "Space Mono", "SF Mono", Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4.5rem;--radius-sm: 3px;--radius-md: 6px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-weight:300;font-size:16px;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:400;line-height:1.2}p{margin-bottom:1em}p:last-child{margin-bottom:0}a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border);transition:border-color var(--transition)}a:hover{border-color:var(--text)}::selection{background:#333;color:var(--text)}.desktop{position:fixed;inset:0;overflow:hidden;background:var(--bg)}.desktop__bg{position:absolute;inset:0}.titlebar{position:fixed;top:0;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:var(--bg);border-bottom:1px solid var(--border);z-index:1000}.titlebar__brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--text-mid)}.titlebar__dot{width:6px;height:6px;background:var(--text-mid);border-radius:50%}.titlebar__time{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--text-dim)}.desktop__content{position:absolute;inset:40px 0 64px;display:flex;align-items:center;justify-content:center}.hero{text-align:center;z-index:1;animation:fade-in .6s ease forwards;opacity:0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero__logo{width:clamp(140px,22vw,240px);height:auto;opacity:.9}.hero__tagline{font-family:var(--font-mono);font-size:.72rem;font-style:normal;color:var(--text-dim);letter-spacing:.08em;margin-top:var(--space-lg);text-transform:lowercase;animation:fade-in .6s ease .1s forwards;opacity:0}.dock{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);z-index:1000;background:var(--bg)}.dock__item{position:relative;padding:10px 24px;background:transparent;border:none;border-right:1px solid var(--border);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:color var(--transition),background var(--transition)}.dock__item:last-child{border-right:none}.dock__item:hover,.dock__item--active{color:var(--text);background:var(--surface)}.window{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;animation:window-open .25s ease forwards;z-index:100}@keyframes window-open{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.window--focused{z-index:200;border-color:var(--border-hover)}.window__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--surface)}.window__header:active{cursor:grabbing}.window__title{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.window__close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.8rem;line-height:1;cursor:pointer;transition:all var(--transition)}.window__close:hover{color:var(--text);border-color:var(--text-dim)}.window__content{padding:var(--space-xl) var(--space-2xl);max-height:calc(100% - 42px);overflow-y:auto}.window__content::-webkit-scrollbar{width:4px}.window__content::-webkit-scrollbar-track{background:transparent}.window__content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.window__content::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.about__lead{font-family:var(--font-sans);font-size:1.6rem;font-weight:300;color:var(--text);margin-bottom:var(--space-xl);line-height:1.4;max-width:36ch}.about__text{font-size:.92rem;color:var(--text-mid);max-width:48ch;line-height:1.7}.works__tabs{display:flex;gap:0;margin-bottom:var(--space-xl);border:1px solid var(--border);border-radius:var(--radius-sm)}.works__tab{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-right:1px solid var(--border);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:all var(--transition)}.works__tab:last-child{border-right:none}.works__tab:hover{color:var(--text-mid)}.works__tab--active{background:var(--surface-raised);color:var(--text)}.works__type-section{margin-bottom:var(--space-xl)}.works__type-section:last-of-type{margin-bottom:0}.works__type-label{font-family:var(--font-mono);font-size:.58rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.works__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.works__item{display:block;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition);text-decoration:none;color:inherit;cursor:pointer;text-align:left;width:100%;padding:0;font:inherit}.works__item:hover{border-color:var(--border-hover)}.works__artwork{aspect-ratio:1;overflow:hidden;position:relative}.works__artwork img{width:100%;height:100%;object-fit:cover}.works__info{padding:var(--space-sm) var(--space-md)}.works__title{font-family:var(--font-sans);font-size:.88rem;font-weight:400;color:var(--text);margin-bottom:2px}.works__meta{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.works__detail{animation:fade-in .2s ease}.works__back{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-md);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;color:var(--text-dim);cursor:pointer;margin-bottom:var(--space-lg);transition:all var(--transition)}.works__back:hover{border-color:var(--text-dim);color:var(--text-mid)}.works__detail-header{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.works__detail-artwork{width:140px;height:140px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.works__detail-artwork img{width:100%;height:100%;object-fit:cover}.works__detail-info{display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs)}.works__detail-title{font-family:var(--font-sans);font-size:1.5rem;font-weight:400;color:var(--text);line-height:1.2}.works__detail-meta{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.works__detail-link{display:inline-block;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-mid);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);text-decoration:none;width:fit-content}.works__detail-link:hover{color:var(--text);border-color:var(--text-dim)}.works__detail-desc{font-size:.9rem;line-height:1.7;color:var(--text-mid);margin-bottom:var(--space-lg);max-width:54ch}.works__detail-tracks{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md)}.works__detail-tracks h4{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--space-md)}.works__detail-tracks ol{list-style:none;counter-reset:track;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-xs)}.works__detail-tracks li{counter-increment:track;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.85rem;color:var(--text-mid)}.works__detail-tracks li:before{content:counter(track);font-family:var(--font-mono);font-size:.58rem;color:var(--text-dim);min-width:18px}.works__section{min-height:280px;display:flex;align-items:center;justify-content:center}.works__empty{text-align:center;padding:var(--space-2xl)}.works__empty-icon{font-size:1.5rem;color:var(--text-dim);margin-bottom:var(--space-lg)}.works__empty h3{font-size:1.1rem;font-weight:400;color:var(--text-mid);margin-bottom:var(--space-sm)}.works__empty p{font-size:.85rem;color:var(--text-dim);margin-bottom:var(--space-lg)}.works__empty-status{display:inline-block;padding:var(--space-xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.works__footer{margin-top:var(--space-xl);text-align:center}.works__link{display:inline-block;padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition)}.works__link:hover{border-color:var(--text-dim);color:var(--text-mid)}.contact__list{list-style:none}.contact__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.contact__item:last-child{border-bottom:none}.contact__label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.contact__value{font-size:.9rem;color:var(--text-mid);border-bottom:1px solid transparent;transition:all var(--transition)}.contact__value:hover{color:var(--text);border-bottom-color:var(--text-dim)}@media(max-width:768px){:root{--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem}.titlebar{padding:0 var(--space-md)}.titlebar__time{display:none}.dock{bottom:var(--space-md)}.dock__item{padding:10px 16px}.hero__logo{width:clamp(100px,30vw,180px)}.window{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;top:50px!important;max-height:calc(100vh - 130px)!important}.window__content{padding:var(--space-lg)}.works__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.works__detail-header{flex-direction:column}.works__detail-artwork{width:100px;height:100px}}