/* v16.52 — UI refinement: crisp premium surfaces, clear hierarchy, mobile comfort */
:root{--ui-bg:#0a0b0e;--ui-panel:rgba(20,22,27,.88);--ui-panel-2:rgba(27,29,35,.78);--ui-line:rgba(226,210,166,.14);--ui-line-soft:rgba(255,255,255,.075);--ui-gold:#d9b96e;--ui-text:#f1f0ec;--ui-muted:#a3a5ad;--ui-radius:20px;--ui-shadow:0 12px 34px rgba(0,0,0,.18)}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background-color:var(--ui-bg);color:var(--ui-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,[role="button"],input,select,textarea{-webkit-tap-highlight-color:transparent}
:where(button,a,[role="button"],input,select,textarea,[tabindex]):focus-visible{outline:2px solid rgba(217,185,110,.88)!important;outline-offset:3px}
:where(.card,.stat-card,.metric-card,.panel,.glass-card,.dashboard-card,.trade-card,.journal-card,.section-card){border-color:var(--ui-line-soft);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow)}
:where(.card,.stat-card,.metric-card,.panel,.glass-card,.dashboard-card,.trade-card,.journal-card,.section-card):hover{border-color:rgba(217,185,110,.23)}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){min-height:44px;border-radius:12px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
:where(input,select,textarea):focus{border-color:rgba(217,185,110,.58)!important;box-shadow:0 0 0 3px rgba(217,185,110,.09)!important;outline:none}
:where(button,.btn,[role="button"]){transition:transform .18s cubic-bezier(.2,.75,.25,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
@media(hover:hover) and (pointer:fine){:where(button,.btn,[role="button"]):not(:disabled):hover{transform:translateY(-1px)}}
:where(button,.btn,[role="button"]):active{transform:scale(.985)}
:where(button,.btn):disabled{opacity:.48;cursor:not-allowed}
:where(h1,h2,h3){letter-spacing:-.025em;text-wrap:balance}
:where(p,.muted,.text-muted,.subtitle,.helper-text){line-height:1.65}
:where(table){border-collapse:separate;border-spacing:0}
:where(th){color:#c7b98e;font-size:12px;letter-spacing:0;text-transform:none}
:where(td,th){padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.055)}
:where(tr:last-child td){border-bottom:0}
:where(.badge,.chip,.tag,.status-pill){border-radius:999px}
:where(.modal,.modal-content,.dialog){border:1px solid var(--ui-line);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.48)}
/* Selective glass: keep text sharp and avoid expensive blanket blur */
:where(.glass-card,.glass-panel,.liquid-glass,.premium-glass){background:rgba(20,22,27,.84);border:1px solid var(--ui-line-soft);-webkit-backdrop-filter:blur(10px) saturate(112%);backdrop-filter:blur(10px) saturate(112%)}
@media(max-width:767px){html{scroll-padding-top:72px}body{font-size:15px}:where(.card,.stat-card,.metric-card,.panel,.glass-card,.dashboard-card,.trade-card,.journal-card,.section-card){border-radius:16px}:where(button,.btn,[role="button"]){min-height:40px}:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){font-size:17px}:where(td,th){padding:12px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html[data-ui-effects="low"] :where(.glass-card,.glass-panel,.liquid-glass,.premium-glass){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(20,22,27,.97)!important}