:root{--primary-bg:#fffbf0;--accent:#d4af37;--text-main:#333;color:var(--text-main);background-color:var(--primary-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;transition:background-color .3s,color .3s}[data-theme=dishtale]{--primary-bg:#fffbf0;--accent:#d4af37;--text-main:#333}[data-theme=voyagetale]{--primary-bg:#1a2238;--accent:#f4a261;--text-main:#dfd3c3}[data-theme=actitale]{--primary-bg:#1c1c1c;--accent:#00f0ff;--text-main:#f0f0f0;--accent-secondary:#ff007f}body{background-color:var(--primary-bg);color:var(--text-main);margin:0;padding:0;transition:all .3s}h1,h2,h3,h4,h5,h6{color:var(--accent);margin-top:0}a{color:var(--accent);text-decoration:none}button{background-color:var(--accent);color:var(--primary-bg);cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-weight:700;transition:opacity .2s}button:hover{opacity:.8}.app-container{flex-direction:column;min-height:100vh;display:flex}.page-content{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-card{background:linear-gradient(90deg,#2a2a3a 4%,#3a3a4a 25%,#2a2a3a 36%) 0 0/1000px 100%;animation:2s linear infinite shimmer}