/* DOVI app premium layer. Loaded after styles.css, visual only, no structural
   or behavioural change. Unifies the app with the landing (Fraunces display,
   deeper glass and depth, premium motion). */
:root{--fr:"Fraunces",Georgia,"Times New Roman",serif}

/* editorial display type on the big headings */
.agent-card h1,.page-heading h1,.chat-intro h1{font-family:var(--fr);font-weight:600;letter-spacing:-.025em}
.section-head h2,.promise-panel h2,.principle-card h2{font-family:var(--fr);font-weight:600;letter-spacing:-.02em}

/* glass, sticky top bar */
.topbar{background:rgba(243,241,233,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.network-pill{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* softer, deeper cards */
.balance-card,.agent-card,.panel,.principle-card{border-radius:30px}
.balance-card{background:radial-gradient(125% 125% at 84% 6%,#12281d 0%,#0a1812 44%,#07130f 100%);box-shadow:0 44px 100px rgba(5,25,16,.24),inset 0 1px 0 rgba(255,255,255,.06)}
.balance-card:after{width:380px;height:380px;right:-180px;top:-180px;opacity:.42}
.agent-card{box-shadow:0 44px 100px rgba(12,111,69,.3)}

/* premium quick actions */
.quick-actions button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);transition:transform .2s ease,background .2s ease}
.quick-actions button:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}

/* feature cards lift on hover */
.feature-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.feature-card:hover{transform:translateY(-6px)}

/* premium floating nav */
.bottom-nav{box-shadow:0 24px 60px rgba(7,19,15,.42),inset 0 1px 0 rgba(255,255,255,.09)}

/* balance entrance */
@keyframes balIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.balance{animation:balIn .5s ease}

@media(prefers-reduced-motion:reduce){.balance,.feature-card,.quick-actions button{animation:none;transition:none}}

/* account modal auth */
.gsi-wrap{display:flex;justify-content:center;margin:8px 0 2px;min-height:0}
.gsi-wrap:empty{display:none}
.auth-or{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:12px;margin:14px 0}
.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}
.auth-or span{padding:0 12px}
.email-auth{display:flex;flex-direction:column;gap:10px;margin:8px 0}
.email-auth input{width:100%;border:1px solid var(--line);border-radius:14px;background:#fafaf7;padding:14px;font-size:15px;outline:0;font-family:inherit;text-align:center;letter-spacing:.02em}
.email-auth input:focus{border-color:var(--green-dark)}
#codeInput{letter-spacing:.4em;font-weight:800;font-size:19px}
.linklike{border:0;background:transparent;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer;padding:8px}
.linklike:hover{color:var(--ink)}
.linklike.guest{display:block;margin:10px auto 0}
.auth-msg{font-size:13px;text-align:center;margin:8px 0 0;color:var(--muted);line-height:1.4}
.auth-msg.err{color:#c0492f}
.auth-msg.dev{color:var(--green-dark);font-weight:800}

/* hidden attribute must beat the flex layout on these */
.email-auth[hidden],.auth-or[hidden]{display:none}
#codeInput::placeholder{letter-spacing:.06em;font-weight:600}

/* post-login account view */
#accountAuthed .authed-id{color:var(--muted);font-size:14px;margin:-4px 0 18px;word-break:break-all}
.wallet-cards{display:flex;flex-direction:column;gap:10px;margin:6px 0 16px}
.wallet-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafaf7;border:1px solid var(--line);border-radius:16px;padding:13px 15px}
.wc-net{font-size:12px;font-weight:800;color:var(--ink)}
.wc-addr{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--muted);cursor:pointer;background:var(--white);border:1px solid var(--line);padding:6px 10px;border-radius:10px;white-space:nowrap}
.wc-addr:hover{color:var(--ink)}
.authed-actions{display:flex;justify-content:center;margin-top:4px}
#signOutBtn{color:#c0492f}

.wc-bal{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:3px}

.balance-card:after,.agent-card:before{pointer-events:none}