*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(180deg,#1a1a2e,#16213e);min-height:100vh;color:#e0e0e0}#app{max-width:650px;margin:0 auto;padding:20px}.site-header{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #3a3a5a}.site-title{font-family:Bangers,cursive;font-size:42px;color:#e8a87c;letter-spacing:2px;text-shadow:2px 2px 0 #5a7a9a,3px 3px 0 rgba(0,0,0,.2);margin-bottom:8px}.site-tagline{font-size:14px;color:#808090;font-style:italic}.header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.mode-label{color:#a0a0a0;font-size:14px;font-weight:700}.mode-btn{background:#2a2a4a;color:silver;border:1px solid #3a3a5a;border-radius:6px;padding:10px 20px;font-weight:700;font-size:14px;cursor:pointer;min-width:110px;transition:all .15s ease}.mode-btn:hover{background:#3a3a5a}.mode-btn.active{background:linear-gradient(180deg,#4a9eff,#2a7edf);color:#fff;border-color:#5aaeff}.mode-btn.active:hover{background:linear-gradient(180deg,#5aaeff,#3a8eef)}.help-btn{background:#3a3a5a;color:silver;border:1px solid #4a4a6a;border-radius:50%;width:36px;height:36px;font-weight:700;font-size:18px;cursor:pointer;transition:all .15s ease}.help-btn:hover{background:#4a4a6a;color:#fff}.separator{height:1px;background:#3a3a5a;margin:12px 0}.threshold-box{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0}.thresh-label{color:#909090;font-size:13px}.thresh-slider{width:300px;accent-color:#4a9eff}.thresh-entry{background:#2a2a4a;color:#4a9eff;border:1px solid #3a3a5a;border-radius:4px;font-size:14px;font-weight:700;font-family:monospace;padding:6px 10px;width:60px;text-align:center}.thresh-entry:focus{border-color:#4a9eff;outline:none}.thresh-unit{color:#4a9eff;font-size:14px;font-weight:700;font-family:monospace}.instruction{color:#909090;font-size:13px;text-align:center;padding:12px 0}.test-area-container{background:#0f0f1f;border:2px solid #3a3a5a;border-radius:12px;margin:12px 0;padding:20px;display:flex;justify-content:center;align-items:center;min-height:300px;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.test-button{width:160px;height:160px;border-radius:50%;background:#2a2a4a;border:3px solid #3a3a5a;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:transform .1s ease;position:relative;z-index:10}.test-button:active{transform:scale(.97)}.test-button.holding{border-color:var(--hold-color, #4a9eff);box-shadow:0 0 30px var(--hold-color, #4a9eff),0 0 60px var(--hold-color, #4a9eff)}.test-button-text{color:silver;font-size:16px;font-weight:700}.test-button-subtitle{color:#606070;font-size:12px;margin-top:4px}.ripple{position:absolute;left:50%;top:50%;border-radius:50%;border:3px solid;pointer-events:none;transform:translate(-50%,-50%);animation:ripple-expand .6s ease-out forwards}@keyframes ripple-expand{0%{width:60px;height:60px;opacity:.8;border-width:3px}to{width:280px;height:280px;opacity:0;border-width:1px}}.ripple.left{border-color:#4a9eff}.ripple.middle{border-color:#50c878}.ripple.right{border-color:#ff6b6b}.status{text-align:center;font-size:14px;font-weight:700;padding:10px 0;min-height:40px}.status.ok{color:#50c878}.status.fault{color:#ff6b6b}.status.holding{color:#4a9eff}.stats-timer-container{min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center}.timer-display{font-size:52px;font-weight:700;font-family:monospace;color:#50c878;text-align:center}.stats-panel{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.stats-box{background:#1e1e3e;border:1px solid #3a3a5a;border-radius:8px;padding:14px 18px;min-width:150px;text-align:center}.stats-title{color:silver;font-size:12px;font-weight:700;margin-bottom:6px}.stats-value{color:#4a9eff;font-size:18px;font-weight:700}.stats-fault{color:#ff6b6b;font-size:14px;font-weight:700;margin-top:4px}.stats-fastest{color:#f0a030;font-size:12px;font-family:monospace;margin-top:4px}.reset-btn{display:block;margin:16px auto;background:#2a2a4a;color:silver;border:1px solid #3a3a5a;border-radius:6px;padding:10px 28px;font-size:14px;cursor:pointer;transition:all .15s ease}.reset-btn:hover{background:#3a3a5a}.tips-frame{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;padding:14px 16px;margin-top:16px}.tips-title{color:silver;font-size:13px;font-weight:700;margin-bottom:8px}.tip-text{color:#808090;font-size:12px;line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#1a1a2e;border:1px solid #3a3a5a;border-radius:12px;max-width:520px;max-height:80vh;overflow-y:auto;padding:24px}.modal-title{color:#fff;font-size:20px;font-weight:700;text-align:center;margin-bottom:20px}.modal-section{color:#4a9eff;font-size:14px;font-weight:700;margin-top:16px;margin-bottom:8px}.modal-text{color:silver;font-size:13px;line-height:1.5;margin-bottom:8px}.modal-close{display:block;margin:20px auto 0;background:#2a2a4a;color:silver;border:1px solid #3a3a5a;border-radius:6px;padding:10px 32px;font-size:14px;cursor:pointer}.modal-close:hover{background:#3a3a5a}.view{display:none}.view.active{display:block}.footer{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding:16px 0;color:#606070;font-size:13px;border-top:1px solid #3a3a5a}.github-link{color:#606070;transition:color .15s ease;display:flex;align-items:center}.github-link:hover{color:silver}