:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:#2c3e50;background:#fff;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--media-frame-radius: 8px}#app{min-height:100vh}.app-layout{min-height:100vh;display:grid;grid-template-columns:220px 1fr;background:#fff}.sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;border-right:1px solid #ececec;padding:2.25rem 1.25rem;background:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:.65rem}.nav-link{color:#727272;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.01em;transition:color .2s ease}.nav-link--projects{font-size:1.16rem;font-weight:600;letter-spacing:0;color:#5f5f5f}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.56rem .92rem;border:1px solid #d2d2d7;border-radius:999px;color:#1d1d1f;text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:-.005em;line-height:1;background:#fffffff2;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.app-button:hover{background:#f8f8f9;border-color:#c8c8cd;box-shadow:0 1px 2px #0000000f}.app-button:focus-visible{outline:2px solid #8f8f94;outline-offset:2px}.nav-link:hover{color:#222}.nav-link.router-link-active{color:#111;font-weight:600}.sidebar-divider{margin:.8rem .55rem 0;border-top:1px solid #ececec}.sidebar-section-label{margin-top:.6rem;color:#b8b8b8;font-size:.6rem;font-weight:550;letter-spacing:.1em}.sidebar-project-list{display:flex;flex-direction:column;gap:.28rem}.nav-link--project-item{font-size:.84rem;color:#848484;line-height:1.25}.nav-link--project-item.router-link-active{color:#111;font-weight:600}.page-content{background:#fff;min-width:0;overflow-x:clip}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:start;min-height:auto}.sidebar{position:sticky;top:0;z-index:100;height:3.5rem;border-right:0;border-bottom:1px solid #ececec;padding:0 1.25rem;background:#fff;display:flex;align-items:center}.sidebar-nav{flex-direction:row;align-items:center;gap:1.2rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.sidebar-divider,.sidebar-section-label,.sidebar-project-list{display:none}.nav-link--projects{font-size:.95rem;font-weight:500;letter-spacing:.01em;color:#727272}.page-content{overflow-x:clip;display:block}}