:root{--blue: #0091d6}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;min-height:100dvh;margin:0;padding:0;background-color:var(--blue)!important;background:var(--blue)!important;overscroll-behavior:none}body{display:flex;justify-content:center;align-items:center;overflow:hidden;position:fixed;inset:0;font-family:Crimson Text,serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.circle{width:min(80vw,80vh,400px);height:min(80vw,80vh,400px);background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 10px 40px #0000001a}.bell{width:100%;height:90%;color:var(--blue);transform-origin:50% 0%;cursor:pointer;will-change:transform;display:flex;justify-content:center;align-items:flex-start;position:absolute;top:0}.ripple{position:absolute;border:4px solid var(--blue);border-radius:50%;pointer-events:none;opacity:0;animation:ripple 1s cubic-bezier(.1,.2,.3,1) forwards}.motion-btn{position:absolute;top:20px;right:20px;background:#fff3;border:1px solid white;color:#fff;padding:8px 16px;border-radius:4px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:background .3s;z-index:100}.motion-btn:hover{background:#ffffff4d}@keyframes ripple{0%{width:min(80vw,80vh,400px);height:min(80vw,80vh,400px);opacity:.6}to{width:600px;height:600px;opacity:0}}.container{width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;position:relative}.bell-svg{width:100%;height:100%}.settings-toggle{position:absolute;top:20px;left:20px;background:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:transform .2s ease,background .2s ease}.settings-toggle:hover{transform:scale(1.1);background:#f8f8f8}.settings-toggle svg{fill:#333;width:24px;height:24px}.settings-panel{position:absolute;top:75px;left:20px;background:#fff!important;border:1px solid #eee;padding:24px;border-radius:16px;width:280px;max-width:calc(100vw - 40px);z-index:2000;box-shadow:0 10px 40px #00000040;font-family:inherit;color:#333}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:block;margin-bottom:8px;color:#555;font-weight:600;font-size:.9rem;letter-spacing:.5px}.setting-item input[type=range]{width:100%;cursor:pointer;accent-color:#0091d6}.shake-text{position:absolute;top:calc(50% + min(40vw,40vh,200px) + 60px);left:50%;transform:translate(-50%);color:#fff;font-size:1.2rem;font-weight:500;opacity:.9}.install-section{border-top:1px solid #eee;padding-top:16px;margin-top:10px}.install-tip{font-size:.85rem;color:#666;line-height:1.4;margin-top:5px}.install-btn{width:100%;padding:10px;background-color:var(--blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:10px;transition:opacity .2s}.install-btn:hover{opacity:.9}.footer-seo{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff6;font-size:.75rem;text-align:center;width:100%;pointer-events:none}.footer-seo a{color:#fff9;text-decoration:none;pointer-events:auto;font-weight:500}.footer-seo a:hover{color:#fff}.unlock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer;padding:20px;text-align:center}.unlock-content{background:#fff;padding:40px 30px;border-radius:24px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.unlock-icon{font-size:4rem;margin-bottom:20px}.unlock-content h2{color:#333;margin-bottom:24px;font-size:1.5rem}.start-btn{background:#0091d6;color:#fff;border:none;padding:16px 40px;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;width:100%;box-shadow:0 4px 15px #0091d64d;transition:transform .2s}.start-btn:active{transform:scale(.95)}.browser-warning{margin-top:24px;font-size:.9rem;color:#666;line-height:1.5;background:#fdf2f2;padding:15px;border-radius:12px;border-left:4px solid #f87171;text-align:left}.browser-warning strong{color:#333}