html,body{margin:0;font-family:Segoe UI,sans-serif;color:#fff;height:100%;overflow:hidden}.content-body{margin:0;padding:0;height:100%;overflow-y:auto!important;-webkit-overflow-scrolling:touch;box-sizing:border-box}.content-body:after{content:"";display:block;height:200px;background:transparent}.content-header{position:sticky;top:0;z-index:10;display:flex;justify-content:center;width:auto;align-items:center;max-width:60vw;margin:0 auto;background:linear-gradient(to bottom,#2b2b2b,#444);box-shadow:0 2px 5px #00000080;border-bottom-right-radius:15px;border-bottom-left-radius:15px}pageTitle{color:#fff;display:block;font-size:1.8rem;font-weight:700;padding:3px 3px 3px 10px;text-align:center;width:100%}.content{margin:0 0 0 15px}h1{white-space:nowrap;overflow:visible;text-overflow:ellipsis;font-size:2rem;letter-spacing:2px;color:#0ff;margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;font-weight:600;text-shadow:1px 1px 2px #000,-1px -1px 0 #00cccc,1px -1px 0 #009999;border-radius:8px;padding:7px}h1:hover{text-shadow:0 0 8px #00ffff,0 0 12px #00cccc}.glow:hover{box-shadow:0 0 8px #0ff,0 0 12px #0cc;transition:box-shadow .2s ease}.clicked-base{cursor:pointer;transition:transform .3s ease,opacity .3s ease,border .3s ease}.clicked-ripple{position:relative;overflow:hidden}.clicked-ripple:after{content:"";position:absolute;border-radius:50%;width:100%;height:100%;top:0;left:0;background:#00ffff4d;animation:ripple .4s ease}@keyframes ripple{0%{transform:scale(0);opacity:.8}to{transform:scale(2);opacity:0}}.clicked{cursor:pointer;transition:transform .3s ease,opacity .3s ease,border .3s ease}.clicked-frame-pulse{border:2px solid #00ffff;animation:pulseBorder .6s ease}@keyframes pulseBorder{0%{box-shadow:0 0 #00ffffb3}70%{box-shadow:0 0 10px 6px #0ff0}to{box-shadow:0 0 #0ff0}}.clicked-bounce{animation:bounce .4s ease}@keyframes bounce{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.clicked-scale-fade{transform:scale(.85);opacity:.6}.clicked-scale-burst{transform:scale(1.2);opacity:0}.form-group{display:flex;flex-direction:column;align-items:flex-start}label{font-weight:700;margin-bottom:.25rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:100%;max-width:80vw}textarea{resize:both}select{display:block;width:100%;max-width:300px;padding:3px;font-size:12px;margin:0;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#000;pointer-events:auto;z-index:10}.small-icon{width:50px;height:50px;border-radius:7px}.icon{width:100px;height:100px;border-radius:15px}.fade-in{animation:fadeIn 1.5s ease-in forwards;opacity:0}.slide-up{animation:slideUp 1.2s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes bounceTwist{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-12px) rotate(20deg)}60%{transform:translateY(0) rotate(0)}80%{transform:translateY(-6px) rotate(10deg)}to{transform:translateY(0) rotate(0)}}.bounce-twist{animation:bounceTwist .6s ease}.glowbox{max-width:900px;margin:2rem auto;padding:1rem;font-family:Segoe UI,sans-serif;line-height:1.7;color:#eee;background-color:#111;border-radius:8px;box-shadow:0 0 20px #ffd70033}.stat{display:flex;align-items:center;padding-top:10px;padding-bottom:10px;font-size:1.2rem}.stat .emoji{font-size:2.5rem;line-height:1}.stat .count{font-size:1rem;margin-top:.25rem}.emoji:hover{cursor:pointer}ul{list-style-type:disc;padding-left:1.5rem}a{background-color:#34495e;color:#fdfefe;text-decoration:none;padding:.25em .5em;border-radius:4px;transition:background .2s ease}a:hover{background-color:#2ecc71;color:#fff}.fade{transition:opacity 1s ease,transform 1s ease;opacity:1;transform:scale(1);max-height:10000px}.fade.hidden{opacity:0;transform:scale(0);max-height:0px}.none{display:none}