.usage-page{background-color:#f8f4e6;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.usage-container{background:#fff;border-radius:15px;width:100%;max-width:900px;margin-top:20px;padding:40px;box-shadow:0 10px 30px #0000001a}.usage-title{color:#333;text-align:center;margin-bottom:30px;font-size:2.2rem;font-weight:700}.warning-banner{color:#6c757d;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-bottom:30px;padding:15px}.warning-icon{flex-shrink:0;font-size:1.5rem}.warning-text{font-size:.9rem;line-height:1.4}.warning-text strong{font-weight:600}.usage-section{margin-bottom:40px}.usage-section h2{color:#444;border-bottom:3px solid #e74c3c;margin-bottom:25px;padding-bottom:10px;font-size:1.6rem;font-weight:600}.cheat-step{background:#fafafa;border-left:4px solid #e74c3c;border-radius:12px;margin-bottom:25px;padding:25px;box-shadow:0 2px 8px #0000000d}.cheat-method{margin-bottom:30px}.cheat-method h3{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:10px;margin-bottom:20px;padding:15px 20px;font-size:1.3rem;font-weight:600;box-shadow:0 3px 10px #3498db4d}.cheat-step h3,.cheat-step h4{color:#333;margin-bottom:15px;font-size:1.2rem;font-weight:600}.cheat-step h4{color:#444;font-size:1.1rem}.cheat-step p{color:#666;margin-bottom:15px;line-height:1.6}.tip{color:#856404;background:#fff3cd;border-left:3px solid #ffc107;border-radius:8px;align-items:center;gap:10px;padding:12px 15px;font-size:.9rem;display:flex}.tip-icon{flex-shrink:0;font-size:1.1rem}.key-examples{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;margin:15px 0;padding:20px}.key-group{align-items:center;gap:10px;margin-bottom:15px;display:flex}.key-group:last-child{margin-bottom:0}.key-type{color:#495057;min-width:80px;font-size:.9rem;font-weight:600}.key-examples kbd{color:#fff;background:#6c757d;border-radius:4px;margin:0 3px;padding:6px 12px;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.performance-tips{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tip-card{background:#f8f9ff;border:2px solid #e3e7ff;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s}.tip-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.tip-card h3{color:#4a5568;align-items:center;gap:8px;margin-bottom:10px;font-size:1.1rem;font-weight:600;display:flex}.tip-card p{color:#666;margin:0;font-size:.95rem;line-height:1.5}.basic-controls{gap:15px;max-width:400px;display:grid}.control-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;align-items:center;gap:20px;padding:15px 20px;display:flex}.control-item kbd{color:#fff;text-align:center;background:#495057;border-radius:6px;min-width:80px;padding:8px 16px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;box-shadow:0 2px 4px #0003}.control-item span{color:#555;font-size:.95rem;font-weight:500}.cta-section{text-align:center;border-top:2px solid #eee;margin-top:50px;padding-top:30px}.start-button{color:#fff;cursor:pointer;background-color:#36a2eb;border:none;border-radius:4px;justify-content:center;align-items:center;margin-bottom:15px;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.start-button:hover{color:#fff;background-color:#2e8fd6;text-decoration:none}.disclaimer{color:#666;margin-top:15px;margin-bottom:0;font-size:.85rem;font-style:italic}@media (max-width:768px){.usage-container{margin-top:10px;padding:25px}.usage-title{margin-bottom:25px;font-size:1.8rem}.usage-section h2{font-size:1.4rem}.warning-banner{text-align:center;flex-direction:column;gap:10px}.performance-tips{grid-template-columns:1fr;gap:15px}.control-item{text-align:center;flex-direction:column;gap:10px;padding:20px}.control-item kbd{min-width:auto}.start-button{padding:15px 35px;font-size:1rem}.key-group{flex-direction:column;align-items:flex-start;gap:8px}.key-type{min-width:auto}.key-examples{padding:15px}.cheat-method h3{padding:12px 15px;font-size:1.1rem}}