/*
Theme Name: SunS
Theme URI: https://example.com/
Author: HTML Theme Converter
Description: Starter WordPress theme generated from a saved HTML page.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: suns
*/


*{box-sizing:border-box;margin:0}body{background:#06131f;color:#eaf3f0;font:15px/1.7 Cairo,sans-serif;overflow:hidden}
canvas{position:fixed;inset:0;width:100%;height:100%}
#top{position:fixed;top:0;right:0;left:0;padding:10px 20px;display:flex;gap:16px;align-items:center;background:linear-gradient(#06131ff0,#0000)}
h1{font-size:1.2rem;font-weight:800;color:#ffd479;white-space:nowrap}#top small{display:block;color:#9fb8b3;font-size:.72rem;line-height:1.3}
#yr{font-size:1.15rem;font-weight:800;min-width:170px;text-align:center}
button{font:inherit;cursor:pointer;border:1px solid #2b4a52;background:#0d2530;color:#eaf3f0;border-radius:8px;padding:4px 14px}button:hover{border-color:#ffd479}
input[type=range]{flex:1;direction:ltr;accent-color:#ffd479}
#chips{position:fixed;bottom:0;right:0;left:0;max-height:112px;overflow:auto;padding:22px 16px 8px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;background:linear-gradient(#0000,#06131ff2)}
.chip{border-radius:20px;opacity:.35;transition:.5s;font-size:.76rem;padding:1px 10px}.chip.on{opacity:1;border-color:#ffd47988}
#card{position:fixed;width:300px;background:#0b212cf5;border:1px solid #ffd47966;border-radius:14px;padding:14px 16px;display:none;z-index:5;box-shadow:0 12px 40px #000a}
#card h2{color:#ffd479;font-size:1.08rem}#card small{color:#9fb8b3}#card p{margin:3px 0;font-size:.85rem}#card button{margin-top:8px;width:100%;background:#ffd479;color:#1a1a10;font-weight:800;border:0;padding:7px}
#jp{position:fixed;top:14px;right:14px;width:350px;max-height:calc(100vh - 28px);overflow:auto;background:#0b212cf2;border:1px solid #2b4a52;border-radius:14px;padding:14px 16px;display:none}
#jp h2{color:#ffd479;font-size:1.1rem}.lg{font-size:.78rem;margin:2px 0 10px;color:#9fb8b3}
.st{border-right:3px solid #2b4a52;padding:3px 10px;margin-bottom:8px;opacity:.55;font-size:.85rem}.st.cur{border-color:#ffd479;opacity:1}.st b{color:#ffd479}.st p{margin:0}
.tc{color:#4aa3ff}.sd{color:#3ddc84}#ctl{display:flex;gap:6px;margin-top:10px;position:sticky;bottom:0}#ctl button{flex:1;padding:4px 2px;font-size:.82rem}