*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.12;margin:0;font-weight:600;letter-spacing:-.01em;text-wrap:pretty}p{margin:0;text-wrap:pretty}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-ink);text-underline-offset:3px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:8px;font-weight:600;transition:top .15s ease}.skip-link:focus{top:12px}:root,[data-theme=brass]{--paper: oklch(.977 .008 85);--paper-2: oklch(.945 .012 82);--surface: oklch(.995 .004 85);--ink: oklch(.225 .014 62);--ink-2: oklch(.435 .013 62);--ink-3: oklch(.56 .012 62);--line: oklch(.875 .013 78);--line-2: oklch(.8 .015 78);--accent: oklch(.605 .108 64);--accent-ink: oklch(.455 .098 58);--accent-soft: oklch(.93 .045 78);--accent-soft-ink: oklch(.4 .092 56);--focus: oklch(.55 .12 64);--font-head: "Source Serif 4", Georgia, serif;--font-body: "Public Sans", system-ui, sans-serif}[data-theme=navy]{--paper: oklch(.982 .004 250);--paper-2: oklch(.945 .008 250);--surface: oklch(.998 .002 250);--ink: oklch(.235 .03 256);--ink-2: oklch(.42 .028 256);--ink-3: oklch(.55 .022 256);--line: oklch(.875 .012 250);--line-2: oklch(.8 .016 250);--accent: oklch(.46 .105 252);--accent-ink: oklch(.44 .108 252);--accent-soft: oklch(.93 .035 250);--accent-soft-ink: oklch(.4 .1 252);--focus: oklch(.5 .12 252);--font-head: "Public Sans", system-ui, sans-serif;--font-body: "Public Sans", system-ui, sans-serif}[data-theme=sage]{--paper: oklch(.974 .012 96);--paper-2: oklch(.94 .016 110);--surface: oklch(.992 .006 96);--ink: oklch(.245 .018 145);--ink-2: oklch(.42 .018 145);--ink-3: oklch(.55 .015 145);--line: oklch(.87 .018 120);--line-2: oklch(.79 .022 120);--accent: oklch(.5 .072 156);--accent-ink: oklch(.45 .072 156);--accent-soft: oklch(.92 .04 150);--accent-soft-ink: oklch(.39 .07 156);--focus: oklch(.5 .09 156);--font-head: "Newsreader", Georgia, serif;--font-body: "Public Sans", system-ui, sans-serif}[data-theme=sage] h1,[data-theme=sage] h2,[data-theme=sage] h3{font-weight:500;letter-spacing:-.015em}[data-theme=navy] h1,[data-theme=navy] h2,[data-theme=navy] h3{font-weight:700;letter-spacing:-.02em}:root{--fs-xs: .83rem;--fs-sm: .95rem;--fs-base: 1.125rem;--fs-md: 1.28rem;--fs-lg: clamp(1.4rem, 1.1rem + 1.2vw, 1.7rem);--fs-xl: clamp(1.75rem, 1.2rem + 2.4vw, 2.4rem);--fs-2xl: clamp(2.2rem, 1.4rem + 3.6vw, 3.4rem);--fs-3xl: clamp(2.5rem, 1.6rem + 4vw, 3.5rem);--maxw: 1240px;--radius: 14px;--radius-sm: 9px;--radius-lg: 22px;--shadow-sm: 0 1px 2px oklch(.3 .02 70 / .06), 0 2px 6px oklch(.3 .02 70 / .05);--shadow-md: 0 2px 6px oklch(.3 .02 70 / .08), 0 12px 28px oklch(.3 .02 70 / .09);--shadow-lg: 0 8px 24px oklch(.3 .02 70 / .12), 0 24px 60px oklch(.3 .02 70 / .14);--grid-min: 220px;--grid-gap: 14px;--card-pad: 13px;--section-y: 30px}[data-density=airy]{--grid-min: 320px;--grid-gap: 30px;--card-pad: 22px;--section-y: 56px}[data-density=compact]{--grid-min: 220px;--grid-gap: 14px;--card-pad: 13px;--section-y: 30px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,4vw,36px)}.app-root{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto;outline:none}.muted{color:var(--ink-2)}.eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:var(--radius-sm);border:1.5px solid transparent;font-weight:700;font-size:var(--fs-sm);letter-spacing:.005em;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .08s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:oklch(from var(--ink) calc(l + .08) c h)}.btn-accent{background:var(--accent);color:#fffbf4}.btn-accent:hover{background:var(--accent-ink)}.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn-outline:hover{border-color:var(--ink);background:var(--paper-2)}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--paper-2)}.btn-lg{min-height:56px;padding:0 30px;font-size:var(--fs-base)}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;border:1.5px solid transparent;line-height:1}.badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.cond-Excellent{background:#d6f4dd;color:#104f29}.cond-Good{background:#ceedfe;color:#004964;color:oklch(.38 .09 232)}.cond-Fair{background:#fce9c6;color:#6c4302}.cond-NeedsWork{background:#ffe0d9;background:oklch(.93 .05 32);color:#853025}.badge-type{background:var(--paper-2);color:var(--ink-2);border-color:var(--line)}.badge-free{background:#d0f2d8;color:#004b22;color:oklch(.36 .1 152)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min),1fr));gap:var(--grid-gap)}.card{display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--line-2)}.card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-media{position:relative;aspect-ratio:4 / 3}.card-price-tag{position:absolute;left:12px;bottom:12px;background:var(--ink);color:var(--paper);padding:6px 12px;border-radius:8px;font-weight:800;font-size:var(--fs-md);letter-spacing:-.01em}.card-cond{position:absolute;right:12px;top:12px}.card-body{padding:var(--card-pad);display:flex;flex-direction:column;gap:7px;flex:1}.card-title{font-size:var(--fs-md);font-weight:600;line-height:1.2}.card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:var(--fs-sm);color:var(--ink-2)}.card-meta .row{display:inline-flex;align-items:center;gap:6px}.card-foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line)}[data-card=photo] .card-media{aspect-ratio:1 / 1}[data-card=photo] .card-title{font-size:var(--fs-base)}.ph{width:100%;height:100%;background:repeating-linear-gradient(135deg,#e2ddd5 0% 10px,#ece7df 10px 20px);display:flex;align-items:center;justify-content:center;color:var(--ink-3);position:relative}.ph-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-xs);letter-spacing:.04em;background:var(--surface);border:1px solid var(--line);padding:5px 10px;border-radius:6px;color:var(--ink-2)}.ph-key{position:absolute;inset:0;opacity:.5}.site-header{position:sticky;top:0;z-index:60;background:oklch(from var(--paper) l c h / .92);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1.5px solid var(--line)}.header-inner{display:flex;align-items:center;gap:18px;min-height:76px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);cursor:pointer;background:none;border:0;padding:6px;margin-left:-6px;border-radius:10px}.brand-name{font-family:var(--font-head);font-weight:700;font-size:1.5rem;letter-spacing:-.02em}.brand-name .get{color:var(--ink)}.brand-name .piano{color:var(--accent-ink)}.brand-tld{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;text-decoration:none;color:var(--ink-2);font-weight:600;font-size:var(--fs-sm);cursor:pointer;background:none;border:0}.nav-link:hover{background:var(--paper-2);color:var(--ink)}.nav-link[aria-current=page]{color:var(--ink);background:var(--accent-soft)}.nav-cta{margin-left:6px}.hamburger{display:none}@media(max-width:860px){.nav{position:fixed;inset:76px 0 auto;flex-direction:column;align-items:stretch;background:var(--surface);border-bottom:1.5px solid var(--line);padding:12px;gap:4px;box-shadow:var(--shadow-md);margin:0;transform:translateY(-130%);transition:transform .2s ease}.nav[data-open=true]{transform:translateY(0)}.nav-link{min-height:52px;font-size:var(--fs-base)}.nav-cta{margin:6px 0 0}.hamburger{display:inline-flex;margin-left:auto}}.filterbar{background:var(--paper-2);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-field{display:flex;flex-direction:column;gap:6px;flex:1 1 170px;min-width:150px}.filter-field label{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.seg{display:inline-flex;background:var(--surface);border:1.5px solid var(--line-2);border-radius:10px;padding:4px;gap:4px;flex-wrap:wrap}.seg button{min-height:40px;padding:0 16px;border:0;background:transparent;border-radius:7px;font-weight:600;font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.seg button:hover:not([aria-pressed=true]){background:var(--paper-2);color:var(--ink)}.field{display:flex;flex-direction:column;gap:7px}.field>label,.field-label{font-weight:700;font-size:var(--fs-sm)}.field .hint{font-size:var(--fs-xs);color:var(--ink-2)}.field .req{color:#ac312a;font-weight:700}.input,.select,.textarea{width:100%;min-height:52px;padding:12px 14px;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--radius-sm);font-size:var(--fs-base);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.textarea{min-height:130px;resize:vertical;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:42px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.field-error .input,.field-error .textarea,.field-error .select{border-color:#bd4238}.error-text{color:#a52a24;font-size:var(--fs-sm);font-weight:600;display:flex;align-items:center;gap:6px}.charcount{font-size:var(--fs-xs);color:var(--ink-3);text-align:right}.ad{position:relative;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ink-2);padding:18px;width:100%;min-width:0}.adsbygoogle{min-width:0;max-width:100%}.ad-banner{min-height:96px}.ad-sidebar{min-height:540px;flex-direction:column;gap:8px}.ad-house{border:2px solid var(--accent);background:var(--accent-soft);display:block;padding:18px;text-align:left;text-decoration:none;color:var(--ink)}.ad-house h4{font-size:var(--fs-md);margin-bottom:4px}.ad-house .biz{font-size:var(--fs-sm);color:var(--ink-2)}.ad-house .cta-link{margin-top:10px;font-weight:700;color:var(--accent-ink);display:inline-flex;gap:6px}.site-footer{background:var(--ink);color:#e1ddd7;margin-top:60px}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-block:52px 32px}.footer-inner .brand-name .get,.footer-inner .brand-name .piano{color:#f9f4ee}.footer-col h5{font-family:var(--font-body);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:#a8a49e;margin:0 0 14px}.footer-col a{display:block;color:#d4d0ca;text-decoration:none;padding:7px 0;font-size:var(--fs-sm)}.footer-col a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid oklch(.35 .01 80);padding-block:32px 52px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;font-size:var(--fs-sm);color:#a8a49e}.footer-bottom .org{font-weight:600;color:#cecac3}@media(max-width:720px){.footer-inner{grid-template-columns:1fr 1fr;gap:26px}}@media(max-width:480px){.footer-inner{grid-template-columns:1fr}}.cookie{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--surface);border-top:2px solid var(--accent);box-shadow:0 -8px 30px #1c140c1f}.cookie-inner{display:flex;align-items:center;gap:18px;padding-block:16px;flex-wrap:wrap}.cookie p{font-size:var(--fs-sm);color:var(--ink-2);flex:1 1 320px}.cookie .actions{display:flex;gap:10px;flex-wrap:wrap}.section{padding-block:var(--section-y)}.hero{padding-block:clamp(32px,5vw,60px) var(--section-y)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:26px}}.hero h1{font-size:var(--fs-3xl);margin-bottom:26px;text-wrap:wrap;line-height:1.12}.hero .lede{font-size:var(--fs-lg);color:var(--ink-2);max-width:30ch;margin-bottom:26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.stat-row{display:flex;gap:30px;margin-top:30px;flex-wrap:wrap}.stat .n{font-family:var(--font-head);font-size:var(--fs-xl);font-weight:700;color:var(--ink)}.stat .l{font-size:var(--fs-sm);color:var(--ink-2)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px;flex-wrap:wrap}.section-head h2{font-size:var(--fs-xl)}.result-count{font-size:var(--fs-sm);color:var(--ink-2)}.layout-with-rail{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start}@media(max-width:1040px){.layout-with-rail{grid-template-columns:1fr}.ad-sidebar{min-height:120px}.rail{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:560px){.rail{grid-template-columns:1fr}}.rail{position:sticky;top:92px;display:flex;flex-direction:column;gap:16px}@media(max-width:1040px){.rail{position:static}}.notice{display:flex;gap:12px;align-items:flex-start;background:var(--accent-soft);border:1.5px solid var(--accent);border-radius:var(--radius);padding:14px 16px;color:var(--accent-soft-ink);font-size:var(--fs-sm)}.notice .ic{flex-shrink:0;margin-top:1px}.notice strong{color:var(--ink)}.notice-info{background:#d8effc;border-color:#4a89a8;color:#00435d;color:oklch(.36 .09 232)}.notice-warn{background:#feeccd;border-color:#c39553;color:#6e4108}.notice-warn strong,.notice-info strong{color:inherit}.divider{height:1.5px;background:var(--line);border:0;margin:0}.crumbs{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--ink-2);padding:18px 0;flex-wrap:wrap}.crumbs button{background:none;border:0;color:var(--accent-ink);font-weight:600;cursor:pointer;padding:4px}.crumbs button:hover{text-decoration:underline}.stack{display:flex;flex-direction:column}.gap-6{gap:6px}.gap-10{gap:10px}.gap-14{gap:14px}.gap-18{gap:18px}.gap-24{gap:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@keyframes gap-spin{to{transform:rotate(360deg)}}