:root{--bg-color: #ffffff;--text-color: #1a1a1a;--text-secondary: #666666;--accent-color: #333333;--nav-height: 70px;--container-width: 800px;--spacing-base: 1rem}@media(prefers-color-scheme:dark){:root{--bg-color: #0a0a0a;--text-color: #ededed;--text-secondary: #a1a1a1;--accent-color: #ffffff}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-base)}.selectWorks{border-bottom:1px solid var(--accent-color);color:var(--accent-color);font-size:1.5rem;font-weight:500;padding-bottom:2px;transition:all .3s ease}.unselectWorks{color:var(--text-secondary);font-size:1.15rem;font-weight:400;padding-bottom:2px;transition:all .3s ease;opacity:.7}.unselectWorks:hover{color:var(--text-color);opacity:1}.menu-button-box{display:inline-grid;height:2.5rem;align-items:center;position:relative}.menu-button-box:not(:last-child){margin-right:1.5rem}.menu-button-box:not(:first-child){margin-left:1.5rem}.menu-button-box:not(:last-child):before{content:"";position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);height:1.2rem;width:1px;background-color:var(--text-secondary);opacity:.3}.menu-button-box:after{content:attr(data-text);font-size:1.5rem;font-weight:500;visibility:hidden;grid-area:1 / 1;padding-bottom:2px}.menu-button-box>a{grid-area:1 / 1;place-self:center;white-space:nowrap}.detail{position:fixed;inset:0;width:100%;height:100%;z-index:1000;background-color:#00000080;display:flex;justify-content:center;align-items:center}.anim-hover-16{all:unset;display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;font-family:inherit;font-weight:700;color:var(--text-secondary);transition:color .3s ease}.anim-hover-16 span{display:inline-block;transition:transform .3s}.anim-hover-16:hover span{transform:translate(8px)}.anim-hover-16:hover{color:var(--accent-color)}