[data-app-nav]{position:sticky;top:0;z-index:50;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;min-height:64px;padding:10px 24px;background:color-mix(in srgb,var(--surface, #fff) 90%,transparent);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line, #e4e7ec);color:var(--ink, #101828);font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-app-nav]>.app-brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;line-height:1.2;font-weight:650;letter-spacing:-.01em}[data-app-nav] .workbench-mark{box-sizing:border-box;flex:none;width:34px;height:34px;padding:6px;border-radius:9px;background:var(--accent, #5a48d6);color:#fff;box-shadow:0 1px 2px #1018281a}[data-app-nav] a{color:inherit;text-decoration:none}[data-app-nav] nav{display:flex;flex-wrap:wrap;gap:2px;align-items:center;margin-left:auto}[data-app-nav] nav>a,[data-app-nav] summary{display:block;padding:7px 12px;border-radius:8px;color:var(--muted, #5b677a);font-weight:600;transition:background-color .15s,color .15s}[data-app-nav] nav>a:hover,[data-app-nav] summary:hover,[data-app-nav] details[open]>summary{background:var(--soft, #f2f4f7);color:var(--ink, #101828)}[data-app-nav] nav>a[aria-current=page]{background:var(--accent-soft, #f0eefc);color:var(--accent, #5a48d6)}[data-app-nav] details{position:relative}[data-app-nav] summary{cursor:pointer;list-style:none}[data-app-nav] summary::-webkit-details-marker{display:none}[data-app-nav] summary:after{content:"";display:inline-block;width:6px;height:6px;margin:0 2px 3px 9px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .15s}[data-app-nav] details[open]>summary:after{margin-bottom:-1px;transform:rotate(-135deg)}[data-app-nav] details>div{position:absolute;right:0;top:100%;z-index:10;display:grid;gap:2px;width:max-content;min-width:240px;max-width:min(320px,calc(100vw - 24px));padding:6px;margin-top:8px;border:1px solid var(--line, #e4e7ec);border-radius:12px;background:var(--surface, #fff);color:var(--ink, #101828);box-shadow:0 12px 32px #1018281f;animation:menu .15s ease-out}[data-app-nav] details>div a{display:grid;gap:1px;padding:8px 10px;border-radius:8px;font-weight:600}[data-app-nav] details>div a small{color:var(--muted, #5b677a);font-size:12px;font-weight:400}[data-app-nav] details>div a:hover,[data-app-nav] details>div a[aria-current=page]{background:var(--soft, #f2f4f7)}@keyframes menu{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){[data-app-nav] summary:after,[data-app-nav] nav>a,[data-app-nav] summary{transition:none}[data-app-nav] details>div{animation:none}}[data-app-nav] :focus-visible{outline:2px solid var(--accent, #5a48d6);outline-offset:2px}@media (max-width: 720px){[data-app-nav]{gap:6px 12px;padding:8px 12px;min-height:56px}[data-app-nav] nav{position:relative;width:100%;margin-left:0;justify-content:space-between}[data-app-nav] nav>a,[data-app-nav] summary{padding:7px 9px}[data-app-nav] details{position:static}[data-app-nav] details>div{left:0;right:0;width:auto;max-width:none}}@media (pointer: coarse){[data-app-nav] nav>a,[data-app-nav] summary{padding:10px 12px}[data-app-nav] details>div a{padding:11px 12px}}.app-footer{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:20px 24px;border-top:1px solid var(--line, #e4e7ec);background:var(--surface, #fff);color:var(--muted, #5b677a);font:13px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-footer>div{display:flex;flex-wrap:wrap;gap:4px 12px}.app-footer strong{color:var(--ink, #101828);font-weight:650}.app-footer nav{display:flex;flex-wrap:wrap;gap:4px 20px}.app-footer a{color:inherit;text-decoration:none}.app-footer a:hover{color:var(--accent, #5a48d6)}@media (max-width: 720px){.app-footer{padding:18px 16px}}body:has(>.app-footer){min-height:100vh;display:flex;flex-direction:column}body:has(>.app-footer)>main{width:100%;box-sizing:border-box}.app-footer{margin-top:auto}