:root{--bg-sky:#aee;--bg-grass:#7d5;--bg-dirt:#8b4513;--primary-yellow:#ffeb3b;--primary-green:#4caf50;--text-dark:#333;--card-bg:#ffffffe6;--font-main:"Outfit", sans-serif;--soft-shadow:0 4px 15px #0000001a}body{font-family:var(--font-main);color:var(--text-dark);background:#f0f8ff;margin:0;padding:0;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.app-main{background:url(/himawari/assets/background.png) 50%/cover no-repeat;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffffb3;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;box-shadow:0 2px 10px #0000001a}.logo{align-items:center;gap:15px;display:flex}.header-logo{object-fit:contain;width:auto;height:40px}.icon-sun{color:#ffb300;animation:20s linear infinite rotate}.logo h1{color:#5d4037;margin:0;font-size:1.5rem;font-weight:800}.stats-bar{gap:40px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{color:#6d4c41;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.stat-value{color:#388e3c;font-size:1.25rem;font-weight:800}.admin-btn{color:#fff;cursor:pointer;background:#795548;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.admin-btn:hover{background:#5d4037;transform:translateY(-2px)}.content-area{flex:1;display:flex;position:relative;overflow:hidden}.side-panel{z-index:50;background:#fffffffa;border-left:4px solid #ffb300;flex-direction:column;width:350px;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:80px;bottom:0;right:-350px;box-shadow:-5px 0 25px #00000026}.side-panel.open{right:0}.toggle-ranking{transform-origin:0 100%;color:#fff;cursor:pointer;white-space:nowrap;background:#ffb300;border:none;border-radius:15px 15px 0 0;padding:12px 25px;font-weight:800;position:absolute;top:50%;left:-40px;transform:translateY(-50%)rotate(-90deg);box-shadow:-2px -2px 10px #0000001a}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.background-decoration{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.cloud{color:#fff;opacity:.8;filter:drop-shadow(0 0 10px #0000000d);animation:60s linear infinite drift;position:absolute}.c1{animation-duration:80s;top:15%;left:10%}.c2{animation-duration:100s;top:25%;left:60%}@keyframes drift{0%{transform:translate(-200px)}to{transform:translate(100vw)}}.tab-controls{gap:10px;display:flex}.tab-btn{color:#5d4037;background:#0000000d;border-radius:20px;padding:8px 16px;font-weight:700;text-decoration:none;transition:all .2s}.tab-btn:hover{background:#0000001a}.tab-btn.active{color:#fff;background:#ffb300;box-shadow:0 4px 10px #ffb3004d}