body{background:#f7f7f7;padding-bottom:90px}.box{max-width:420px;margin:auto}.step-card{background:#fff;border-radius:14px;padding:14px;margin-top:14px;box-shadow:0 2px 8px rgb(0 0 0 / .06)}.step{font-size:.85rem;font-weight:700;margin-bottom:8px}.slider-box{border:1.5px solid #ccc;border-radius:12px;padding:12px;background:#fff}.btn{width:100%;padding:12px;font-size:.95rem;margin-top:10px}audio{width:100%;height:42px}.status{font-size:.85rem;color:#666;text-align:center;margin-top:8px}.compressor-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 8px rgb(0 0 0 / .06)}.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:.8rem;text-decoration:none;color:#333}.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}.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}