: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}html{overscroll-behavior-y:none}body{overscroll-behavior-y:none;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;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:200;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:200;padding-bottom:2px;transition:all .3s ease}.unselectWorks{color:var(--text-secondary);font-size:1.15rem;font-weight:200;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:200;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:200;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)}@media(max-width:527px){.hide-below-528{display:none!important}}@media(min-width:528px){.show-below-528{display:none!important}}.contact-page{position:relative;overflow:hidden}.contact-content{animation:fadeIn .8s ease-out}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.form-input,.form-textarea{width:100%;padding:1rem;border-radius:8px;border:1px solid var(--text-secondary);background-color:transparent;color:var(--text-color);font-family:inherit;font-size:1rem;transition:all .3s ease;outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent-color)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.5}.submit-btn{background-color:var(--text-color);color:var(--bg-color);padding:1rem 2rem;border-radius:8px;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;width:100%}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.status-message{margin-top:1rem;text-align:center;font-weight:500;padding:1rem;border-radius:8px}.status-error{background-color:#ff00001a;color:#f44}.status-success{background-color:#00ff001a;color:#0c0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.submit-btn{width:auto;min-width:200px}}