/* Shared visual language for the authenticated and account surfaces. */
:root{--hairo-font:Inter,"Segoe UI",Arial,sans-serif;--hairo-radius:10px}
[data-theme="cosmic"]{color-scheme:dark;--theme-primary-text:#dccafa;--theme-secondary-text:#b7a8c7}
.hairo-app,.hairo-account{font-family:var(--hairo-font);-webkit-font-smoothing:antialiased;background:hsl(var(--b2));color:hsl(var(--bc));line-height:1.6}
.hairo-app{background:hsl(var(--b1))}
[data-theme="cosmic"] .hairo-app,[data-theme="cosmic"] .hairo-account{background:#090910}
.hairo-app :is(h1,h2,h3,h4),.hairo-account :is(h1,h2,h3,h4){font-family:var(--hairo-font);letter-spacing:-.04em;font-weight:500}
.hairo-app :is(button,select,input,.btn),.hairo-account :is(button,select,input,.btn){min-height:44px}
.hairo-app .btn,.hairo-account .btn{text-transform:none;font-weight:500;border-radius:7px;font-size:.875rem;letter-spacing:0;box-shadow:none;animation:none}
.hairo-app :is(button,.btn-circle,.btn-square),.hairo-account :is(button,.btn-circle,.btn-square){min-width:44px}
.hairo-app :is(.select,.input,.textarea),.hairo-account :is(.select,.input,.textarea){font-size:1rem;border-radius:7px;border-color:hsl(var(--b3));max-width:100%;background:hsl(var(--b1))}
.hairo-app :is(button,a,select,input,textarea,summary):focus-visible,.hairo-account :is(button,a,select,input,textarea,summary):focus-visible{outline:2px solid hsl(var(--p));outline-offset:3px}
.hairo-app .text-secondary,.hairo-account .text-secondary{color:var(--theme-secondary-text,hsl(var(--bc)/.75))}
.hairo-wordmark{font-family:var(--hairo-font);font-size:1.8rem;letter-spacing:-.08em;font-weight:600;display:inline-block;line-height:1.25}
.hairo-wordmark .text-primary{color:var(--theme-primary-text,hsl(var(--p)))}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:hsl(var(--p));color:hsl(var(--pc));padding:12px 20px;border-radius:6px}.skip-link:focus{top:12px}
.account-home{display:inline-flex;align-items:center;min-height:44px;padding:8px 24px;margin-top:10px;font-size:.875rem;color:var(--theme-secondary-text);position:relative;z-index:2}
.hairo-account>main{min-height:calc(100dvh - 64px);overflow:visible}
.hairo-account>main>section,.hairo-account>main>header{border-radius:12px;box-shadow:0 20px 100px #0002;border-color:hsl(var(--b3)/.7)}
.hairo-account>main>.absolute{display:none}
.hairo-account .font-serif{font-family:var(--hairo-font)}
.hairo-account h1{font-size:clamp(1.8rem,4vw,2.7rem)}
.hairo-account .overflow-x-auto{max-width:100%;overscroll-behavior-x:contain}
.hairo-account .table{font-size:.875rem}
.hairo-account :is(.alert,td,p){overflow-wrap:anywhere}
.hairo-account .table :is(th,td){white-space:normal;min-width:100px}
.hairo-account .alert{border-radius:8px}
.hairo-account .btn-ghost:hover,.hairo-app .btn-ghost:hover{background:hsl(var(--bc)/.06)}
@media(max-width:640px){.hairo-account main{padding:18px 16px 35px}.hairo-account main>section,.hairo-account main>header{padding:22px 18px}.hairo-account header .flex{gap:16px}.hairo-account .table{min-width:660px}.account-home{padding-left:18px}}
@media(prefers-reduced-motion:reduce){.hairo-app *,.hairo-account *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}