*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#000;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;margin:0}#root{display:flex;justify-content:center;align-items:center;width:100%}.container{background:#ffffffb3;border-radius:20px;padding:30px 40px 40px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;width:100%}.increment-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 50px;font-size:1.3em;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.increment-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.increment-btn:active{transform:translateY(0)}.increment-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#e74c3c;margin-top:10px;font-size:.9em}.counter-display{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:4em;font-weight:700;padding:30px;border-radius:15px;margin-bottom:30px;min-height:140px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.counter-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}#counter{position:relative;z-index:1;transition:transform .3s ease}.success-animation{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.avatar-container{margin-bottom:25px;display:flex;justify-content:center}.avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;box-shadow:0 8px 20px #667eea4d;border:4px solid #fff;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;position:relative;animation:fadeIn .8s ease}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:48px;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.title-container{margin-bottom:30px}.title-main{color:#333;font-size:2em;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-sub{color:#666;font-size:1.3em;font-weight:500}.fluid-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;display:block}.danmaku-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:100}.danmaku-item{position:absolute;left:100%;white-space:nowrap;font-size:1.2em;font-weight:500;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.8),1px -1px 2px rgba(0,0,0,.8),-1px 1px 2px rgba(0,0,0,.8);animation:danmaku-fly linear;animation-fill-mode:forwards}@keyframes danmaku-fly{0%{transform:translate(0)}to{transform:translate(calc(-100% - 100vw))}}.danmaku-highlight{color:gold;font-weight:700;text-shadow:0 0 5px rgba(255,215,0,.8),1px 1px 3px rgba(0,0,0,.9),-1px -1px 3px rgba(0,0,0,.9),1px -1px 3px rgba(0,0,0,.9),-1px 1px 3px rgba(0,0,0,.9);animation:glow 1s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px rgba(255,215,0,.8),1px 1px 3px rgba(0,0,0,.9),-1px -1px 3px rgba(0,0,0,.9),1px -1px 3px rgba(0,0,0,.9),-1px 1px 3px rgba(0,0,0,.9)}to{text-shadow:0 0 15px rgba(255,215,0,1),0 0 25px rgba(255,215,0,.8),1px 1px 3px rgba(0,0,0,.9),-1px -1px 3px rgba(0,0,0,.9),1px -1px 3px rgba(0,0,0,.9),-1px 1px 3px rgba(0,0,0,.9)}}.danmaku-toast{position:fixed;top:20px;right:20px;background:#fffffff2;border-radius:12px;padding:16px;box-shadow:0 8px 24px #0003;z-index:1000;min-width:280px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.danmaku-toast-header{font-size:.9em;font-weight:600;color:#667eea;margin-bottom:8px}.danmaku-input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95em;outline:none;transition:border-color .2s;box-sizing:border-box}.danmaku-input::placeholder{font-size:.85em}.danmaku-input:focus{border-color:#667eea}.danmaku-toast-hint{margin-top:6px;font-size:.75em;color:#888;text-align:right}