*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:Frutiger,Segoe UI,system-ui,sans-serif;overflow-x:hidden}
.shell{max-width:1080px;margin:0 auto;padding:1.2rem 1rem 3rem}
.topbar{display:flex;align-items:center;gap:1rem;padding:.5rem 0;margin-bottom:1rem}
.brand{font-weight:900;letter-spacing:.02em}
.menu{display:flex;gap:.5rem;flex-wrap:wrap}
.menu button{border:0;padding:.35rem .7rem;font:inherit;font-size:.78rem;cursor:pointer}
.status{margin-left:auto;display:flex;align-items:center;gap:.5rem;font-size:.78rem}
.window{border-radius:18px;overflow:hidden;border:1px solid #fff;box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.8)}
.titlebar{display:flex;justify-content:space-between;align-items:center;padding:.45rem .8rem;font-size:.8rem;font-weight:900}
.locationbar{display:flex;align-items:center;gap:.8rem;padding:.55rem .8rem;font-size:.8rem}
.loc-label{font-weight:900;letter-spacing:.1em}
.loc-path{border-radius:999px;padding:.25rem .7rem;font-family:ui-monospace,monospace;font-size:.78rem}
.tabs{display:flex;gap:.4rem;margin-left:auto}
.tab{padding:.25rem .6rem;border-radius:999px;font-size:.75rem;cursor:pointer;text-decoration:none;font-weight:900}
.content{padding:1.2rem}
.promptline{display:flex;gap:.4rem;font-family:ui-monospace,monospace;font-size:.85rem;margin-bottom:.5rem}
h1{font-size:clamp(2.5rem,8vw,5.5rem);line-height:.95;margin:.4rem 0 .6rem}
.tagline{font-size:1rem;margin:0 0 1.2rem}
.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}
.card{padding:1rem;border-radius:16px;min-height:170px}
.card h2{font-size:1.1rem;margin:.1rem 0 .4rem}
.card p{font-size:.86rem;line-height:1.55}
.projectsentry{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:16px;margin-bottom:1.5rem;cursor:pointer}
.entry-title{font-size:1.05rem;font-weight:900}
.badges{display:flex;gap:.6rem;flex-wrap:wrap}
.badge{padding:.35rem .6rem;border-radius:999px;font-size:.75rem;font-weight:900}
.hint{position:fixed;right:1rem;bottom:1rem;padding:.5rem .8rem;border-radius:999px;font-size:.75rem;font-weight:900}
.deco{position:fixed;pointer-events:none;z-index:0}
.stage{position:relative;z-index:1}
@media(max-width:760px){.tabs{margin-left:0}.topbar{align-items:flex-start;flex-direction:column}}