.app-shell{position:relative;isolation:isolate;min-height:100vh;padding:2rem;background:radial-gradient(circle at top left,rgba(37,99,235,.14),transparent 28%),radial-gradient(circle at 88% 18%,rgba(14,116,144,.14),transparent 24%),radial-gradient(circle at 70% 100%,rgba(51,65,85,.1),transparent 30%),linear-gradient(180deg,#f9fbfd,#eef3f7)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.18) 0%,transparent 28%),linear-gradient(320deg,rgba(255,255,255,.12) 0%,transparent 30%);mix-blend-mode:soft-light;z-index:-1}.hero-card,.preview-shell{border:1px solid rgba(78,97,122,.14);border-radius:24px;background:linear-gradient(180deg,#fffffff0,#f4f8fce6);box-shadow:0 24px 60px #2e435e1f,0 1px #fff9 inset;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{width:min(100%,72rem);margin:0 auto 1rem;padding:1.2rem 1.4rem}.eyebrow,.section-kicker,.preview-kicker,.result-card-kicker{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:#0f6b83}.hero-card h1{margin:0;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:clamp(1.9rem,4vw,3rem);line-height:.98}.description{max-width:44rem;margin:.6rem 0 0;font-size:.98rem;line-height:1.45;color:#242f3dcc}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;align-items:start;width:min(100%,72rem);margin:0 auto}.workspace-grid--presearch{grid-template-columns:minmax(0,1.08fr) minmax(19rem,.92fr);gap:1.75rem}.workspace-grid--focused{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.8fr)}.workspace-column{display:grid;gap:1.5rem;align-content:start}.workspace-column--results,.workspace-column--utility{gap:1rem}.workspace-column--utility-presearch,.workspace-column--results-presearch{gap:1.25rem}.workspace-column--results-presearch{position:sticky;top:1rem}.preview-shell{position:sticky;top:1rem;padding:1.5rem}.workspace-notices{display:grid;gap:.75rem;padding:1rem 1.1rem;border:1px solid rgba(110,128,154,.16);border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f1f6fbeb);box-shadow:0 12px 30px #354a6514}.workspace-notices__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#0f6b83}.workspace-notices__list{display:grid;gap:.5rem;margin:0;padding-left:1.1rem}.workspace-notices__item{color:#25303dcc}.workspace-notices__item--warning{color:#a33f3f}.section-heading h2{margin:0;font-size:1.35rem}.form-grid{display:grid;gap:1rem;margin-top:1.25rem}.field{display:grid;gap:.45rem}.field-label,.field-sublabel,.result-card-section-label,.result-card-grid dt,.result-score-grid dt{font-size:.85rem;font-weight:600;color:#41556f}.field input,.field select,.field textarea{width:100%;padding:.8rem .9rem;border:1px solid rgba(118,138,164,.24);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f5f9fdf5);color:#18202a;box-shadow:0 1px #ffffffb3 inset,0 10px 20px #4359740d}.field textarea{resize:vertical}.fieldset-inline{margin:0;padding:0;border:0}.field-inline-group{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:.75rem}.field-inline-item{display:grid;gap:.45rem}.field-inline-separator{padding-bottom:.85rem;color:#64748b;font-weight:600}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.form-actions button,.empty-results-action{border-radius:999px;border:0;padding:.8rem 1.1rem;font-weight:700}.form-actions button{background:linear-gradient(135deg,#0f4c81,#0e7490 58%,#0891b2);color:#f8fbff;box-shadow:0 14px 28px #0e74903d}.secondary-button{background:linear-gradient(180deg,#fafcfff5,#ecf2f8f5);color:#233347;border:1px solid rgba(118,138,164,.2);box-shadow:0 10px 20px #43597414}.results-list{display:grid;gap:1rem}.result-card{display:grid;gap:1rem;padding:1.1rem;border-radius:20px;background:linear-gradient(180deg,#fffffff0,#f3f7fbe6);border:1px solid rgba(109,128,153,.12)}.result-card-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.result-card h3{margin:0;font-size:1.2rem}.result-card h3 span{color:#64748b;font-weight:500}.result-card-subtitle{margin:.35rem 0 0;color:#5f6f84}.result-card-score{white-space:nowrap;font-size:1.05rem;color:#0f5f80}.result-card-grid,.result-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin:0}.result-card-grid div,.result-score-grid div{display:grid;gap:.15rem}.result-card-grid dd,.result-score-grid dd{margin:0}.result-card-section{display:grid;gap:.45rem}.result-card-explanation{display:grid;gap:.35rem;margin:0;padding-left:1.2rem;color:#594635}.result-card-explanation li{line-height:1.35}.preview-shell{display:grid;min-height:0;align-content:start}.results-copy,.empty-results,.status-message{margin:0;color:#554437}.empty-results,.status-message{display:grid;gap:.75rem;padding:1rem;border-radius:18px;background:#4634230f}.empty-results-action{display:inline-flex;width:fit-content;background:#7f5a1f24;color:#5d4013}.fretboard-placeholder{padding:.85rem .95rem;border-radius:16px;background:#7d591f14;color:#5a4529;font-size:.92rem}@media(max-width:900px){.app-shell{padding:1rem}.workspace-grid{grid-template-columns:1fr}.preview-shell{position:static}}.page-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top left,rgba(37,99,235,.1),transparent 38%),radial-gradient(circle at 82% 18%,rgba(8,145,178,.1),transparent 28%),linear-gradient(180deg,#f9fcffe6,#ebf2f9f0)}.page-shell__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 12% 12%,rgba(14,116,144,.08),transparent 30%),radial-gradient(circle at 88% 82%,rgba(71,85,105,.08),transparent 34%);pointer-events:none}.page-shell__frame{position:relative;z-index:1;width:min(1200px,calc(100vw - 2rem));margin:0 auto;padding:.85rem 0 2rem}@media(max-width:720px){.page-shell__frame{width:min(100vw - 1rem,1200px);padding-top:.75rem}}.chord-search-form{display:grid;gap:1rem;padding:1.1rem 1.15rem;border:1px solid rgba(109,128,153,.14);border-radius:20px;background:linear-gradient(180deg,#fffffff7,#f1f6fbeb),radial-gradient(circle at top right,rgba(14,116,144,.12),transparent 30%);box-shadow:0 20px 50px #354a651f}.chord-search-form__header{display:grid;gap:.35rem}.chord-search-form__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:#0f6b83}.chord-search-form__title{margin:0;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.1}.chord-search-form__lede{margin:0;max-width:52ch;font-size:.92rem;color:#242f3dcc}.chord-search-form__section{display:grid;gap:.7rem}.chord-search-form__section--target{gap:.8rem}.chord-search-form__section-heading{display:grid;gap:.25rem}.chord-search-form__section-heading h3{margin:0;font-size:1rem;letter-spacing:.02em}.chord-search-form__section-heading p{margin:0;color:#354252b8;font-size:.88rem}.chord-search-form__grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.chord-search-form__grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.chord-search-form__field{display:grid;gap:.45rem}.chord-search-form__field--full{grid-column:1 / -1}.chord-search-form__label{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;color:#41556feb}.chord-search-form__hero-field{display:grid;gap:.38rem;padding:.95rem 1rem;border-radius:18px;border:1px solid rgba(109,128,153,.16);background:linear-gradient(180deg,#fffffffa,#f0f6fcf5),radial-gradient(circle at top right,rgba(14,116,144,.12),transparent 38%)}.chord-search-form__hero-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.96rem;font-weight:700;color:#233347f5}.chord-search-form__hero-field input{font-size:1.18rem;font-weight:700;letter-spacing:.01em;padding:.95rem 1rem}.chord-search-form__hero-help{color:#354252b8;font-size:.82rem}.chord-search-form__field input,.chord-search-form__field select,.chord-search-form__field textarea,.chord-search-form__hero-field input{width:100%;border:1px solid rgba(118,138,164,.24);border-radius:14px;background:linear-gradient(180deg,#fffffff5,#f5f9fdf0);color:inherit;padding:.8rem .9rem;box-shadow:inset 0 1px #ffffff8c,0 10px 20px #4359740d}.chord-search-form__field textarea{resize:vertical;min-height:5.5rem}.chord-search-form__field input:focus,.chord-search-form__field select:focus,.chord-search-form__field textarea:focus,.chord-search-form__hero-field input:focus{outline:2px solid rgba(14,116,144,.32);outline-offset:2px;border-color:#0e74906b}.chord-search-form__error{color:#a33f3f;font-size:.82rem;line-height:1.35}.chord-search-form__tooltip{position:relative;display:inline-flex;align-items:center}.chord-search-form__tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:1.12rem;height:1.12rem;border-radius:999px;background:linear-gradient(180deg,#0f4c811f,#0e749033);color:#0f5f80;font-size:.72rem;font-weight:800;cursor:help}.chord-search-form__tooltip-panel{position:absolute;left:0;bottom:calc(100% + .55rem);z-index:10;width:min(19rem,42vw);padding:.78rem .9rem;border-radius:14px;background:#141f2df5;color:#f6f9fcf5;box-shadow:0 18px 38px #10182852;font-size:.76rem;line-height:1.45;transform:translateY(.35rem) scale(.96);transform-origin:bottom left;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.chord-search-form__tooltip-panel:after{content:"";position:absolute;left:.95rem;top:100%;width:.75rem;height:.75rem;background:#141f2df5;transform:translateY(-55%) rotate(45deg)}.chord-search-form__tooltip:hover .chord-search-form__tooltip-panel,.chord-search-form__tooltip:focus-within .chord-search-form__tooltip-panel{opacity:1;transform:translate(0) scale(1)}.chord-search-form__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.chord-search-form__footnote{margin:0;color:#354252b3;font-size:.92rem}.chord-search-form__buttons{display:flex;gap:.75rem;margin-left:auto}.chord-search-form__button{border:0;border-radius:999px;padding:.8rem 1.2rem;background:linear-gradient(135deg,#0f4c81,#0e7490 58%,#0891b2);color:#f8fbff;font-weight:600;box-shadow:0 10px 24px #0e74903d;cursor:pointer}.chord-search-form__button:disabled{opacity:.56;cursor:not-allowed;box-shadow:none}.chord-search-form__button--secondary{background:linear-gradient(180deg,#fafcfff5,#ecf2f8f5);color:#233347e6;box-shadow:0 10px 20px #43597414;border:1px solid rgba(118,138,164,.2)}@media(max-width:760px){.chord-search-form__grid,.chord-search-form__grid--compact{grid-template-columns:1fr}.chord-search-form__actions{align-items:stretch}.chord-search-form__buttons{width:100%;margin-left:0}.chord-search-form__button{flex:1}.chord-search-form__tooltip-panel{width:min(16rem,78vw)}}.settings-controls{display:grid;gap:1rem;padding:1rem 1.05rem;border:1px solid rgba(109,128,153,.14);border-radius:20px;background:linear-gradient(180deg,#fffffff2,#f1f6fbeb);box-shadow:0 24px 60px #354a651f}.settings-controls__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.settings-controls__heading{display:grid;gap:.3rem}.settings-controls__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:#0f6b83}.settings-controls__title{margin:0;font-size:clamp(1.12rem,2vw,1.55rem);line-height:1.08}.settings-controls__description{margin:0;color:#242f3dbd;font-size:.94rem}.settings-controls__toggle-button{flex:none;border:0;border-radius:999px;padding:.65rem .9rem;background:linear-gradient(135deg,#0f4c811f,#0e749029);color:#0f5f80;font-weight:700;font-size:.88rem}.settings-controls__toggle-button:disabled{opacity:.6}.settings-controls__summary{display:grid;gap:.18rem;padding:.78rem .88rem;border-radius:16px;background:linear-gradient(180deg,#fafcffe6,#edf3f9e0);border:1px solid rgba(109,128,153,.12)}.settings-controls__summary strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#0f6b83}.settings-controls__summary span{color:#242f3dc7;font-size:.9rem}.settings-controls__grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-controls__section{display:grid;gap:.7rem;min-width:0;align-content:start}.settings-controls__section--compact{min-width:0}.settings-controls__section--wide{min-width:0;grid-column:1 / -1}.settings-controls__section-heading h3{margin:0;font-size:.98rem}.settings-controls__section-heading p{margin:.22rem 0 0;color:#354252b8;font-size:.87rem}.settings-controls__toggle-list,.settings-controls__slider-list,.settings-controls__guardrail-list{display:grid;gap:.72rem}.settings-controls__guardrail-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.8rem .92rem;border-radius:16px;border:1px solid rgba(109,128,153,.12);background:linear-gradient(180deg,#fafcffeb,#edf3f9e6)}.settings-toggle__content{display:grid;gap:.16rem}.settings-toggle__label{font-size:.93rem}.settings-toggle__description{color:#354252b8;font-size:.85rem;line-height:1.35}.settings-slider{display:grid;gap:.4rem;padding:.78rem .92rem;border-radius:16px;border:1px solid rgba(109,128,153,.12);background:linear-gradient(180deg,#fafcffeb,#edf3f9e6)}.settings-guardrail{display:grid;gap:.55rem;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(109,128,153,.12);background:linear-gradient(180deg,#fafcffeb,#edf3f9e6)}.settings-guardrail__header{display:grid;gap:.14rem}.settings-guardrail__label{font-size:.9rem}.settings-guardrail__description{color:#354252b8;font-size:.84rem;line-height:1.35}.settings-guardrail input,.settings-guardrail select{width:100%;min-height:2.8rem;border:1px solid rgba(118,138,164,.24);border-radius:12px;background:linear-gradient(180deg,#fffffff5,#f5f9fdf0);color:inherit;padding:.7rem .78rem;box-shadow:inset 0 1px #ffffff8c,0 10px 20px #4359740d}@media(min-width:1200px){.settings-controls__guardrail-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.settings-guardrail input:focus,.settings-guardrail select:focus{outline:2px solid rgba(14,116,144,.32);outline-offset:2px;border-color:#0e74906b}.settings-slider__header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.settings-slider__label{display:inline-flex;align-items:center;gap:.42rem;font-size:.96rem;font-weight:700}.settings-slider__value{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;padding:.18rem .45rem;border-radius:999px;background:#0f4c8114;font-size:.78rem;font-weight:700}.settings-slider input[type=range]{width:100%}.settings-slider__description{color:#354252b8;font-size:.84rem;line-height:1.35}.settings-tooltip{position:relative;display:inline-flex;align-items:center}.settings-tooltip__trigger{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:999px;background:linear-gradient(180deg,#0f4c811f,#0e749033);color:#0f5f80;font-size:.72rem;font-weight:800;line-height:1;cursor:help;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.settings-tooltip__panel{position:absolute;left:0;bottom:calc(100% + .55rem);z-index:10;width:min(20rem,38vw);max-width:24rem;padding:.78rem .9rem;border-radius:14px;background:#141f2df5;color:#f6f9fcf5;box-shadow:0 18px 38px #10182852;font-size:.76rem;line-height:1.45;transform:translateY(.35rem) scale(.96);transform-origin:bottom left;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.settings-tooltip__panel:after{content:"";position:absolute;left:.95rem;top:100%;width:.75rem;height:.75rem;background:#141f2df5;transform:translateY(-55%) rotate(45deg)}.settings-tooltip:hover .settings-tooltip__trigger,.settings-tooltip:focus-within .settings-tooltip__trigger{transform:translateY(-1px) scale(1.04);box-shadow:0 8px 18px #0f5f802e}.settings-tooltip:hover .settings-tooltip__panel,.settings-tooltip:focus-within .settings-tooltip__panel{opacity:1;transform:translate(0) scale(1)}.settings-controls__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.settings-controls__footnote{margin:0;color:#354252b8;font-size:.87rem}.settings-controls__reset{border:0;border-radius:999px;padding:.75rem .95rem;background:linear-gradient(180deg,#fafcfff5,#ecf2f8f5);color:#233347;border:1px solid rgba(118,138,164,.2);font-weight:700;font-size:.88rem}@media(max-width:900px){.settings-controls__header,.settings-controls__footer{flex-direction:column;align-items:flex-start}.settings-controls__grid,.settings-controls__guardrail-list{grid-template-columns:1fr}.settings-controls__toggle-button{width:100%}.settings-tooltip__panel{left:0;bottom:calc(100% + .45rem);width:min(16rem,78vw);transform:translateY(.35rem) scale(.96);transform-origin:bottom left}.settings-tooltip__panel:after{left:.9rem;transform:translateY(-55%) rotate(45deg)}.settings-tooltip:hover .settings-tooltip__panel,.settings-tooltip:focus-within .settings-tooltip__panel{transform:translate(0) scale(1)}}.results-panel{display:grid;gap:1rem}.results-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.results-panel__eyebrow{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:#0f6b83}.results-panel__header h2{margin:0;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.05}.results-panel__description{max-width:44rem;margin:.5rem 0 0;color:#242f3dc2}.results-panel__count{flex:none;padding:.6rem .85rem;border-radius:999px;background:linear-gradient(135deg,#0f4c811a,#0e749024);color:#0f5f80;font-size:.92rem;font-weight:700;white-space:nowrap}.results-panel__state{display:grid;gap:.75rem;padding:1.2rem;border:1px solid rgba(109,128,153,.12);border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f1f6fbeb);box-shadow:0 12px 28px #354a650f}.results-panel__state strong{font-size:1.05rem}.results-panel__state p{margin:0;color:#242f3dc7}.results-panel__state--error{border-color:#a3452333;background:linear-gradient(180deg,#fff5f2fa,#fce9e0f0)}.results-panel__detail{color:#82351ee0}.results-panel__action{justify-self:start;padding:.45rem .75rem;border-radius:999px;background:linear-gradient(135deg,#0f4c81,#0e7490);color:#fffef8;font-size:.88rem}.results-panel__loading-bars{display:flex;gap:.5rem}.results-panel__loading-bars span{width:3rem;height:.45rem;border-radius:999px;background:linear-gradient(90deg,#0f4c8129,#0891b26b)}.results-panel__selected{display:grid}.results-navigator{display:grid;gap:.9rem;padding:1rem;border:1px solid rgba(109,128,153,.12);border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f1f6fbf0);box-shadow:0 12px 28px #354a6512}.results-navigator__status{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.results-navigator__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#0f6b83}.results-navigator__position{font-size:.96rem}.results-navigator__controls{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:.75rem;align-items:stretch}.results-navigator__button{min-width:3rem;border:0;border-radius:18px;background:linear-gradient(135deg,#0f4c81,#0e7490);color:#fffdf8;font-size:1.2rem;font-weight:700;box-shadow:0 10px 22px #0e749038}.results-navigator__button:disabled{opacity:.3}.results-navigator__preview{display:grid;gap:.2rem;padding:.8rem .9rem;border-radius:18px;border:1px solid rgba(119,138,164,.12);background:linear-gradient(180deg,#f9fcfff0,#ecf2f8e6);min-width:0}.results-navigator__preview-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#0f5f80d6}.results-navigator__preview-chord{font-size:1rem}.results-navigator__preview-meta,.results-navigator__preview-subtitle,.results-navigator__preview-empty{color:#354252bd;font-size:.88rem;overflow-wrap:anywhere}.result-card{display:grid;gap:1rem;padding:1.2rem;border:1px solid rgba(109,128,153,.14);border-radius:22px;background:linear-gradient(180deg,#fffffffa,#f1f6fbf0);box-shadow:0 14px 30px #354a6514,0 1px #ffffffa3 inset}.result-card__summary{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;cursor:pointer;list-style:none}.result-card__summary::-webkit-details-marker{display:none}.result-card__summary-meta{display:grid;justify-items:end;gap:.5rem}.result-card__body{display:grid;gap:1rem}.result-card__title--summary{font-size:1.2rem}.result-card__rank{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:#0f6b83}.result-card__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.75rem;margin:0;font-size:1.4rem}.result-card__name{color:#5d6a7abd;font-size:.98rem;font-weight:500}.result-card__subtitle{margin:.4rem 0 0;color:#354252b8}.result-card__score{flex:none;align-self:start;padding:.7rem .9rem;border-radius:16px;background:linear-gradient(135deg,#0f4c81,#0e7490 58%,#0891b2);color:#fffef8;font-weight:700;box-shadow:0 10px 22px #0e749033}.result-card__metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin:0}.result-card__field{padding:.85rem;border-radius:16px;background:linear-gradient(180deg,#f8fbffeb,#ecf2f8e6)}.result-card__field dt{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#1d1d1fa3}.result-card__field dd{margin:0;font-size:.98rem;font-weight:600;overflow-wrap:anywhere}.result-card__section{display:grid;gap:.7rem}.result-card__section h4{margin:0;font-size:.96rem}.result-card__note-summary{margin:0;color:#1d1d1fc2}.result-card__degree-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem}.result-card__degree-group{display:grid;gap:.25rem;padding:.8rem;border-radius:16px;background:#1d1d1f0a;min-width:0}.result-card__degree-group span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#1d1d1fa3}.result-card__scores,.result-card__explanation{display:grid;gap:.5rem;margin:0;padding-left:1.1rem}.result-card__scores li,.result-card__explanation li{color:#1d1d1fc7}.result-card__scores li{display:flex;justify-content:space-between;gap:1rem}.result-card__details{border:1px solid rgba(40,38,32,.1);border-radius:18px;background:#1d1d1f08}.result-card__details-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;cursor:pointer;font-weight:600;list-style:none}.result-card__details-summary::-webkit-details-marker{display:none}.result-card__details-meta{color:#1d1d1f9e;font-size:.82rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.result-card__details .result-card__section{padding:0 1rem 1rem}.result-card__placeholder{display:grid;gap:.45rem;padding:1rem;border:1px dashed rgba(106,75,25,.28);border-radius:18px;background:linear-gradient(180deg,#f1e9db9e,#fffcf6f2)}.result-card__placeholder-label{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#6a4b19;font-weight:700}.result-card__placeholder p{margin:0;color:#1d1d1fbf}@media(max-width:720px){.results-panel__header,.result-card__summary{flex-direction:column}.results-navigator__status,.results-navigator__controls{grid-template-columns:1fr}.results-navigator__status{display:grid}.results-navigator__button{min-height:2.75rem}.results-panel__count{align-self:start}.result-card__title{font-size:1.25rem}.result-card__scores li{align-items:baseline}}.fretboard-grid-shell{display:grid;gap:1rem;min-width:0}.fretboard-grid-shell__header{display:grid;gap:.5rem}.fretboard-grid-shell__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:#0f6b83}.fretboard-grid-shell__title{margin:0;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.05}.fretboard-grid-shell__description{max-width:56rem;margin:0;color:#242f3dbd}.fretboard-grid-shell__scroller{overflow-x:auto;padding-bottom:.25rem;overscroll-behavior-x:contain;scrollbar-gutter:stable both-edges}.fretboard-grid{--string-width: clamp(6.75rem, 12vw, 8rem);--marker-width: clamp(3rem, 5vw, 4rem);--fret-width: clamp(3.45rem, 5vw, 4.3rem);--sticky-gap: .45rem;--rail-row-gap: .22rem;--sticky-surface: linear-gradient(180deg, rgba(249, 252, 255, 1), rgba(235, 241, 248, 1));--sticky-border: rgba(117, 138, 163, .2);display:grid;gap:0;min-width:calc(var(--string-width) + var(--marker-width) + (var(--fret-count) * var(--fret-width)))}.fretboard-grid__row{display:grid;grid-template-columns:var(--string-width) var(--marker-width) repeat(var(--fret-count),minmax(0,var(--fret-width)));gap:0;align-items:stretch}.fretboard-grid__row--header{position:sticky;top:0;z-index:1;padding-bottom:.25rem;background:linear-gradient(180deg,#f9fcff,#f0f5faf5)}.fretboard-grid__cell{position:relative;min-height:1.8rem;border:1px solid rgba(95,114,138,.1);background:#f9fcffe0;overflow:hidden}.fretboard-grid__cell--string-header,.fretboard-grid__cell--marker-header{display:flex;align-items:center;justify-content:center;padding:.75rem;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700;color:#394f68e0;background:var(--sticky-surface);border-color:var(--sticky-border);position:sticky}.fretboard-grid__cell--string-header{left:0;z-index:3;margin-right:var(--sticky-gap);margin-bottom:var(--rail-row-gap);border-radius:16px}.fretboard-grid__cell--marker-header{left:calc(var(--string-width) + var(--sticky-gap));z-index:3;margin-right:var(--sticky-gap);margin-bottom:var(--rail-row-gap);border-radius:16px}.fretboard-grid__cell--string-header:before,.fretboard-grid__cell--marker-header:before,.fretboard-grid__cell--string-label:before,.fretboard-grid__cell--marker-rail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.55);pointer-events:none}.fretboard-grid__cell--fret-header{display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;font-size:.92rem;font-weight:700;color:#314358d1;border-radius:0;border-right-width:0}.fretboard-grid__cell--fret-header:not(.fretboard-grid__cell--nut),.fretboard-grid__cell--fret:not(.fretboard-grid__cell--nut){border-color:#70829a24;background:linear-gradient(180deg,#f8fbfffa,#ecf2f8f0)}.fretboard-grid__cell--fret-header:not(.fretboard-grid__cell--nut):before,.fretboard-grid__cell--fret:not(.fretboard-grid__cell--nut):before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:2px;background:linear-gradient(180deg,#dee2e5f2,#b1b7bbeb);box-shadow:1px 0 #ffffff6b}.fretboard-grid__cell--nut{border-color:#0f5f8042;background:linear-gradient(180deg,#e9f7fc,#dceff7f5);box-shadow:inset 0 0 0 1px #ffffffb8,inset -1px 0 #ffffff6b;border-radius:0}.fretboard-grid__cell--nut:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;width:7px;background:linear-gradient(180deg,#ebf1f7fa,#7c8da4f2);box-shadow:-1px 0 #46627e47,-3px 0 10px #46627e2e}.fretboard-grid__cell--string-label{display:grid;align-content:center;gap:.16rem;justify-items:center;padding:.18rem .5rem;background:var(--sticky-surface);border-color:var(--sticky-border);position:sticky;left:0;z-index:2;margin-right:var(--sticky-gap);margin-block:var(--rail-row-gap);border-radius:16px}.fretboard-grid__string-number{display:inline-grid;place-items:center;width:1.32rem;height:1.32rem;padding:0;border-radius:10px;border:1px solid rgba(120,139,163,.2);background:#ffffffd6;box-shadow:inset 0 1px #ffffffbf;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#4d6179d1}.fretboard-grid__string-label{font-size:.74rem;font-weight:700;color:#283546f0;line-height:1;text-align:center}.fretboard-grid__cell--marker-rail,.fretboard-grid__cell--fret{display:flex;align-items:center;justify-content:center}.fretboard-grid__cell--marker-rail{position:sticky;left:calc(var(--string-width) + var(--sticky-gap));z-index:2;background:linear-gradient(180deg,#f6faff,#e8eff7);border-color:var(--sticky-border);margin-right:var(--sticky-gap);margin-block:var(--rail-row-gap);border-radius:16px;padding:.08rem}.fretboard-grid__row--header .fretboard-grid__cell--marker-rail{z-index:3}.fretboard-grid__marker-slot,.fretboard-grid__fret-node{display:block;border-radius:999px}.fretboard-grid__rail-marker{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;min-height:1.65rem;padding:.1rem .32rem;border-radius:12px;border:1px solid rgba(40,38,32,.1);background:#fffffffa;box-shadow:0 8px 16px #34486214,inset 0 1px #ffffffb8;color:#1d1d1f;font-size:.82rem;font-weight:700;position:relative;overflow:hidden}.fretboard-grid__rail-marker--recommended{border-color:#3b82f657;background:#3b82f61f;color:#1d5fa8}.fretboard-grid__rail-marker--played{border-color:#0e74906b;background:linear-gradient(180deg,#e7f8fbfa,#caecf2f5);color:#0f6b83;box-shadow:0 8px 18px #0e749024,inset 0 1px #ffffffd1}.fretboard-grid__rail-marker--open{border-color:#2563eb61;background:linear-gradient(180deg,#eef6fffa,#d2e4fff5);color:#2458b8;box-shadow:0 8px 18px #2563eb24,inset 0 1px #ffffffd1}.fretboard-grid__rail-marker--muted{border-color:#64748b57;background:linear-gradient(180deg,#f4f7fbfa,#dde4eef5);color:#5f6f84;box-shadow:0 8px 18px #64748b1f,inset 0 1px #ffffffd1}.fretboard-grid__rail-marker--played:before,.fretboard-grid__rail-marker--open:before,.fretboard-grid__rail-marker--muted:before{content:"";position:absolute;inset:0 auto 0 0;width:.28rem;border-radius:12px 0 0 12px}.fretboard-grid__rail-marker--played:before{background:linear-gradient(180deg,#14a3b8,#0f6b83)}.fretboard-grid__rail-marker--open:before{background:linear-gradient(180deg,#4d86ff,#2458b8)}.fretboard-grid__rail-marker--muted:before{background:linear-gradient(180deg,#8ea0b8,#5f6f84)}.fretboard-grid__marker-slot{width:1.2rem;height:1.2rem;border:1px dashed rgba(120,139,163,.28);background:#ffffff85}.fretboard-grid__fret-node{width:.42rem;height:.42rem;border:1px solid rgba(120,139,163,.18);background:#788ba314}.fretboard-grid__cell--recommended,.fretboard-grid__cell--played,.fretboard-grid__cell--open,.fretboard-grid__cell--overlay{padding:.06rem;border-radius:0;border-right-width:0}.fretboard-grid__cell--recommended{background:linear-gradient(180deg,#3b82f62e,#3b82f614)}.fretboard-grid__cell--played{background:linear-gradient(180deg,#0c707529,#0c707512)}.fretboard-grid__cell--open{background:linear-gradient(180deg,#0c707524,#0c707512),linear-gradient(180deg,#ebf9f8eb,#e0f1efeb)}.fretboard-grid__cell--overlay{background:linear-gradient(180deg,#64748b14,#64748b0a),repeating-linear-gradient(135deg,#64748b0d 0,#64748b0d 6px,#fff0 6px,#fff0 12px)}.fretboard-grid__cell-marker{display:grid;gap:.04rem;min-height:100%;align-content:center;justify-items:center;padding:.04rem .08rem;border:1px solid rgba(40,38,32,.12);border-radius:10px;background:#ffffffeb;text-align:center}.fretboard-grid__cell-marker--recommended{border-color:#3b82f66b;border-width:2px;background:linear-gradient(180deg,#fff,#e7f2ff);box-shadow:0 10px 20px #3b82f629,inset 0 0 0 1px #fffffff5;transform:scale(1.02)}.fretboard-grid__cell-marker--played,.fretboard-grid__cell-marker--open{border-color:#0c707557;border-width:1px;background:linear-gradient(180deg,#fffffffa,#e7f5f4fa);box-shadow:0 6px 14px #0c70751f,inset 0 0 0 1px #ffffffe6}.fretboard-grid__cell-marker--overlay{border-color:#64748b52;border-style:dashed;border-width:1px;background:#f5f8fcf0;box-shadow:inset 0 0 0 1px #ffffffdb}.fretboard-grid__cell--nut .fretboard-grid__cell-marker{background:linear-gradient(180deg,#fffffffc,#eff6fbfa)}.fretboard-grid__cell--nut .fretboard-grid__cell-marker--overlay{border-color:#3b5c8457;background:linear-gradient(180deg,#f4f9fcfa,#ebf4fafa);box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #d2e0ec99}.fretboard-grid__cell--nut .fretboard-grid__cell-marker--overlay .fretboard-grid__cell-label,.fretboard-grid__cell--nut .fretboard-grid__cell-marker--overlay .fretboard-grid__cell-degree{color:#29546f}.fretboard-grid__cell-label{font-size:.72rem;line-height:.95}.fretboard-grid__cell-marker--overlay .fretboard-grid__cell-label{color:#607089;font-weight:700}.fretboard-grid__cell-marker--played .fretboard-grid__cell-label,.fretboard-grid__cell-marker--open .fretboard-grid__cell-label{color:#0d676a;font-weight:800}.fretboard-grid__cell-degree{display:inline-grid;place-items:center;min-width:1.22rem;height:.8rem;margin:0;padding:0 .2rem;border-radius:999px;background:#1d1d1f0f;font-size:.56rem;font-weight:700;line-height:1;text-align:center}.fretboard-grid__cell-marker--overlay .fretboard-grid__cell-degree{background:#64748b1c;color:#607089}.fretboard-grid__cell-marker--played .fretboard-grid__cell-degree,.fretboard-grid__cell-marker--open .fretboard-grid__cell-degree{background:#0c707524;color:#0d676a}.fretboard-grid__cell-marker--recommended .fretboard-grid__cell-label{color:#1d5fa8;font-weight:900;font-size:.76rem}.fretboard-grid__cell-marker--recommended .fretboard-grid__cell-degree{background:#3b82f62e;color:#1d5fa8;font-weight:800}.fretboard-grid-shell__footer{display:grid;gap:.75rem}@media(max-width:720px){.fretboard-grid{--string-width: clamp(6.25rem, 28vw, 6.75rem);--marker-width: clamp(2.75rem, 12vw, 3.1rem);--fret-width: clamp(3.15rem, 16vw, 3.45rem)}.fretboard-grid__cell{min-height:1.68rem}.fretboard-grid__cell--string-label,.fretboard-grid__cell--marker-rail{box-shadow:8px 0 18px #4336190a}.fretboard-grid__cell--string-label{padding-inline-end:.55rem}.fretboard-grid__string-label{font-size:.9rem}.fretboard-grid__cell-marker{padding:.03rem .06rem}.fretboard-grid__cell-label{font-size:.68rem}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#18202a;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 28%),radial-gradient(circle at 82% 16%,rgba(8,145,178,.12),transparent 24%),radial-gradient(circle at 50% 100%,rgba(71,85,105,.1),transparent 34%),linear-gradient(180deg,#f7fafc,#eef3f8 52%,#e5ebf2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(14,116,144,.34);outline-offset:2px}#root{min-height:100vh}