:root{--ink:#121212;--paper:#f4f0e8;--card:#fbf8f1;--lime:#d9ff43;--orange:#ff6338;--muted:#6d6a63;--line:#cbc5b9;--blue:#243af2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 "DM Sans",sans-serif}.topbar{height:72px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);position:sticky;top:0;background:rgba(244,240,232,.94);backdrop-filter:blur(12px);z-index:10}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:800;letter-spacing:.06em}.brand-mark{width:34px;height:34px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:600 13px "Roboto Mono"}.topbar nav{display:flex;gap:28px;align-items:center}.topbar nav a,.ghost{color:inherit;text-decoration:none;background:none;border:0;font:600 14px inherit;cursor:pointer}.ghost{border:1px solid var(--ink);padding:9px 13px}.finder{min-height:650px;padding:clamp(55px,7vw,105px) clamp(20px,6vw,90px);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;background:radial-gradient(circle at 85% 15%,rgba(217,255,67,.6),transparent 25%),var(--paper)}.eyebrow{font:600 12px "Roboto Mono";letter-spacing:.12em;margin:0 0 18px}.intro h1{font-size:clamp(48px,6vw,90px);line-height:.91;letter-spacing:-.065em;margin:0;max-width:760px}.intro h1 em{font-style:normal;color:var(--blue)}.intro>p:not(.eyebrow){max-width:520px;font-size:19px;margin:28px 0;color:#494741}.stats{display:flex;gap:28px;margin-top:42px;border-top:1px solid var(--line);padding-top:18px}.stats span{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.stats b{font:600 22px "Roboto Mono";display:block}.control-deck{background:var(--ink);color:white;padding:32px;box-shadow:16px 16px 0 var(--orange);display:grid;grid-template-columns:1fr 1fr;gap:1px;background-color:#404040}.field{display:flex;flex-direction:column;background:var(--ink);padding:22px;min-width:0;position:relative}.field.wide{grid-column:1/-1}.field>span,.rig-grid span,.fine-tune span,.empty-panel>span{font:600 11px "Roboto Mono";letter-spacing:.1em;color:#a9a9a9;margin-bottom:10px}input,select{width:100%;background:transparent;color:white;border:0;border-bottom:1px solid #696969;padding:8px 0 12px;font:600 18px "DM Sans";outline:none}select option{color:#111}input:focus,select:focus{border-color:var(--lime)}.search-wrap{display:flex;align-items:center}.search-wrap kbd{font:12px "Roboto Mono";color:#aaa;border:1px solid #555;padding:3px 6px}.search-results{position:absolute;top:96px;left:22px;right:22px;max-height:245px;overflow:auto;background:white;color:#111;z-index:5;border:1px solid #111}.search-results button{width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #ddd;background:white;cursor:pointer}.search-results button:hover{background:var(--lime)}.search-results small{display:block;color:#777}.find-button{grid-column:1/-1;border:0;background:var(--lime);padding:20px 24px;font:700 15px "Roboto Mono";display:flex;justify-content:space-between;cursor:pointer}.find-button:hover{background:white}.result-shell{margin:70px clamp(20px,6vw,90px);border:1px solid var(--ink);background:var(--card)}.result-head{padding:36px 40px;display:flex;justify-content:space-between;align-items:end}.result-head h2,.section-title h2{font-size:clamp(32px,4vw,58px);letter-spacing:-.045em;line-height:1;margin:0 0 10px}.result-head p{margin:0}.match{width:110px;height:110px;border-radius:50%;background:var(--blue);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg)}.match span{font:600 30px "Roboto Mono"}.match small{font:600 9px "Roboto Mono"}.tabs{display:flex;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.tab{flex:1;padding:16px;border:0;border-right:1px solid var(--ink);background:transparent;font:600 13px "Roboto Mono";cursor:pointer}.tab:last-child{border:0}.tab.active{background:var(--ink);color:var(--lime)}.tab-panel{padding:40px}.settings-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.knob{display:flex;flex-direction:column;align-items:center;gap:10px}.dial{width:86px;height:86px;border:10px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:600 18px "Roboto Mono";position:relative}.dial:before{content:"";width:3px;height:25px;background:var(--orange);position:absolute;top:5px;transform-origin:50% 28px;transform:rotate(var(--rotation))}.knob label{font:600 11px "Roboto Mono"}.rig-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:38px}.rig-grid article{padding:22px;border-right:1px solid var(--line)}.rig-grid article:last-child{border:0}.rig-grid strong{display:block;font-size:15px}.fine-tune{margin-top:28px;background:#e8e4dc;padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.fine-tune strong{display:block}.feedback{display:flex;gap:7px}.feedback button{background:var(--card);border:1px solid #aaa;padding:9px 11px;cursor:pointer}.feedback button:hover{background:var(--lime);border-color:var(--ink)}#feedbackNote{grid-column:1/-1;margin:0;color:var(--blue);font-weight:600}.disclaimer{font-size:12px;color:var(--muted);margin:22px 0 0}.empty-panel{padding:70px 40px;max-width:690px}.empty-panel h3{font-size:34px;margin:4px 0 12px}.library{padding:70px clamp(20px,6vw,90px) 100px}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title>span{font:500 13px "Roboto Mono"}.song-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.song-card{min-height:180px;text-align:left;padding:20px;border:1px solid var(--ink);background:transparent;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.song-card:hover{background:var(--lime);transform:translateY(-3px)}.song-card strong{font-size:22px;line-height:1.1}.song-card small{font:500 11px "Roboto Mono"}.song-card span{color:var(--muted)}dialog{max-width:570px;background:var(--card);border:1px solid var(--ink);padding:45px;box-shadow:12px 12px 0 var(--blue)}dialog::backdrop{background:rgba(0,0,0,.6)}dialog h2{font-size:38px;line-height:1.05}.close{float:right;background:none;border:0;font-size:30px;cursor:pointer}footer{background:var(--ink);color:white;padding:40px clamp(20px,6vw,90px);display:flex;justify-content:space-between}footer span{color:var(--lime);font-weight:800;letter-spacing:.08em}footer p{margin:0;color:#aaa}@media(max-width:900px){.finder{grid-template-columns:1fr}.settings-grid{grid-template-columns:repeat(3,1fr)}.song-grid{grid-template-columns:repeat(2,1fr)}.rig-grid{grid-template-columns:1fr 1fr}.rig-grid article:nth-child(2){border-right:0}.rig-grid article{border-bottom:1px solid var(--line)}.fine-tune{grid-template-columns:1fr}.feedback{flex-wrap:wrap}}@media(max-width:620px){.topbar nav a{display:none}.topbar{height:62px}.finder{padding-top:45px}.intro h1{font-size:50px}.control-deck{grid-template-columns:1fr;padding:20px;box-shadow:8px 8px 0 var(--orange)}.field.wide,.find-button{grid-column:auto}.stats{gap:16px}.result-head{align-items:start;padding:28px 22px}.match{width:82px;height:82px}.match span{font-size:23px}.tab-panel{padding:26px 18px}.settings-grid{grid-template-columns:repeat(2,1fr)}.rig-grid{grid-template-columns:1fr}.rig-grid article{border-right:0}.song-grid{grid-template-columns:1fr}.section-title{align-items:start;gap:15px}.section-title>span{white-space:nowrap}.feedback button{flex:1}.topbar{padding:0 18px}.ghost{padding:7px 9px}footer{flex-direction:column;gap:9px}}

.brand-logo{width:42px;height:46px;object-fit:contain;flex:none}.brand span{font-size:15px}@media(max-width:620px){.brand-logo{width:34px;height:38px}.brand span{font-size:13px}}

.brand-logo{width:42px;height:46px;object-fit:contain;flex:none}.brand span{font-size:15px}@media(max-width:620px){.brand-logo{width:34px;height:38px}.brand span{font-size:13px}}


/* Restored full-feature build: selected blue Amptionary header logo. */
.topbar{min-height:84px;height:auto;padding-top:7px;padding-bottom:7px}
.brand{display:flex;align-items:center;min-width:0;flex:0 1 auto;overflow:visible}
.brand-logo-restored{
  display:block;
  width:195px;
  height:66px;
  max-width:min(195px,43vw);
  object-fit:contain;
  object-position:left center;
}
@media(max-width:700px){
  .topbar{min-height:74px;padding-top:6px;padding-bottom:6px}
  .brand-logo-restored{width:168px;height:57px;max-width:45vw}
}