.app{display:flex;flex-direction:column;min-height:100vh;overflow-x:clip}.brand-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.2em;color:var(--ink)}.brand-sub{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.4em;color:var(--gold-dark);text-transform:uppercase;opacity:.7}header.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,#f7f1e2f2,#f3ecded9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:sticky;top:0;z-index:10}header.topbar nav{display:flex;gap:var(--space-12);align-items:center;font-size:.92rem;letter-spacing:.1em}header.topbar nav .nav-tabs,header.topbar nav .nav-actions{display:flex;align-items:center}header.topbar nav .nav-tabs{gap:var(--space-12)}header.topbar nav a{color:var(--ink-soft);padding-bottom:2px;border-bottom:2px solid transparent}header.topbar nav a:hover,header.topbar nav a.active{color:var(--ink);border-bottom-color:var(--cinnabar)}main{flex:1;padding:var(--space-13);max-width:1280px;width:100%;margin:0 auto}footer{border-top:1px solid var(--line);padding:1.2rem 2rem;font-size:.8rem;color:var(--ink-soft);letter-spacing:.15em;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.4rem 1rem}.footer-mail{color:var(--ink-soft);border-bottom:1px dotted currentColor;letter-spacing:.18em;text-decoration:none;white-space:nowrap}.footer-mail:hover{opacity:.7}.footer-ver{font-family:var(--font-mono);font-size:.72rem;letter-spacing:0;opacity:.5;white-space:nowrap}.footer-cmdk{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;margin:0;font-size:.8rem;letter-spacing:.15em;color:var(--ink-soft);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-std)}.footer-cmdk:hover{opacity:.7}.footer-actions{display:inline-flex;align-items:baseline;gap:.55rem}.footer-sep{color:var(--ink-soft);opacity:.5}.footer-cmdk-kbd{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.04rem .3rem;opacity:.75}@media(prefers-reduced-motion:reduce){header.topbar nav .nav-tabs{transition:none}}@media(max-width:640px){.footer-cmdk-kbd{display:none}}