/* Luckwisdom presentation layer. Original application scripts remain unchanged. */
body:not(.theme-dark):not(.theme-light){--bg-main:#f8f3ea;--bg-card:#fffdf8;--bg-subtle:#eee6d9;--text-main:#302c27;--text-muted:#6a6259;--border-color:#d9cbb8;--accent-color:#895737;--accent-light:#efe0cc}
html{height:auto;overflow-x:clip}
body{min-height:0!important;height:auto;display:block!important;margin:0;line-height:1.75}
body>main{max-width:1160px;padding:20px 4px 32px;margin:auto;flex:none}
body>footer{background:transparent;margin-top:24px}
h2.serif-font{font-weight:500;line-height:1.5}
#mainTabNav{gap:16px;align-items:flex-start;border-bottom:1px solid var(--border-color);padding:0 0 20px}
#mainTabNav [role="tablist"]{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;max-width:100%;padding:5px;background:var(--bg-subtle);border-radius:9px;scrollbar-width:thin}
#mainTabNav .service-tab-btn{flex:0 0 auto;min-height:44px;border-radius:6px;padding:10px 15px;white-space:nowrap;box-shadow:none;font-size:14px}
.service-tab-btn.bg-amber-800,button.bg-amber-800{background:#895737!important;color:#fffaf3!important}
#calculateChartBtn,#analyzeNameBtn{background:#895737!important;background-image:none!important;min-height:48px;border-radius:7px;box-shadow:none}
#birthInputSection{padding:clamp(18px,3vw,32px);border-radius:10px;box-shadow:none}
#birthInputSection select{min-height:48px;font-size:16px;border-radius:6px;background:var(--bg-card)}
#birthInputSection button{min-height:42px}
#baziEmptyStateBox,#ziweiEmptyStateBox{border:0;border-top:1px solid var(--border-color);border-radius:0;background:transparent;padding:32px 16px}
input:not([type=range]):not([type=checkbox]),select,textarea{font-size:16px}
button,a,input,select,textarea{touch-action:manipulation}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #895737!important;outline-offset:3px}
#convertedDateBadge{line-height:1.85;color:var(--text-muted)}
#tabPanelSource{line-height:1.9}
@media(max-width:600px){
 body>main{padding:12px 0 24px}
 #mainTabNav{display:block}
 #mainTabNav>[role=tablist]{margin-bottom:12px}
 #mainTabNav .service-tab-btn{padding:10px 12px;font-size:13px}
 #birthInputSection{padding:18px 14px}
 #birthInputSection .grid{gap:14px}
 #calculateChartBtn{width:100%;justify-content:center}
 #birthInputSection h2{font-size:21px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}