body{background:#f7f7f7;padding-bottom:120px}#waveform{height:140px;background:#fff;border:1px solid #ccc;border-radius:12px;margin:16px auto}.box{max-width:520px;margin:auto}.time-display{font-size:.9rem;color:#555}.controls button{width:100%;margin-bottom:8px;padding:12px}#marksList button{display:flex;justify-content:space-between;align-items:center}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-around;padding:10px 0;z-index:10}.bottom-nav a{flex:1;text-align:center;font-size:.75rem;text-decoration:none;color:#333}.slider-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:12px 14px;margin-top:12px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.slider-card label{font-size:.85rem;color:#444}input[type="range"]{margin-top:6px}input[type="range"]::-webkit-slider-thumb{width:20px;height:20px}input[type="range"]::-moz-range-thumb{width:20px;height:20px}.range-display{background:#eef4ff;border:1px solid #cfe0ff;border-radius:10px;padding:6px 10px;font-size:.85rem;color:#1f6feb}.accordion-button{font-size:.9rem}.accordion-body{line-height:1.5}.site-footer{background:#fff;border-top:1px solid #e6e6e6;padding:32px 0 20px;font-size:.85rem;color:#555}.footer-title{font-size:.95rem;font-weight:600;margin-bottom:10px}.footer-desc{font-size:.85rem;color:#666;line-height:1.4}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin-bottom:6px}.footer-list a{color:#444;text-decoration:none}.footer-list a:hover{text-decoration:underline;color:#000}.footer-divider{margin:18px 0;border-color:#e6e6e6}.footer-links a{color:#555;text-decoration:none;margin:0 6px}.footer-links a:hover{text-decoration:underline}.footer-links span{color:#bbb}.footer-copy{color:#888}.site-header{background:#fff;border-bottom:1px solid #e6e6e6;padding:10px 0;position:sticky;top:0;z-index:200}.brand{font-size:1.1rem;font-weight:600;text-decoration:none;color:#000}.brand span{vertical-align:middle}.main-nav a{margin-left:18px;font-size:.9rem;text-decoration:none;color:#444}.main-nav a:hover{color:#000;text-decoration:underline}.site-header{background:#fff;position:sticky;top:0;z-index:1000}.brand{text-decoration:none;color:#000}.brand-logo{width:32px;height:32px}.brand-text{font-weight:700;font-size:1.1rem;letter-spacing:.3px}.main-nav a{text-decoration:none;color:#333;font-size:.95rem;padding:6px 8px;border-radius:6px}.main-nav a:hover{background:rgb(0 200 255 / .1);color:#00c8ff}.hamburger-btn{background:none;border:none;font-size:1.4rem;padding:6px 8px;line-height:1;color:#333}.hamburger-btn:focus{outline:none}.hamburger-btn:hover{color:#00c8ff}.site-header .container{padding-left:12px;padding-right:12px}