/* Seekonic — Sonic Waveform Theme */
.sn-sonic-shell{border-radius:20px;padding:24px;background:linear-gradient(165deg,#07192f,#123868 60%,#0d2341);border:1px solid #64c8ff;position:relative;overflow:hidden}
.sn-sonic-shell::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(100,200,255,.06) 50%,transparent 100%);animation:sn-sweep 2.5s ease-in-out infinite;pointer-events:none}
@keyframes sn-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.sn-sonic-shell h1{margin:0 0 14px;color:#d8f4ff;font-size:clamp(1.5rem,3.5vw,2.2rem);position:relative;z-index:1}
.sn-form-sonic{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px;border-radius:14px;border:1px solid rgba(100,200,255,.65);background:rgba(100,200,255,.08);margin-bottom:16px;position:relative;z-index:1}
.sn-form-sonic input{border:none;outline:none;background:rgba(5,25,45,.45);color:#def5ff;border-radius:10px;padding:12px;font-size:.95rem}
.sn-form-sonic button{border:none;border-radius:10px;padding:12px 18px;font-weight:800;color:#072742;background:linear-gradient(135deg,#91ddff,#64c8ff);cursor:pointer}
.sn-meta{color:#8fd7ff;font-size:.85rem;margin-bottom:14px;position:relative;z-index:1;display:flex;align-items:center;gap:10px}
.sn-speed{display:flex;gap:3px}
.sn-speed span{display:block;width:20px;height:3px;border-radius:2px;background:#64c8ff;animation:sn-speed 1.2s ease-in-out infinite}
.sn-speed span:nth-child(1){animation-delay:0s;width:12px}.sn-speed span:nth-child(2){animation-delay:.15s;width:24px}
.sn-speed span:nth-child(3){animation-delay:.3s;width:18px}.sn-speed span:nth-child(4){animation-delay:.45s;width:28px}
@keyframes sn-speed{0%,100%{opacity:.3}50%{opacity:1}}
.sn-wave-results{display:grid;gap:12px;position:relative;z-index:1}
.sn-wave-card{display:grid;grid-template-columns:60px 1fr;gap:14px;border:1px solid rgba(100,200,255,.45);border-radius:14px;padding:14px;background:rgba(100,200,255,.06);animation:sn-slide .45s ease both;transition:transform .2s}
.sn-wave-card:hover{transform:translateX(6px)}
.sn-wave-card:nth-child(1){animation-delay:.04s}.sn-wave-card:nth-child(2){animation-delay:.1s}.sn-wave-card:nth-child(3){animation-delay:.16s}
.sn-eq{display:flex;align-items:flex-end;gap:3px;height:48px;padding:4px}
.sn-eq span{display:block;width:5px;border-radius:3px;background:linear-gradient(180deg,#9ce0ff,#3ca8e4);animation:sn-eq 1.4s ease-in-out infinite}
.sn-eq span:nth-child(1){height:20%;animation-delay:0s}.sn-eq span:nth-child(2){height:60%;animation-delay:.1s}
.sn-eq span:nth-child(3){height:35%;animation-delay:.2s}.sn-eq span:nth-child(4){height:80%;animation-delay:.3s}
.sn-eq span:nth-child(5){height:45%;animation-delay:.4s}
@keyframes sn-eq{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1)}}
@keyframes sn-slide{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
.sn-wave-body a{color:#aee6ff;text-decoration:none;font-weight:700;font-size:1rem;display:block;margin-bottom:4px}
.sn-wave-body p{color:#bde6f8;margin:0 0 4px;font-size:.88rem;line-height:1.5}
.sn-wave-body small{color:#7fd0f7;font-size:.75rem}
.sn-pages-sonic{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.sn-pages-sonic a,.sn-pages-sonic span{border:1px solid #64c8ff;border-radius:999px;padding:6px 12px;color:#c7ecff;text-decoration:none;font-size:.85rem}
.sn-pages-sonic span{background:#64c8ff;color:#0a2a49;font-weight:700}
.sn-err{color:#ffd4d4;font-weight:700}.sn-none{color:#b4ddf5}
@media(max-width:760px){.sn-form-sonic{grid-template-columns:1fr}.sn-wave-card{grid-template-columns:1fr}.sn-eq{height:32px}}