/* AURION 7.2.2 — classic design refinement. Nonfunctional presentation layer. */
:root{--aurion-gold:#e4bc82;--aurion-gold-dim:#b8996d;--aurion-ink:#0a0b0d;--aurion-card:#171719}
.app{background:radial-gradient(ellipse 85% 26% at 50% -5%,rgba(138,100,58,.15),transparent 85%),radial-gradient(ellipse 80% 40% at 105% 60%,rgba(104,77,48,.045),transparent 90%),linear-gradient(180deg,#101113 0%,#090a0c 58%,#0c0c0e 100%)!important}
/* Titles and introductory text should sit directly on the page, not in a box. */
.a718-screen>.sectionhead,.a718-screen>.a718-page-heading,.a718-screen>.a710-intro,.a718-screen>.a710-tip{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.a718-screen>.a710-intro,.a718-screen>.a710-tip{padding:9px 5px 14px!important;margin:6px 4px 15px!important;border-radius:0!important}
.a718-screen>.a718-page-heading{padding:7px 4px 5px!important;margin:18px 4px 22px!important;min-height:55px}
.a718-screen>.a718-page-heading h2{color:#efd3a7!important;text-shadow:0 2px 16px rgba(212,158,81,.09)}
/* Primary cards are quiet, generously padded, and subtly suspended. */
.a718-screen>.panel,.a718-screen>.a27-hero,.a718-screen>.a41-fin-hero,.a718-screen>.soul38,.a718-screen>.agenda-form,.a718-screen>.a32-ledger,
#screen-avatar :is(.a27-identity,#inventoryPanel,#a27Achievements),#screen-shop :is(.a30-product,.a32-product,.shopItem,.shop-item),#screen-evolution :is(.a712-evolead,.a711-evolution),#screen-agenda :is(.agenda-lead,.agenda-form),#screen-finances .a41-fin-hero,
#screen-habits :is(.a711-habit-dashboard),#screen-tasks :is(.a711-taskbox,.a712-taskbox){
 background:linear-gradient(150deg,rgba(37,35,33,.78),rgba(20,20,22,.93) 55%,rgba(15,16,18,.97))!important;
 border:1px solid rgba(170,135,89,.16)!important;border-radius:21px!important;
 box-shadow:0 15px 36px rgba(0,0,0,.27),0 3px 10px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,230,187,.035)!important;
 padding:clamp(16px,4.5vw,24px)!important;margin-bottom:16px!important;
}
/* Cards with visual media retain their image framing. */
#screen-shop :is(.a30-product,.a32-product,.shopItem,.shop-item){overflow:hidden}
/* Secondary metric tiles use a flatter treatment so cards don't nest into noisy frames. */
.a718-screen :is(.a711-metrics>div,.a711-stat,.a27-tiles>button,.a32-filter,.a32-toolbar button){background:rgba(255,255,255,.025)!important;border:1px solid rgba(204,174,128,.10)!important;border-radius:15px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;padding:12px!important}
/* Informational labels should never look like buttons. */
.a718-screen :is(.sectionhead,.a718-page-heading) :is(small,p,span:not(.medal)){background:transparent!important;box-shadow:none!important}
.a718-screen h3{color:#e6be88!important;line-height:1.3}
.a718-screen p,.a718-screen .sub{line-height:1.55}
/* List items get comfortable breathing room without individual boxes. */
#screen-habits :is(.a711-habit,.a709-habit),#screen-tasks :is(.a711-task,.a712-task){padding:15px 8px!important;min-height:55px!important;border-bottom-color:rgba(188,158,110,.13)!important}
/* Buttons: tactile feedback, soft specular lighting, no incessant pulsing. */
.a718-screen button,nav.nav.a718-nav>button{transition:transform .22s cubic-bezier(.2,.7,.2,1),background-color .22s ease,box-shadow .22s ease,filter .22s ease!important;touch-action:manipulation}
.a718-screen button:active,nav.nav.a718-nav>button:active{transform:scale(.965)!important;filter:brightness(1.12)}
.a718-screen :is(button.primary,.primary-btn,.btn-primary){background:linear-gradient(145deg,#f0d39d 0%,#d1a466 54%,#ae7c42 100%)!important;box-shadow:0 8px 24px rgba(175,119,51,.18),inset 0 1px 0 rgba(255,247,214,.35)!important}
.a718-screen :is(button.primary,.primary-btn,.btn-primary):active{box-shadow:0 3px 10px rgba(175,119,51,.2),inset 0 2px 6px rgba(48,29,10,.22)!important}
/* Navigation uses one selective gold glow, not outlines everywhere. */
nav.nav.a718-nav{background:linear-gradient(180deg,rgba(20,20,22,.96),rgba(10,11,13,.98))!important;box-shadow:0 -10px 35px rgba(0,0,0,.36)!important}
nav.nav.a718-nav>button.active{background:radial-gradient(ellipse at 50% 0%,rgba(211,159,89,.17),rgba(211,159,89,.04) 72%)!important;text-shadow:0 0 12px rgba(235,190,123,.17)!important}
/* Deliberate subtle entrance motion only when switching screens. */
@keyframes a722-enter{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.a718-screen.active>.a718-page-heading{animation:a722-enter .32s ease both}
.a718-screen.active>.panel,.a718-screen.active>.a710-intro{animation:a722-enter .38s ease both}
/* Safe widths and content flow on narrow phones. */
.a718-screen,.a718-screen *{min-width:0}
.a718-screen :is(.panel,.a711-taskbox,.a711-habit-dashboard,.a41-fin-hero){max-width:100%;box-sizing:border-box}
.a718-screen :is(input,textarea,select){max-width:100%;box-sizing:border-box}
@media(max-width:420px){.a718-screen>.panel,.a718-screen>.a27-hero,.a718-screen>.a41-fin-hero,.a718-screen>.agenda-form{padding:17px!important}.a718-screen>.a718-page-heading{margin-left:3px!important;margin-right:3px!important}}
@media(prefers-reduced-motion:reduce){.a718-screen.active>.a718-page-heading,.a718-screen.active>.panel,.a718-screen.active>.a710-intro{animation:none!important}.a718-screen button,nav.nav.a718-nav>button{transition:none!important}}