:root{color-scheme:light}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:#fff;color:#111}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px}.card{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px;background:hsla(0,0%,100%,.95)}.row{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid rgba(0,0,0,.12);background:#111;color:#fff;padding:10px 12px;border-radius:12px;cursor:pointer}.btn.secondary{background:#fff;color:#111}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.14)}.small{font-size:12px;color:rgba(0,0,0,.6)}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.92);border-bottom:1px solid rgba(0,0,0,.08)}.app-tab-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-tab-strip::-webkit-scrollbar{display:none}.app-tab{padding:8px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.1);font-size:13px;white-space:nowrap;background:#fff}.app-tab.active{background:rgba(10,132,255,.1);border-color:rgba(10,132,255,.26);color:#0a5fcc;font-weight:700}@media (max-width:900px){.container{padding:14px}.card{border-radius:14px;padding:12px}}