:root{--kl-ink: #16131C;--kl-paper: #F1EDE6;--kl-violet: #4B2BEE;--kl-lilac: #DCD5FF;--kl-butter: #F4D95E;--kl-muted: #6A6474;--kl-white: #FFFFFF;--kl-font-display: "Bricolage Grotesque", system-ui, sans-serif;--kl-font-body: "Bricolage Grotesque", system-ui, sans-serif;--kl-font-label: "DM Mono", ui-monospace, monospace;--kl-size-display: clamp(64px, 11vw, 152px);--kl-size-h1: clamp(44px, 6vw, 72px);--kl-size-h2: clamp(32px, 4vw, 44px);--kl-size-h3: 26px;--kl-size-body: 18px;--kl-size-label: 13px;--kl-radius-pill: 999px;--kl-radius-card: 20px}.kl-site{min-height:100vh;display:flex;flex-direction:column;background:var(--kl-paper);color:var(--kl-ink);font:400 var(--kl-size-body)/1.55 var(--kl-font-body);font-optical-sizing:auto;color-scheme:light}.kl-site *,.kl-site *:before,.kl-site *:after{box-sizing:border-box}.kl-site a{color:var(--kl-violet)}.kl-site :focus-visible{outline:3px solid var(--kl-violet);outline-offset:3px}.kl-site h1,.kl-site h2,.kl-site h3{font-family:var(--kl-font-display);font-variation-settings:"opsz" 96;text-wrap:balance;margin:0;color:var(--kl-ink)}.kl-site .kl-main p{margin:0;max-width:62ch}.kl-wrap{width:100%;max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}.kl-main{flex:1}.kl-label{font:500 var(--kl-size-label)/1.3 var(--kl-font-label);letter-spacing:.08em;text-transform:uppercase}.kl-muted{color:var(--kl-muted)}.kl-wordmark{display:block;height:32px;aspect-ratio:1971.05 / 402.53;background:currentColor;-webkit-mask:url(/assets/keylocker-wordmark-DABDtKnQ.svg) center / contain no-repeat;mask:url(/assets/keylocker-wordmark-DABDtKnQ.svg) center / contain no-repeat}.kl-lock{display:block;aspect-ratio:760 / 846;background:currentColor;-webkit-mask:url(/assets/keylocker-icon-AGhQfkzP.svg) center / contain no-repeat;mask:url(/assets/keylocker-icon-AGhQfkzP.svg) center / contain no-repeat}.kl-nav{display:flex;align-items:center;gap:16px 28px;padding-block:24px}.kl-site .kl-home{display:block;color:var(--kl-ink);padding:4px;margin:-4px;border-radius:6px}.kl-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-left:auto;font-weight:500;font-size:15px}.kl-site .kl-nav-links a:not(.kl-btn){color:var(--kl-ink);text-decoration:none}.kl-site .kl-nav-links a:not(.kl-btn):hover{text-decoration:underline;text-underline-offset:4px}.kl-btn{display:inline-flex;align-items:center;gap:10px;border-radius:var(--kl-radius-pill);padding:14px 24px;font:600 16px/1.2 var(--kl-font-body);text-decoration:none;border:2px solid var(--kl-ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.kl-site .kl-btn-primary{background:var(--kl-violet);color:var(--kl-white);border-color:var(--kl-violet)}.kl-site .kl-btn-secondary{background:transparent;color:var(--kl-ink)}.kl-btn-sm{padding:9px 16px;font-size:14px}.kl-btn:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--kl-ink)}.kl-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:center;padding-block:clamp(12px,3vw,32px) clamp(28px,5vw,56px)}.kl-hero h1{font-size:var(--kl-size-display);font-weight:800;line-height:.88;letter-spacing:-.03em}.kl-hero h1 em{font-style:normal;color:var(--kl-violet)}.kl-copy{display:grid;gap:22px}.kl-sub{font-size:clamp(18px,1.6vw,21px);max-width:34ch}.kl-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.kl-art{position:relative;aspect-ratio:1 / 1;max-width:100%;min-height:280px}.kl-badge{position:absolute;left:50%;top:52%;width:58%;aspect-ratio:1;transform:translate(-50%,-50%)}.kl-ring{display:block;width:100%;height:100%;animation:kl-spin 26s linear infinite}.kl-ring text{font:500 13.5px var(--kl-font-label);letter-spacing:.14em;fill:var(--kl-ink)}.kl-core{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;background:var(--kl-violet);display:grid;place-items:center}.kl-core .kl-lock{width:46%;color:var(--kl-white)}.kl-site .kl-sticker{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color:var(--kl-ink);background:var(--kl-white);border-radius:var(--kl-radius-pill);border:2px solid var(--kl-ink);padding:10px 18px;font:500 clamp(13px,1.3vw,16px)/1 var(--kl-font-label);letter-spacing:.02em;white-space:nowrap;box-shadow:3px 3px 0 var(--kl-ink);transform:rotate(var(--r));animation:kl-settle .7s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--d)}.kl-site .kl-sticker.kl-s-sarah{background:var(--kl-butter);font:700 clamp(17px,2vw,24px)/1 var(--kl-font-display);font-variation-settings:"opsz" 96;letter-spacing:-.01em;padding:14px 22px;left:2%;top:6%;--r: -8deg;--d: .15s}.kl-site .kl-sticker.kl-s-key{background:var(--kl-lilac);right:4%;top:30%;--r: 7deg;--d: .3s}.kl-site .kl-sticker.kl-s-cookeys{background:var(--kl-ink);color:var(--kl-paper);left:0;bottom:22%;--r: 5deg;--d: .45s}.kl-site .kl-sticker.kl-s-saved{background:var(--kl-white);right:0;bottom:6%;--r: -4deg;--d: .6s}.kl-site .kl-sticker.kl-s-inrange{background:var(--kl-lilac);right:-12px;bottom:-22px;--r: -5deg;--d: .2s}.kl-site .kl-sticker{display:inline-grid;place-items:center}.kl-sticker-face{grid-area:1 / 1}.kl-sticker:not(.is-on) .kl-sticker-face:last-child,.kl-sticker.is-on .kl-sticker-face:first-child{visibility:hidden}.kl-site .kl-sticker[data-nudge=a]{animation:kl-nudge-a .5s cubic-bezier(.2,1.5,.4,1)}.kl-site .kl-sticker[data-nudge=b]{animation:kl-nudge-b .5s cubic-bezier(.2,1.5,.4,1)}@keyframes kl-nudge-a{0%{transform:rotate(var(--r))}40%{transform:translateY(-4px) rotate(calc(var(--r) * .3)) scale(1.04)}to{transform:rotate(var(--r))}}@keyframes kl-nudge-b{0%{transform:rotate(var(--r))}40%{transform:translateY(-4px) rotate(calc(var(--r) * .3)) scale(1.04)}to{transform:rotate(var(--r))}}.kl-halo-s{position:relative;display:inline-block}.kl-s-saved.is-on .kl-halo-s:before{content:"";position:absolute;left:-.3em;top:-.12em;width:.62em;height:.26em;transform:rotate(-45deg);border:.09em solid var(--kl-butter);border-radius:50%;box-shadow:0 0 0 1px var(--kl-ink),inset 0 0 0 1px var(--kl-ink)}.kl-spark{position:absolute;color:var(--kl-violet)}.kl-spark svg{display:block;width:100%;height:auto}.kl-sp1{width:34px;right:14%;top:4%}.kl-sp2{width:20px;right:6%;top:15%}.kl-sp3{width:24px;left:6%;top:42%}@keyframes kl-settle{0%{transform:rotate(calc(var(--r) - 10deg)) scale(.92)}to{transform:rotate(var(--r)) scale(1)}}@keyframes kl-spin{to{transform:rotate(360deg)}}.kl-strip{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;border-top:2px solid var(--kl-ink);padding-top:18px}.kl-accent{color:var(--kl-violet)}.kl-h1{font-size:var(--kl-size-h1);font-weight:800;line-height:.95;letter-spacing:-.02em}.kl-h2{font-size:var(--kl-size-h2);font-weight:700;line-height:1;letter-spacing:-.02em}.kl-lede{font-size:clamp(18px,1.6vw,21px);max-width:46ch}.kl-section{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:clamp(56px,8vw,104px)}.kl-section-head{display:grid;gap:12px;max-width:48rem}.kl-page{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-block:clamp(16px,3vw,40px) clamp(56px,8vw,104px)}.kl-more{font-size:16px}.kl-how{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(24px,4vw,56px);align-items:start}.kl-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.kl-step{background:var(--kl-white);border:2px solid var(--kl-ink);border-radius:var(--kl-radius-card);padding:20px 22px;display:grid;gap:6px}.kl-step h3{font-size:22px;font-weight:700;line-height:1.15;letter-spacing:-.01em}.kl-step p{font-size:16px;line-height:1.5}.kl-shot{position:relative;margin:0 0 12px}.kl-frame{border:2px solid var(--kl-ink);border-radius:var(--kl-radius-card);overflow:hidden;background:var(--kl-white);box-shadow:10px 10px 0 var(--kl-ink)}.kl-frame-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:2px solid var(--kl-ink);background:var(--kl-white)}.kl-frame-bar>span:not(.kl-frame-url){width:10px;height:10px;border-radius:50%;border:2px solid var(--kl-ink)}.kl-frame-url{margin-left:12px;font:400 12px var(--kl-font-label);color:var(--kl-muted)}.kl-frame img{display:block;width:100%;height:auto}.kl-ink{background:var(--kl-ink);color:var(--kl-paper);margin-top:clamp(56px,8vw,104px)}.kl-ink-inner{display:grid;gap:16px;padding-block:clamp(48px,7vw,88px)}.kl-site .kl-ink h2{color:var(--kl-paper);max-width:18ch}.kl-ink .kl-label{color:var(--kl-lilac)}.kl-ink .kl-ink-ranges{color:var(--kl-paper)}.kl-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px;width:100%;max-width:900px;margin-inline:auto}.kl-plan{background:var(--kl-white);border:2px solid var(--kl-ink);border-radius:var(--kl-radius-card);padding:clamp(24px,3vw,32px);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.kl-plan.is-featured{box-shadow:10px 10px 0 var(--kl-ink)}.kl-plan h3{font-size:var(--kl-size-h3);font-weight:700;line-height:1.1}.kl-plan p{max-width:none}.kl-price{font:800 clamp(44px,5vw,60px)/1 var(--kl-font-display);font-variation-settings:"opsz" 96;letter-spacing:-.03em}.kl-price span{font:500 16px var(--kl-font-body);letter-spacing:0;color:var(--kl-muted);margin-left:4px}.kl-plan-note{font:500 12px/1.3 var(--kl-font-label);text-transform:uppercase;letter-spacing:.08em;background:var(--kl-lilac);border:2px solid var(--kl-ink);border-radius:var(--kl-radius-pill);padding:6px 12px}.kl-checks{list-style:none;margin:8px 0 4px;padding:0;display:grid;gap:10px;text-align:left;align-self:stretch;align-content:start;flex:1}.kl-checks li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:16px;line-height:1.45}.kl-checks svg{width:18px;height:18px;margin-top:3px;color:var(--kl-violet)}.kl-plan .kl-btn{align-self:stretch;justify-content:center}.kl-toggle{display:inline-flex;justify-self:center;gap:4px;padding:4px;border:2px solid var(--kl-ink);border-radius:var(--kl-radius-pill);background:var(--kl-white)}.kl-site .kl-toggle button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:var(--kl-radius-pill);padding:8px 18px;background:transparent;color:var(--kl-ink);font:600 15px var(--kl-font-body);cursor:pointer}.kl-site .kl-toggle button:hover{background:var(--kl-paper)}.kl-site .kl-toggle button.is-on{background:var(--kl-ink);color:var(--kl-paper)}.kl-toggle small{font:500 11px var(--kl-font-label);text-transform:uppercase;letter-spacing:.08em}.kl-faq{max-width:52rem;border-top:2px solid var(--kl-ink)}.kl-faq details{border-bottom:2px solid var(--kl-ink)}.kl-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;font:700 20px/1.25 var(--kl-font-display);font-variation-settings:"opsz" 96;letter-spacing:-.01em}.kl-faq summary::-webkit-details-marker{display:none}.kl-faq summary:after{content:"+";flex:0 0 auto;font:500 22px/1 var(--kl-font-label);color:var(--kl-violet)}.kl-faq details[open] summary:after{content:"–"}.kl-faq-a{padding:0 4px 20px;max-width:62ch}.kl-closer{padding-bottom:clamp(56px,8vw,104px)}.kl-auth{max-width:34rem;display:grid;gap:16px;padding:clamp(24px,4vw,40px);background:var(--kl-white);border:2px solid var(--kl-ink);border-radius:var(--kl-radius-card);box-shadow:10px 10px 0 var(--kl-ink)}.kl-auth .kl-h1{font-size:clamp(40px,5vw,56px)}.kl-auth .kl-lede{font-size:18px}.kl-site .kl-btn-block{width:100%;justify-content:center}.kl-site button.kl-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.kl-fine{font-size:14px;color:var(--kl-muted)}.kl-alert{padding:14px 16px;border:2px solid var(--kl-ink);border-radius:14px;background:var(--kl-lilac);font-size:16px}.kl-details summary{cursor:pointer;font-weight:600}.kl-form{display:grid;gap:8px;margin-top:10px}.kl-site .kl-form input{font:400 16px var(--kl-font-body);padding:10px 12px;border:2px solid var(--kl-ink);border-radius:12px;background:var(--kl-white);color:var(--kl-ink)}.kl-doc{max-width:46rem;display:grid;gap:20px}.kl-doc .legal-body{max-width:none}.kl-site .kl-doc .legal-body h2{font:700 26px/1.15 var(--kl-font-display);font-variation-settings:"opsz" 96;margin:28px 0 8px}.kl-site .kl-doc .legal-body h3{font:700 20px/1.2 var(--kl-font-display);margin:20px 0 6px}.kl-site .kl-doc .legal-body p,.kl-site .kl-doc .legal-body li{font-size:17px;line-height:1.6;color:var(--kl-ink);max-width:none}.kl-footer{background:var(--kl-ink);color:var(--kl-paper)}.kl-footer-inner{display:grid;gap:20px;padding-block:40px 32px}.kl-site .kl-footer a{color:var(--kl-paper);text-decoration:none}.kl-site .kl-footer a:hover{text-decoration:underline;text-underline-offset:4px}.kl-footer-home{display:inline-block;width:fit-content}.kl-footer-nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px;font-weight:500}.kl-footer-legal{margin:0;color:var(--kl-lilac)}@media(prefers-reduced-motion:reduce){.kl-ring,.kl-site .kl-sticker,.kl-site .kl-sticker[data-nudge]{animation:none}.kl-btn{transition:none}}@media(max-width:860px){.kl-how{grid-template-columns:1fr}}@media(max-width:760px){.kl-site .kl-sticker.kl-s-inrange{right:8px}.kl-hero{grid-template-columns:1fr}.kl-art{max-width:420px;width:100%;justify-self:center}.kl-hide-sm{display:none}.kl-nav-links{gap:12px}.kl-wordmark{height:24px}}.kl-nav-short{display:none}@media(max-width:420px){.kl-nav-long{display:none}.kl-nav-short{display:inline}}.rf{max-width:46rem}.rf-card{display:grid;gap:14px;padding:clamp(20px,3vw,28px);background:var(--kl-white);border:2px solid var(--kl-ink);border-radius:var(--kl-radius-card)}.rf-trial{background:var(--kl-lilac);box-shadow:10px 10px 0 var(--kl-ink)}.rf-bugs{background:var(--kl-butter)}.rf-h2{font:700 clamp(22px,2.4vw,28px)/1.15 var(--kl-font-display);letter-spacing:-.02em}.rf-keys{list-style:none;margin:0;padding:0;display:grid}.rf-keys li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid #E4DFD6;font-weight:500}.rf-keys li:last-child{border-bottom:0}.rf-key{text-transform:none}.rf-form{gap:12px;margin-top:0}.rf-form label{display:grid;gap:6px;font-size:15px;font-weight:600}.kl-site .rf-form input{width:100%}.rf-form .kl-btn{justify-self:start}.rf-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:12px}.rf-away{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.kl-site .rf-again{background:none;border:0;padding:0;font:inherit;color:var(--kl-violet);text-decoration:underline;cursor:pointer}.kl-site .rf-flow .card p{margin:0 0 .75rem}.kl-site .rf-flow .card h2{margin:0 0 .35rem}.kl-site .rf-flow .card h3{margin:1.1rem 0 .5rem}:root{--pco-blue: #4b2bee;--pco-blue-dark: #3a1ecc;--pco-blue-soft: #edeaff;--pco-blue-mid: #c9bfff;--ink: #16131c;--ink-2: #3f3a48;--muted: #6a6474;--canvas: #f1ede6;--card: #ffffff;--line: #e4ded3;--line-strong: #ccc4b6;--lilac: #dcd5ff;--butter: #f4d95e;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-label: "DM Mono", ui-monospace, monospace;--good: #2f855a;--warn: #b7791f;--danger: #c53030;--range-cool: #c3b5ff;--range-cool-soft: #e6e0ff;--range-warm: #f4d95e;--range-warm-soft: #fbefb4;--range-cool-ink: #3a1ecc;--range-warm-ink: #16131c;--range-cool-line: #9d8bff;--range-warm-line: #cfae2a;--stretch-bg: #fdf5cf;--stretch-line: #a88414;--stretch-ink: #5e4700;--butter-line: #cfae2a;--out-bg: #eeeae3;--radius: 16px;--radius-sm: 10px;--shadow-1: 0 1px 2px rgba(23, 33, 43, .05), 0 1px 1px rgba(23, 33, 43, .03);--shadow-2: 0 10px 30px rgba(23, 33, 43, .08);--shell-max: 1100px;--shell-gutter: 1.5rem;--brand-icon: 2rem;--header-control: 2.1rem;--font-sans: "Figtree", "Helvetica Neue", Helvetica, Arial, "Segoe UI", system-ui, sans-serif;font-family:var(--font-sans);font-size:16px;color:var(--ink);background:var(--canvas);line-height:1.55;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--pco-blue)}h1,h2,h3{color:var(--ink);font-family:var(--font-display);font-variation-settings:"opsz" 96;letter-spacing:-.02em;text-wrap:balance}:focus-visible{outline:2px solid var(--pco-blue);outline-offset:2px}.site-frame{min-height:100vh;display:flex;flex-direction:column}.site-header{background:#f1ede6f0;-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:40}.site-header-inner{max-width:var(--shell-max);margin:0 auto;padding:.7rem var(--shell-gutter) .85rem;display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem 1.25rem;min-height:3.5rem}.site-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:.15rem;flex:1 1 auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a{text-decoration:none;font-weight:600;font-size:.95rem;color:var(--ink-2);padding:0 .8rem;border-radius:999px;white-space:nowrap;line-height:1}.site-nav a:hover{background:#fff;color:var(--ink)}.site-nav a.active{background:var(--lilac);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.header-actions{margin-left:auto;display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;flex:0 0 auto}.site-header .site-nav a,.site-header .header-actions button,.site-header .header-actions .btn,.site-header .header-actions select,.site-header .user-menu summary{height:var(--header-control);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1;margin:0}.site-header .header-actions button,.site-header .header-actions .btn,.site-header .btn-piano-menu{padding:0 .85rem;font-size:.9rem}.user-menu{position:relative}.user-menu summary{list-style:none;cursor:pointer;gap:.4rem;padding:0 .6rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:.88rem;font-weight:600;white-space:nowrap;max-width:11rem}.user-menu summary::-webkit-details-marker{display:none}.user-menu summary .user-name{overflow:hidden;text-overflow:ellipsis}.user-menu summary .user-initial{width:1.45rem;height:1.45rem;border-radius:999px;background:var(--pco-blue-soft);color:var(--pco-blue-dark);display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex:0 0 auto}.user-menu[open] summary{border-color:var(--pco-blue-mid)}.user-menu-panel{position:absolute;right:0;top:calc(100% + .4rem);min-width:13rem;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-2);padding:.35rem;z-index:50}.user-menu-panel .user-menu-email{margin:0 0 .3rem;padding:.4rem .65rem .55rem;font-size:.8rem;color:var(--muted);border-bottom:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header .user-menu-panel .user-menu-item{display:flex;align-items:center;justify-content:flex-start;width:100%;height:auto;margin:0;padding:.5rem .65rem;border:0;border-radius:7px;background:none;box-shadow:none;color:var(--ink-2);font:inherit;font-size:.92rem;font-weight:500;line-height:1.3;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}.site-header .user-menu-panel .user-menu-item:hover,.site-header .user-menu-panel .user-menu-item:focus-visible{background:var(--pco-blue-soft);color:var(--pco-blue-dark)}.user-menu-sep{height:1px;background:var(--line);margin:.3rem .15rem}.brand{display:inline-flex;align-items:center;text-decoration:none;color:var(--pco-blue);flex:0 0 auto}.brand,.brand:visited,.brand:hover{color:var(--ink)}.brand:hover .brand-wordmark{opacity:.88}.brand-wordmark{display:block;height:calc(var(--brand-icon) * 402.53 / 330.67);width:auto;aspect-ratio:1971.05 / 402.53}.brand-logo{display:block;height:2.15rem;width:auto;aspect-ratio:760 / 846;color:var(--pco-blue);flex:0 0 auto}.brand-logo.hero{height:4.5rem;margin:0 0 1.1rem}.brand-logo.auth{height:3.25rem;margin:0 auto .9rem}.app-shell{max-width:var(--shell-max);width:100%;margin:0 auto;padding:1.75rem var(--shell-gutter) 3.5rem;flex:1 1 auto}@media(max-width:820px){:root{--shell-gutter: 1rem;--brand-icon: 1.75rem;--header-control: 2rem}.site-header-inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "nav nav";align-items:center;padding:.55rem var(--shell-gutter) .6rem;gap:.4rem .75rem}.brand{grid-area:brand}.site-nav{grid-area:nav;width:100%}.header-actions{grid-area:actions;margin-left:0;width:auto;justify-content:flex-end}.app-shell{padding:1.25rem var(--shell-gutter) 2.5rem}.user-menu summary{max-width:8.5rem;padding:0 .45rem}}@media(max-width:420px){.user-menu summary .user-name{display:none}.user-menu summary{padding:0 .3rem;max-width:none}}.badge{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.18rem .5rem;border-radius:999px;background:var(--pco-blue-soft);color:var(--pco-blue-dark)}.badge.warn{background:#fde8e8;color:#9b2c2c}.badge.ok{background:#e6fffa;color:#234e52}.badge.off{background:var(--out-bg);color:var(--ink-2)}.card{background:var(--card);border:1.5px solid var(--ink);border-radius:var(--radius);padding:1.35rem 1.5rem;margin-bottom:1.1rem;box-shadow:none}.card h2{margin:0 0 .6rem;font-size:1.35rem;font-weight:800}.card h3{margin:0 0 .45rem;font-size:1.05rem;font-weight:700}.card>p.muted:first-of-type{margin-top:0}.muted{color:var(--muted);font-size:.92rem}table{width:100%;border-collapse:collapse;font-size:.93rem;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:.6rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f7f4ee;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}tbody tr:last-child td{border-bottom:none}button,.btn{cursor:pointer;border:1.5px solid var(--pco-blue);background:var(--pco-blue);color:#fff;border-radius:999px;padding:.55rem 1.1rem;font-weight:600;font-size:.95rem;text-decoration:none;display:inline-block;line-height:1.25;font-family:inherit;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform .12s ease}button:hover,.btn:hover{background:var(--pco-blue-dark);border-color:var(--pco-blue-dark)}button.secondary,.btn.secondary{background:#fff;color:var(--ink);border-color:var(--ink)}button.secondary:hover,.btn.secondary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 3px 0 var(--ink)}.btn-block{width:100%;text-align:center}.btn-lg{padding:.8rem 1.4rem;font-size:1.02rem}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover,button.secondary:disabled:hover{transform:none;box-shadow:none}input,select,textarea{font:inherit;padding:.5rem .65rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;max-width:320px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--pco-blue);box-shadow:0 0 0 3px #2b6cb02e}label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.02em;margin-bottom:.3rem;color:var(--ink-2)}.field{margin-bottom:.9rem}.row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.callout{border-left:3px solid var(--pco-blue);background:var(--pco-blue-soft);padding:.7rem .95rem;margin:.75rem 0;font-size:.93rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.callout.fence{border-color:var(--danger);background:#fff5f5}.empty-state{text-align:center;padding:2rem 1rem 2.2rem;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:#fbfcfd}.empty-state h3{margin:0 0 .35rem;font-size:1.05rem;color:var(--ink)}.empty-state p{margin:0 auto .9rem;max-width:34rem}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:auto}.site-footer-inner{max-width:var(--shell-max);margin:0 auto;padding:1.6rem var(--shell-gutter) 1.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem 1.5rem}.site-footer-brand{margin:0;display:flex;align-items:center;color:var(--pco-blue)}.site-footer-wordmark{display:block;height:1.55rem;width:auto;aspect-ratio:1971.05 / 402.53}.site-footer-tagline{margin:.1rem 0 0;font-size:.85rem;color:var(--muted);font-family:var(--font-sans);font-weight:500;letter-spacing:0}.site-footer-nav{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem}.site-footer-nav a{text-decoration:none;color:var(--ink-2);font-size:.9rem;font-weight:600}.site-footer-nav a:hover{color:var(--pco-blue-dark)}.site-footer-legal{width:100%;margin:0;font-size:.8rem;color:var(--muted)}.trust-badge{display:inline-flex;align-items:center;gap:.4rem;margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .7rem;border-radius:999px;background:var(--pco-blue-soft);color:var(--pco-blue-dark)}.trust-badge-inline{margin-left:.45rem;vertical-align:middle}.mkt-kicker{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pco-blue);margin:0 0 .6rem}.preview{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);padding:1.1rem 1.15rem 1.15rem;max-width:34rem;width:100%;justify-self:end}.mkt-list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.mkt-list li{display:grid;grid-template-columns:1.2rem 1fr;gap:.5rem;color:var(--ink-2);font-size:.95rem;align-items:start}.mkt-list li svg{width:1.1rem;height:1.1rem;color:var(--good);margin-top:.15rem}.auth-card{max-width:26.5rem;margin:2.5rem auto 2rem;padding:2.1rem 1.8rem 1.8rem;text-align:center}.auth-card .trust-badge{margin:0 auto}.auth-title{font-size:1.9rem;margin:.8rem 0 .5rem;max-width:none}.auth-lede{margin:0 auto 1.35rem;font-size:.98rem}.auth-card .btn-block{padding:.75rem 1rem;font-size:1rem}.auth-alt{margin-top:1.35rem;padding-top:1rem;border-top:1px solid var(--line);text-align:left}.auth-alt summary{cursor:pointer;font-weight:700;font-size:.85rem;color:var(--muted)}.legal-card{padding:1.8rem 1.7rem;max-width:46rem}.legal-body{max-width:40rem}.legal-body h2{font-size:1.25rem;color:var(--ink);margin:0 0 .85rem}.legal-body h3{font-size:1.02rem;margin:1.25rem 0 .4rem;color:var(--ink)}.legal-body p{margin:0 0 .85rem;color:var(--ink-2);font-size:.98rem}.legal-body ul{margin:0 0 .85rem;padding-left:1.2rem;color:var(--ink-2);font-size:.98rem}.legal-body li{margin:0 0 .35rem}.terms-gate{max-width:40rem}.terms-gate h2{margin-bottom:.5rem}.agree-check{display:flex;gap:.55rem;align-items:flex-start;margin:.85rem 0;font-weight:500}.agree-check input{width:auto;max-width:none;margin-top:.2rem;flex:0 0 auto}.range-attestation{margin:.4rem 0 1rem}.range-attestation .agree-check{margin-top:0}.auth-consent{margin:.85rem 0 0;font-size:.85rem;text-align:center}.copy-link{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}.copy-link input{max-width:22rem}.needs-admin{text-align:left}.needs-admin h3{margin:0 0 .35rem;font-size:1rem;color:var(--ink)}.needs-admin p{margin:0 0 .6rem}.admin-candidates{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.35rem}.admin-candidates li{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-weight:600;color:var(--ink)}.team>.muted{max-width:40rem}.team-take{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.team-table td{vertical-align:middle}.team-name{display:flex;gap:.5rem;align-items:center;font-weight:600;color:var(--ink)}.team-email{font-size:.82rem;color:var(--muted);margin-top:.1rem}.team-pco{color:var(--ink-2)}.team-actions{text-align:right;white-space:nowrap}.team-actions>button+button{margin-left:.4rem}.team-actions button{padding:.38rem .75rem;font-size:.85rem}.team-confirm{display:inline-flex;gap:.4rem;align-items:center;font-size:.85rem;color:var(--ink-2)}.role-chip{display:inline-block;padding:.18rem .6rem;border-radius:999px;font-size:.76rem;font-weight:700;background:var(--out-bg);color:var(--ink-2)}.role-chip.is-admin{background:var(--pco-blue-soft);color:var(--pco-blue-dark)}.team-invite{margin-top:1.4rem;border-top:1px solid var(--line);padding-top:1rem}.team-invite h3{margin:0 0 .35rem;font-size:1rem}button.linklike{background:none;border:none;box-shadow:none;padding:0;border-radius:4px;color:var(--pco-blue);font-weight:600;font-size:inherit;text-decoration:underline;text-underline-offset:2px}button.linklike:hover{background:none;color:var(--pco-blue-dark)}button.linklike:disabled{color:var(--muted);text-decoration:none}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172aa3}.tour-spot{position:fixed;border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px #0f172aa3,0 0 0 2px #fffffff2,0 0 0 7px #2b6cb059;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease}.tour-card{position:fixed;width:min(360px,calc(100vw - 32px));background:#fff;color:var(--ink);border-radius:14px;padding:1.15rem 1.25rem .85rem;box-shadow:0 24px 60px #0f172a52,0 2px 6px #0f172a1f;transition:top .25s ease,left .25s ease}.tour-card.is-docked{left:16px;right:16px;top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:auto}.tour-count{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--pco-blue)}.tour-card h2{margin:0 0 .4rem;font-size:1.12rem;line-height:1.3;text-wrap:balance}.tour-card #tour-body{margin:0 0 1rem;color:var(--ink-2);line-height:1.55;font-size:.95rem}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tour-nav{display:flex;gap:.45rem}.tour-nav button{padding:.5rem .95rem}.tour-skip{color:var(--muted);font-size:.88rem}.tour-dots{display:flex;gap:5px;justify-content:center;margin-top:.85rem}.tour-dots span{width:6px;height:6px;border-radius:3px;background:#d5deea;transition:width .2s ease,background .2s ease}.tour-dots span.is-on{width:18px;background:var(--pco-blue)}@media(prefers-reduced-motion:reduce){.tour-spot,.tour-card,.tour-dots span{transition:none}}.header-actions a.btn{text-decoration:none;color:#fff}@media(max-width:640px){.auth-card{padding:1.6rem 1.15rem 1.35rem;margin-top:1rem}.site-footer-inner{padding:1.25rem var(--shell-gutter)}.preview{justify-self:stretch}}.song-pick-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.35rem .75rem;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:.5rem .65rem;background:#f7fafc}.song-pick{display:flex;gap:.45rem;align-items:flex-start;font-weight:500;font-size:.9rem}.song-pick input{width:auto;max-width:none;margin-top:.2rem}.note-input-low{background:var(--range-cool-soft);border-color:var(--range-cool-line)}.note-input-high{background:var(--range-warm-soft);border-color:var(--range-warm-line)}.range-warmth-legend{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"low bar high";align-items:center;gap:.45rem;max-width:16rem;margin:0 0 .85rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.range-warmth-bar{grid-area:bar;height:.45rem;border-radius:999px;background:linear-gradient(in oklch 90deg,var(--range-cool) 0%,var(--range-warm) 100%)}.range-warmth-low{grid-area:low;color:var(--range-cool-ink)}.range-warmth-high{grid-area:high;color:var(--range-warm-ink)}.set-key-list{display:flex;flex-direction:column;gap:1rem}.set-key-row{padding:.75rem 0;border-bottom:1px solid var(--line)}.set-key-row:last-of-type{border-bottom:none;padding-bottom:0}.set-key-meta{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;align-items:flex-end;margin-bottom:.55rem}.set-key-title{font-weight:700;font-size:1rem}.set-key-lead{display:flex;flex-direction:column;gap:.2rem;margin:0}.set-key-lead select{max-width:16rem}.set-key-hint{margin:.4rem 0 0}.key-picker{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.2rem}.key-pick{min-width:0;width:100%;max-width:none;padding:.4rem .1rem;border-radius:8px;border:1px solid var(--line);background:#eeeae3;color:#aaa39a;font-family:var(--font-label);font-weight:500;font-size:.8rem;line-height:1.2}.key-pick.is-fit{--warmth: 0;background:color-mix(in oklch,var(--range-cool) calc((1 - var(--warmth)) * 100%),var(--range-warm) calc(var(--warmth) * 100%));color:color-mix(in oklch,var(--range-cool-ink) calc((1 - var(--warmth)) * 100%),var(--range-warm-ink) calc(var(--warmth) * 100%));border-color:color-mix(in oklch,var(--range-cool-line) calc((1 - var(--warmth)) * 100%),var(--range-warm-line) calc(var(--warmth) * 100%))}.key-pick.is-selected{box-shadow:0 0 0 2px var(--ink);border-color:var(--ink)}.key-pick.is-suggested{box-shadow:inset 0 0 0 2px var(--pco-blue);border-color:var(--pco-blue)}.key-pick.is-suggested.is-selected{box-shadow:0 0 0 2px var(--ink),inset 0 0 0 2px var(--pco-blue);border-color:var(--ink)}.key-pick:disabled{opacity:.42;cursor:not-allowed}@media(max-width:640px){.app-shell{max-width:100%}.key-picker{grid-template-columns:repeat(6,minmax(0,1fr))}}.field-error{color:#9b2c2c;font-size:.75rem;margin-top:.2rem;max-width:140px}table input{max-width:110px}.piano-wrap{margin:.5rem 0 1rem}.piano-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.piano{position:relative;display:flex;height:7.5rem;min-width:calc(var(--white-count, 29) * 1.65rem);-webkit-user-select:none;user-select:none}.piano-key{position:relative;border:1px solid #a0aec0;padding:0;margin:0;font:inherit;cursor:pointer;border-radius:0 0 4px 4px}.piano-key.white{flex:1 1 0;background:#fff;color:var(--ink);z-index:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.2rem;min-width:1.5rem}.piano-key.white:hover{background:var(--pco-blue-soft)}.piano-key.white.active{background:var(--pco-blue-mid);border-color:var(--pco-blue)}.piano-key.black{position:absolute;top:0;width:calc(100% / var(--white-count, 29) * .62);height:58%;background:var(--ink);color:#f1ede6;border-color:var(--ink);z-index:2;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.15rem;transform:translate(-50%)}.piano-key.black:hover{background:#4a5568}.piano-key.black.active{background:var(--pco-blue-dark);border-color:var(--pco-blue)}.piano-label{font-size:.55rem;font-weight:700;line-height:1;pointer-events:none;writing-mode:horizontal-tb;transform:none;rotate:none}.piano-key.black .piano-label{font-size:.48rem;color:#e2e8f0}@media(max-width:640px){.piano{height:6.5rem;min-width:calc(var(--white-count, 29) * 1.35rem)}.piano-label{font-size:.48rem}}.floating-piano{position:fixed;right:.75rem;bottom:.75rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;max-width:min(960px,calc(100vw - 1.5rem))}.floating-piano-tab{box-shadow:0 2px 8px #2d374833}.floating-piano-panel{width:100%;background:var(--card, #fff);border:1px solid var(--line, #e2e8f0);border-radius:10px;padding:.65rem .75rem .85rem;box-shadow:0 8px 24px #2d37482e;box-sizing:border-box}.floating-piano-hint{margin:0 0 .5rem;font-size:.82rem}body.floating-piano-open .app-shell{padding-bottom:11rem}.floating-piano{position:fixed;right:1rem;bottom:1rem;z-index:1000;max-width:min(920px,calc(100vw - 1.5rem))}.piano-fab{box-shadow:0 4px 18px #0f172a40;border-radius:999px;padding:.65rem 1.15rem;font-weight:600;background:var(--pco-blue, #3b82f6);color:#fff;border:none}.piano-fab:hover{filter:brightness(1.05)}.piano-panel{background:var(--card, #fff);border:1px solid var(--border, #cbd5e1);border-radius:12px;box-shadow:0 12px 40px #0f172a38;padding:.65rem .75rem .4rem}.piano-panel-head{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:.35rem}.piano-panel-close{margin-left:auto}.piano-panel .piano-wrap{margin:0}@media(max-width:640px){.floating-piano{right:.5rem;bottom:.5rem;left:.5rem;max-width:none}}.legal-pre{white-space:pre-wrap;font-size:.82rem;line-height:1.45;max-height:28rem;overflow:auto;background:#f7f4ee;border:1px solid var(--line);border-radius:8px;padding:.75rem 1rem}.btn-piano-menu{cursor:pointer;border:1.5px solid var(--ink);background:var(--butter);color:var(--ink);border-radius:999px;padding:0 .9rem;font-weight:700;font-size:.9rem;line-height:1;box-shadow:2px 2px 0 var(--ink)}.btn-piano-menu:hover{background:var(--butter);border-color:var(--ink);transform:translateY(-1px);box-shadow:2px 3px 0 var(--ink)}.btn-piano-menu[aria-expanded=true]{background:var(--ink);border-color:var(--ink);color:var(--butter);box-shadow:none}.floating-piano-fab{display:none}.floating-piano-dock{position:fixed;left:50%;transform:translate(-50%);bottom:.75rem;z-index:1000;max-width:calc(100vw - .5rem);max-height:calc(100vh - .5rem);box-sizing:border-box}.floating-piano-dock.is-horizontal{min-width:280px}.floating-piano-dock.is-vertical{min-width:220px}.floating-piano-dock .floating-piano-panel{position:relative;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:.55rem .65rem .85rem;overflow:hidden}.floating-piano-dock.is-vertical .floating-piano-panel{padding:.45rem .4rem .75rem}.floating-piano-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.25rem;flex-shrink:0}.floating-piano-drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.floating-piano-drag-handle:active{cursor:grabbing}.floating-piano-head-actions{display:flex;gap:.35rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.floating-piano-dock.is-vertical .floating-piano-panel-head{flex-direction:column;align-items:stretch}.floating-piano-dock.is-vertical .floating-piano-hint{font-size:.78rem;line-height:1.35;word-break:break-word}.floating-piano-dock.is-vertical .floating-piano-head-actions{width:100%;justify-content:stretch;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:.3rem}.floating-piano-dock.is-vertical .floating-piano-tier-snaps{flex:1 1 100%;width:100%}.floating-piano-dock.is-vertical .floating-piano-head-actions>button.secondary{flex:1 1 calc(50% - .2rem);min-width:0}.floating-piano-hint{margin:0;font-size:.82rem}.floating-piano-dock.is-horizontal .floating-piano-panel-head{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:.5rem}.floating-piano-dock.is-horizontal .floating-piano-hint{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.floating-piano-dock.is-horizontal .floating-piano-head-actions{flex:0 0 auto;flex-wrap:nowrap;margin-left:0}.floating-piano-dock.is-horizontal.tier-compact .floating-piano-tier-snap{padding:.18rem .28rem;font-size:.58rem}.floating-piano-dock.is-horizontal.tier-compact .floating-piano-head-actions>button.secondary{padding-left:.4rem;padding-right:.4rem;font-size:.74rem}.floating-piano-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:.35rem}.floating-piano-dock.is-vertical .floating-piano-body{flex-direction:row;align-items:stretch}.floating-piano-dock.is-vertical .floating-piano-body .piano-minimap{flex:0 0 auto}.floating-piano-dock.is-vertical .floating-piano-body .piano-wrap{flex:1 1 auto;min-width:0;margin-left:0}.floating-piano-tier-snaps{display:inline-flex;align-items:stretch;border:1px solid var(--pco-blue-mid);border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--pco-blue-soft)}.floating-piano-tier-snap{margin:0;border:none;border-radius:0;border-right:1px solid var(--pco-blue-mid);background:transparent;color:var(--pco-blue-dark);font-size:.68rem;font-weight:700;letter-spacing:.01em;text-transform:uppercase;padding:.22rem .45rem;line-height:1.2;cursor:pointer;box-shadow:none}.floating-piano-tier-snap:last-child{border-right:none}.floating-piano-tier-snap:hover{background:#fff}.floating-piano-tier-snap.is-active{background:var(--pco-blue);color:#fff}.floating-piano-dock.is-vertical .floating-piano-tier-snap{flex:1 1 0;text-align:center;padding:.28rem .2rem;font-size:.62rem}.piano-minimap{display:flex;align-items:stretch;gap:.25rem;margin:.1rem 0 .45rem;flex-shrink:0}.piano-minimap.is-vertical{flex-direction:column;align-items:center;max-width:3.25rem;margin-right:.35rem;margin-bottom:0;align-self:stretch}.piano-minimap-chevron{flex:0 0 auto;width:1.35rem;min-width:1.35rem;padding:0;border:1px solid var(--line);background:#fff;color:var(--pco-blue-dark);border-radius:5px;font-size:1rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:none}.piano-minimap-chevron:hover{background:var(--pco-blue-soft);border-color:var(--pco-blue)}.piano-minimap.is-vertical .piano-minimap-chevron{width:100%;height:1.25rem;min-width:0;font-size:.75rem}.piano-minimap-track{position:relative;flex:0 0 auto;border:1px solid var(--line);border-radius:6px;background:#f7fafc;overflow:hidden;touch-action:none;cursor:pointer}.piano-minimap.is-horizontal{justify-content:center;align-items:center;width:100%;flex-shrink:0}.piano-minimap.is-horizontal .piano-minimap-track{width:280px;max-width:280px;min-width:280px;height:2.2rem;max-height:2.2rem;min-height:2.2rem}.piano-minimap.is-horizontal .piano-minimap-chevron{height:2.2rem;align-self:center}.piano-minimap.is-vertical .piano-minimap-track{width:2.35rem;min-width:2.35rem;max-width:2.35rem;flex:0 0 auto;height:280px;min-height:280px;max-height:280px;align-self:center}.floating-piano-dock.is-vertical .piano-minimap.is-vertical{margin:0;flex:0 0 auto;height:auto;max-height:none;align-self:flex-start}.piano-minimap-track .piano-wrap-minimap{margin:0;height:100%;pointer-events:none}.piano-minimap-track .piano-wrap-minimap .piano-scroll{overflow:hidden;height:100%;padding:0}.piano-minimap-track .piano-wrap-minimap .piano{width:100%;min-width:0;height:100%;min-height:0}.piano-minimap-track .piano-key{border-radius:0;cursor:default}.piano-minimap-track .piano-key.white{min-width:0;background:#fff;border-color:#cbd5e0;padding:0}.piano-minimap-track .piano-key.black{background:#4a4552;border-color:var(--ink);height:55%;width:calc(100% / var(--white-count, 29) * .55);padding:0}.piano-wrap-minimap.piano-wrap-vertical .piano{width:100%;min-width:0;height:100%;min-height:0;flex-direction:column-reverse}.piano-wrap-minimap.piano-wrap-vertical .piano-key.white{min-height:0;border-radius:0;padding:0}.piano-wrap-minimap.piano-wrap-vertical .piano-key.black{width:55%;height:calc(100% / var(--white-count, 15) * .55);border-radius:0}.piano-minimap-viewport{position:absolute;z-index:3;box-sizing:border-box;background:#4b2bee2e;border:2px solid var(--pco-blue);border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff59;cursor:grab;touch-action:none}.piano-minimap-viewport:active{cursor:grabbing}.piano-minimap-viewport:focus-visible{outline:2px solid var(--pco-blue);outline-offset:1px}.piano-minimap.is-horizontal .piano-minimap-viewport{min-width:12px}.piano-minimap.is-vertical .piano-minimap-viewport{min-height:12px}.floating-piano-resize{position:absolute;z-index:5;touch-action:none;-webkit-user-select:none;user-select:none}.floating-piano-resize-east,.floating-piano-resize-west{top:28%;bottom:28%;width:10px;cursor:ew-resize}.floating-piano-resize-east{right:0}.floating-piano-resize-west{left:0}.floating-piano-resize-east:after,.floating-piano-resize-west:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:28px;border-radius:2px;background:#cbd5e0}.floating-piano-resize-north,.floating-piano-resize-south{left:22%;right:22%;height:10px;cursor:ns-resize}.floating-piano-resize-north{top:0}.floating-piano-resize-south{bottom:0}.floating-piano-resize-north:after,.floating-piano-resize-south:after{content:"";display:block;width:36px;height:3px;margin:3px auto 0;border-radius:2px;background:#cbd5e0}.floating-piano-dock.is-vertical .floating-piano-panel{flex-direction:column}.floating-piano-dock .piano-wrap{margin:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.floating-piano-dock .piano-scroll{flex:1 1 auto;min-height:0;overflow:hidden;padding-bottom:0}.floating-piano-dock.is-horizontal .piano-wrap:not(.piano-wrap-minimap) .piano{width:100%;min-width:0!important;height:100%;min-height:5.5rem}.floating-piano-dock.is-horizontal .piano-wrap:not(.piano-wrap-minimap) .piano-key.white{flex:1 1 0;min-width:0;width:auto}.piano-wrap-vertical{margin:0}.piano-wrap-vertical .piano-scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:min(70vh,calc(100vh - 10rem));padding-bottom:0;padding-right:.15rem}.piano-wrap-vertical .piano{flex-direction:column-reverse;height:auto;width:7.25rem;min-width:7.25rem;min-height:calc(var(--white-count, 15) * 1.55rem)}.piano-wrap-vertical .piano-key.white{flex:1 1 0;width:100%;min-width:0;min-height:1.4rem;align-items:center;justify-content:flex-end;padding-bottom:0;padding-right:.25rem;border-radius:0 4px 4px 0}.piano-wrap-vertical .piano-key.black{left:0;width:58%;height:calc(100% / var(--white-count, 15) * .62);transform:translateY(-50%);align-items:center;justify-content:flex-end;padding-bottom:0;padding-right:.12rem;border-radius:0 3px 3px 0}.piano-wrap-vertical .piano-label{writing-mode:horizontal-tb;transform:none;rotate:none}.floating-piano-dock.is-vertical .piano-wrap-vertical .piano-label{font-size:.62rem;font-weight:700;letter-spacing:.01em}.floating-piano-dock.is-vertical .piano-wrap-vertical .piano-key.black .piano-label{font-size:.52rem}.floating-piano-dock.is-vertical .piano-wrap-vertical .piano-scroll{max-height:none;overflow:hidden;height:100%}.floating-piano-dock.is-vertical .piano-wrap-vertical:not(.piano-wrap-minimap) .piano{width:100%;min-width:0;height:100%;min-height:0}.floating-piano-dock.is-vertical .piano-wrap-vertical:not(.piano-wrap-minimap) .piano-key.white{flex:1 1 0;min-height:0}@media(max-width:640px){.piano-wrap-vertical .piano{width:6.25rem;min-width:6.25rem;min-height:calc(var(--white-count, 15) * 1.35rem)}}@media(max-width:480px){.floating-piano-dock .floating-piano-panel{padding:.35rem .4rem .55rem}.floating-piano-dock .floating-piano-hint{font-size:.72rem}.floating-piano-dock .floating-piano-tier-snap{font-size:.72rem;padding:.28rem .4rem}.floating-piano-dock.is-horizontal .piano-wrap:not(.piano-wrap-minimap) .piano-key.white{min-height:3.4rem}}body.floating-piano-open .app-shell{padding-bottom:var(--piano-clearance, 2rem)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.piano-minimap.is-horizontal .piano-minimap-track .piano-wrap-minimap{height:100%}.piano-minimap.is-horizontal .piano-minimap-track .piano-wrap-minimap .piano{width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;max-height:2.2rem!important}.piano-minimap.is-vertical .piano-minimap-track .piano-wrap-minimap .piano{width:2rem!important;height:100%!important;min-height:0!important}.workspace-switch{width:auto;max-width:14rem;padding:.35rem .6rem;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:.9rem}@media(max-width:820px){.site-nav{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 2rem),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 2rem),transparent 100%);padding-right:1.5rem}}table input{max-width:110px;min-width:4.6rem;padding:.45rem .5rem}.songs-table input{max-width:7.5rem}.note-chip{display:inline-block;min-width:3.2rem;text-align:center;padding:.35rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:#f7f4ee;font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums}.note-chip-low{background:var(--range-cool);border-color:var(--range-cool-line);color:var(--range-cool-ink)}.note-chip-high{background:var(--range-warm);border-color:var(--range-warm-line);color:var(--range-warm-ink)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.card-head h2{margin-bottom:.35rem}.catalog-table input{max-width:none}.row-new td{background:#fbfdff}.status-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--ink)}.status-pill.done{background:#e6fffa;color:#234e52;border-color:#b2f5ea}.status-pill.todo{background:#fffaf0;color:#7b341e;border-color:#fbd38d}.status-pill.warn{background:#fff5f5;color:#9b2c2c;border-color:#feb2b2}.status-pill a,.status-pill .linklike{font:inherit;color:inherit;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer;box-shadow:none;min-height:0;font-weight:600}.status-pill .linklike:disabled{opacity:.6;cursor:default}.status-pill span:not(.status-dot){font-weight:500}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:currentColor;flex:0 0 auto}.sunday-pick{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.sunday-pick label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--muted);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.sunday-pick select{min-width:13rem;font-weight:500;text-transform:none;letter-spacing:0}.plan-row{padding:.9rem 0;border-bottom:1px solid var(--line)}.plan-row:last-of-type{border-bottom:none;padding-bottom:0}.plan-row-head{display:flex;flex-wrap:wrap;gap:.4rem .75rem;align-items:center;margin-bottom:.55rem}.plan-seq{color:var(--muted);font-variant-numeric:tabular-nums;min-width:1.3rem;font-weight:600}.plan-title{font-weight:700;font-size:1rem}.chip{display:inline-block;padding:.15rem .55rem;border-radius:999px;background:#eeeae3;color:var(--ink-2);font-size:.74rem;font-weight:600}.chip.warn{background:#fffaf0;color:#7b341e}.plan-controls{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:flex-end;margin-bottom:.55rem}.key-pick.is-fit.is-stretch{border-style:dashed;background:var(--stretch-bg);color:var(--stretch-ink);border-color:var(--stretch-line)}.key-pick.is-fit.is-stretch.is-selected{border-style:solid}.songs-pending{margin-top:1.1rem;border-top:1px solid var(--line);padding-top:.8rem;scroll-margin-top:5.5rem}.songs-pending summary{cursor:pointer;font-weight:600}.songs-pending>p{margin-top:.5rem}@media(max-width:520px){.status-strip{flex-direction:column;align-items:stretch}.status-pill{flex-wrap:wrap;row-gap:.15rem}}.trial-banner{background:var(--pco-blue-soft);color:var(--pco-blue);font-size:.85rem;font-weight:600;text-align:center;padding:.45rem 1rem;border-bottom:1px solid var(--line)}.trial-banner.is-warn{background:#fff5f5;color:#9b2c2c}.trial-banner a{color:inherit}.billing-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-start}.billing-state{font-size:1.35rem;margin:0 0 .3rem}.billing-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}.billing-gate .trust-badge{margin-bottom:.6rem}.billing-gate .btn{margin-top:.2rem}.placement{margin:.45rem 0 0;font-size:.85rem;color:var(--muted)}.placement strong{color:var(--ink);font-family:var(--font-label);font-weight:500;font-variant-numeric:tabular-nums}.place-song{margin:.35rem 0 0;display:flex;flex-direction:column;gap:.55rem}.place-song-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem}.chip-button{padding:.25rem .7rem;border-radius:999px;border:1px solid var(--pco-blue-mid);background:var(--pco-blue-soft);color:var(--pco-blue);font-size:.8rem;font-weight:600;min-height:0;box-shadow:none}.chip-button:hover{background:var(--lilac)}.place-song-range{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem}.place-song-range>.muted{align-self:center;font-size:.85rem}.place-song-range label{display:block;margin:0}.place-song-range input{width:9rem;min-width:0}.place-song-list{display:flex;flex-direction:column;gap:.9rem;margin-top:.6rem}.place-song-card{padding:.75rem 0;border-top:1px solid var(--line)}.help{padding:1.6rem 0 .5rem}.help-hero{position:relative;background:var(--ink);color:#fff;border-radius:20px;padding:3.1rem 2.6rem 3.3rem;margin:0 0 2.6rem}.help-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.help-hero>:not(.help-hero-art){position:relative;z-index:1}.help-hero-keys{position:absolute;right:-3.5rem;bottom:-2.5rem;width:30rem;height:auto;transform:rotate(-9deg);opacity:.9}.help-hero-keys rect{fill:#ffffff0d;stroke:#ffffff29;stroke-width:1.5}.help-hero-keys rect.is-black{fill:#ffffff24;stroke:none}.help-hero-kicker{margin:0 0 .55rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lilac)}.help-hero-title{margin:0 0 1.5rem;color:#fff;font-size:clamp(1.95rem,4.2vw,2.75rem);font-weight:800;letter-spacing:-.028em;line-height:1.08}@media(max-width:640px){.help-hero{padding:2rem 1.2rem 2.2rem;border-radius:16px;margin-bottom:2rem}.help-hero-keys{width:20rem;right:-5rem;bottom:-3rem;opacity:.6}}.help-search{position:relative;width:100%;max-width:37rem}.help-search>svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--muted);pointer-events:none;z-index:1}.help-search input{max-width:none;width:100%;padding:.9rem 1rem .9rem 3rem;font-size:1.05rem;border-radius:12px;border:1px solid transparent;box-shadow:0 10px 28px #0f172a38}.help-search input:focus{border-color:#fff;box-shadow:0 0 0 4px #ffffff59,0 10px 28px #0f172a38}.help-search.is-sm{max-width:19rem}.help-search.is-sm>svg{left:.75rem;width:1rem;height:1rem}.help-search.is-sm input{padding:.5rem .75rem .5rem 2.25rem;font-size:.92rem;border-radius:10px;border-color:var(--line-strong);box-shadow:none}.help-search.is-sm input:focus{border-color:var(--pco-blue);box-shadow:0 0 0 3px #2b6cb02e}.help-search-panel{position:absolute;left:0;right:0;top:calc(100% + .45rem);z-index:60;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 44px #0f172a2e;padding:.35rem;max-height:min(70vh,30rem);overflow:auto;text-align:left}.help-search.is-sm .help-search-panel{left:auto;width:min(27rem,calc(100vw - 2rem))}.help-search-panel ul{list-style:none;margin:0;padding:0}.help-search-panel li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .75rem;padding:.65rem .8rem;border-radius:8px;cursor:pointer}.help-search-panel li.is-active{background:var(--pco-blue-soft)}.help-hit-title{font-weight:700;font-size:.97rem;color:var(--ink)}.help-hit-cat{align-self:center;font-size:.74rem;font-weight:600;color:var(--muted);white-space:nowrap}.help-hit-snippet{grid-column:1 / -1;font-size:.86rem;line-height:1.45;color:var(--ink-2)}.help-search-panel mark{background:#fdf0b4;color:inherit;border-radius:3px;padding:0 1px}.help-search-empty{margin:0;padding:.8rem;font-size:.93rem;color:var(--muted)}.help-section{margin:0 0 2.6rem}.help-section-title{margin:0 0 .9rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.help-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.help-start-card{display:flex;flex-direction:column;gap:.3rem;padding:1.3rem 1.35rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);color:var(--ink);text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease}.help-start-card:hover{border-color:var(--pco-blue-mid);box-shadow:0 0 0 3px var(--pco-blue-soft),var(--shadow-1)}.help-start-icon{width:2.5rem;height:2.5rem;border-radius:10px;background:var(--pco-blue-soft);color:var(--pco-blue-dark);display:inline-flex;align-items:center;justify-content:center;margin:0 0 .55rem}.help-start-icon svg{width:1.3rem;height:1.3rem}.help-start-title{font-weight:700;font-size:1.07rem;letter-spacing:-.01em}.help-start-summary{flex:1 1 auto;color:var(--ink-2);font-size:.94rem;line-height:1.5}.help-start-more{margin-top:.55rem;font-size:.84rem;font-weight:600;color:var(--pco-blue)}.help-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.help-topic{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:1.15rem 1.35rem .55rem;scroll-margin-top:6rem}.help-topic-title{display:flex;align-items:center;gap:.6rem;margin:0 0 .45rem;font-size:1.04rem}.help-topic-icon{display:inline-flex;color:var(--pco-blue)}.help-topic-icon svg{width:1.2rem;height:1.2rem}.help-topic ul{list-style:none;margin:0;padding:0}.help-topic li+li{border-top:1px solid var(--line)}.help-topic li a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;color:var(--ink-2);font-size:.97rem;text-decoration:none}.help-topic li a:after{content:"›";color:var(--line-strong);font-size:1.2rem;line-height:1}.help-topic li a:hover{color:var(--pco-blue-dark)}.help-topic li a:hover:after{color:var(--pco-blue)}@media(max-width:820px){.help-start,.help-topics{grid-template-columns:1fr}}@media(max-width:640px){.help-start-card{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.2rem .9rem;padding:1rem 1.1rem}.help-start-icon{grid-row:1 / span 3;margin:0}.help-start-more{margin-top:.3rem}}.help-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin:.5rem 0 1rem;padding:1.35rem 1.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.help-contact h2{margin:0 0 .2rem;font-size:1.08rem}.help-contact p{margin:0;color:var(--ink-2);font-size:.97rem}.help-contact .btn{flex:0 0 auto}.help-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin:0 0 1.25rem}.help-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem}.help-crumbs a{color:var(--ink-2);font-weight:600;text-decoration:none}.help-crumbs a:hover{color:var(--pco-blue-dark);text-decoration:underline;text-underline-offset:2px}.help-crumbs span{color:var(--line-strong)}.help-layout{display:grid;grid-template-columns:14.5rem minmax(0,1fr);gap:2rem;align-items:start;margin-bottom:2.4rem}.help-side{position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow:auto}.help-nav-group+.help-nav-group{margin-top:1.35rem}.help-nav-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .45rem;padding:0 .35rem;font-size:.92rem;font-weight:800;letter-spacing:-.005em;color:var(--ink)}.help-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex:0 0 auto;border-radius:7px;background:var(--pco-blue-soft);color:var(--pco-blue-dark)}.help-nav-icon svg{width:.95rem;height:.95rem}.help-nav ul{list-style:none;margin:0 0 0 1.15rem;padding:0 0 0 .55rem;border-left:2px solid var(--line)}.help-nav a{display:block;padding:.36rem .6rem;border-radius:8px;color:var(--ink-2);font-size:.9rem;line-height:1.35;text-decoration:none}.help-nav a:hover{background:#fff;color:var(--ink)}.help-nav a[aria-current=page]{background:var(--pco-blue-soft);color:var(--pco-blue-dark);font-weight:600}.help-nav-below{display:none}@media(max-width:900px){.help-layout{grid-template-columns:1fr;margin-bottom:1.5rem}.help-side{display:none}.help-nav-below{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.1rem 1.5rem;margin:0 0 1.5rem;padding:1.2rem .6rem .4rem;border-top:1px solid var(--line)}.help-nav-below .help-nav-group+.help-nav-group{margin-top:0}}.help-article{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-1);padding:2.3rem 2.6rem 2.1rem}.help-article-head{padding-bottom:1.4rem;margin-bottom:1.6rem;border-bottom:1px solid var(--line)}.help-eyebrow{margin:0 0 .5rem;font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--pco-blue)}.help-article h1{margin:0 0 .55rem;font-size:clamp(1.75rem,3.4vw,2.3rem);font-weight:800;letter-spacing:-.024em;line-height:1.14}.help-lede{margin:0 0 .85rem;max-width:42rem;font-size:1.13rem;line-height:1.55;color:var(--ink-2)}.help-meta{margin:0;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.help-toc{margin:0 0 1.9rem;padding:.95rem 1.15rem;background:var(--canvas);border-radius:10px;max-width:42rem}.help-toc p{margin:0 0 .4rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.help-toc ol{margin:0;padding-left:1.25rem;display:grid;gap:.2rem;font-size:.94rem}.help-toc li::marker{color:var(--muted);font-variant-numeric:tabular-nums}.help-toc a{color:var(--pco-blue-dark);text-decoration:none}.help-toc a:hover{text-decoration:underline;text-underline-offset:2px}@media(max-width:640px){.help{padding-top:1.1rem}.help-article{padding:1.45rem 1.15rem 1.3rem;border-radius:14px}.help-bar .help-search.is-sm{max-width:none}}.help-body{font-size:1.02rem;line-height:1.7;color:var(--ink-2)}.help-body>p,.help-body>ul,.help-body>ol,.help-body>h2,.help-body>.help-callout{max-width:44rem}.help-body p{margin:0 0 1.05rem}.help-body h2{margin:2.3rem 0 .75rem;font-size:1.32rem;font-weight:800;letter-spacing:-.016em;line-height:1.25;color:var(--ink);scroll-margin-top:5.75rem}.help-body>h2:first-child{margin-top:0}.help-body strong{color:var(--ink);font-weight:700}.help-body a{color:var(--pco-blue-dark);text-underline-offset:2px}.help-code{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:#eef2f7;color:var(--ink);padding:.12em .42em;border-radius:5px;white-space:nowrap}.help-code-wrap{white-space:normal;overflow-wrap:anywhere}.help-steps{list-style:none;counter-reset:help-step;margin:0 0 1.25rem;padding:0;display:grid;gap:.75rem}.help-steps li{counter-increment:help-step;display:grid;grid-template-columns:1.9rem minmax(0,1fr);gap:.8rem;align-items:start}.help-steps li:before{content:counter(help-step);width:1.9rem;height:1.9rem;border-radius:999px;background:var(--pco-blue);color:#fff;font-size:.86rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.help-steps li>span{padding-top:.1rem}.help-list{margin:0 0 1.15rem;padding-left:1.3rem;display:grid;gap:.4rem}.help-list li::marker{color:var(--pco-blue)}.help-callout{margin:.2rem 0 1.35rem;padding:.95rem 1.15rem;border:1px solid;border-radius:12px;font-size:.97rem;line-height:1.6}.help-callout p{margin:0}.help-callout .help-callout-label{margin:0 0 .2rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.help-callout.is-tip{background:var(--pco-blue-soft);border-color:#cfe0f5}.help-callout.is-tip .help-callout-label{color:var(--pco-blue-dark)}.help-callout.is-note{background:#fffaf0;border-color:#f6e1b4}.help-callout.is-note .help-callout-label{color:#975a16}.help-callout.is-admin{background:#f7f4ee;border-color:var(--line-strong)}.help-callout.is-admin .help-callout-label{color:var(--ink)}.help-figure{margin:.35rem 0 1.7rem}button.help-shot{position:relative;display:block;width:100%;padding:0;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--canvas);color:inherit;font:inherit;line-height:0;cursor:zoom-in;box-shadow:0 1px 2px #17212b0a,0 10px 28px #17212b12}button.help-shot:hover{background:var(--canvas);border-color:var(--line-strong)}.help-shot img{display:block;width:100%;height:auto}.help-shot.is-cropped img{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.help-shot-bar{display:flex;gap:6px;padding:9px 12px;background:#e8edf3;border-bottom:1px solid var(--line)}.help-shot-bar i{width:10px;height:10px;border-radius:50%;background:#c9d2dc}.help-figure.is-phone button.help-shot{width:min(300px,100%);margin:0 auto;border:9px solid #1d2733;border-radius:34px;background:#fff;box-shadow:0 18px 40px #17212b33}.help-figure.is-phone .help-shot img{border-radius:25px}.help-figure figcaption{margin-top:.65rem;font-size:.88rem;line-height:1.5;color:var(--muted);text-align:center}.help-zoom{padding:0;border:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}.help-zoom::backdrop{background:#0f172abd}.help-zoom img{display:block;width:auto;height:auto;max-width:96vw;max-height:94vh;border-radius:10px;background:var(--canvas);box-shadow:0 24px 64px #00000073;cursor:zoom-out}.help-zoom .help-zoom-close{position:fixed;top:1rem;right:1rem;width:2.5rem;height:2.5rem;padding:0;border-radius:999px;border:0;background:#fff;color:var(--ink);font-size:1.5rem;line-height:1;box-shadow:var(--shadow-2)}.help-zoom .help-zoom-close:hover{background:var(--pco-blue-soft);color:var(--pco-blue-dark)}.help-demo{margin:.35rem 0 1.4rem;padding:1.1rem 1.2rem 1rem;background:var(--canvas);border:1px solid var(--line);border-radius:14px}.help-demo-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .85rem;margin:0 0 .75rem}.help-demo-title{font-weight:700;color:var(--ink)}.help-demo-meta{font-size:.86rem;color:var(--muted);font-variant-numeric:tabular-nums}.help-demo .key-picker{padding:.55rem;background:#fff;border:1px solid var(--line);border-radius:10px}.help-demo .placement{margin-top:.6rem}.help-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;margin:.75rem 0 0;padding:0;font-size:.86rem;color:var(--ink-2)}.help-legend li{display:inline-flex;align-items:center;gap:.45rem}.help-swatch{width:1.35rem;height:.95rem;border-radius:4px;border:1px solid;flex:0 0 auto}.help-swatch.is-cool{background:var(--range-cool);border-color:var(--range-cool-line)}.help-swatch.is-warm{background:var(--range-warm);border-color:var(--range-warm-line)}.help-swatch.is-stretch{background:var(--stretch-bg);border:1px dashed var(--stretch-line)}.help-swatch.is-out{background:var(--out-bg);border-color:var(--line-strong)}.help-swatch.is-suggested{background:#fff;border:2px solid var(--pco-blue)}.help-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:2.3rem;padding-top:1.5rem;border-top:1px solid var(--line)}.help-pager-link{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1.05rem;border:1px solid var(--line);border-radius:10px;text-decoration:none;transition:border-color .12s ease,background .12s ease}.help-pager-link:hover{border-color:var(--pco-blue-mid);background:var(--pco-blue-soft)}.help-pager-link span{font-size:.78rem;font-weight:600;color:var(--muted)}.help-pager-link strong{font-size:.97rem;color:var(--pco-blue-dark)}.help-pager-link.is-next{grid-column:2;text-align:right}@media(max-width:560px){.help-pager{grid-template-columns:1fr}.help-pager-link.is-next{grid-column:auto}}.plan-strip-wrap{margin-top:1rem}.plan-strip-label{margin:0 0 .3rem;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.plan-strip{position:relative;display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:.2rem .15rem .55rem;margin:0 -.15rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}button.plan-chip{flex:0 0 auto;width:8.25rem;scroll-snap-align:start;display:flex;flex-direction:column;align-items:stretch;gap:.05rem;padding:.5rem .7rem .55rem;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font-weight:500;line-height:1.25;text-align:left;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}button.plan-chip:hover{background:var(--pco-blue-soft);border-color:var(--pco-blue-mid);color:var(--ink)}button.plan-chip.is-on{background:var(--pco-blue-soft);border-color:var(--pco-blue);box-shadow:inset 0 0 0 1px var(--pco-blue)}.plan-chip-top{display:flex;align-items:center;justify-content:space-between;gap:.3rem;min-height:1.1rem}.plan-chip-weekday{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.plan-chip.is-on .plan-chip-weekday{color:var(--pco-blue-dark)}.plan-chip-tag{padding:.05rem .42rem;border-radius:999px;background:var(--pco-blue);color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.02em}.plan-chip-date{font-size:1.02rem;font-weight:700;font-variant-numeric:tabular-nums}.plan-chip-title{min-height:1.15em;font-size:.74rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:stretch;gap:.5rem}.plan-step{display:inline-flex}.plan-step button{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;min-height:2.35rem;padding:0}.plan-step button:first-child{border-radius:10px 0 0 10px}.plan-step button:last-child{border-radius:0 10px 10px 0;margin-left:-1px}.plan-step button:disabled{opacity:.4}.plan-step svg{width:1.15rem;height:1.15rem}@media(max-width:520px){button.plan-chip{width:7.25rem}}.singer-name{font-weight:600;color:var(--ink)}.singer-part{font-size:.8rem;color:var(--muted);margin-top:.1rem}.note-input-reach{background:var(--stretch-bg);border:1px dashed var(--stretch-line)}.singer-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.singer-actions .btn,.singer-actions button{padding:.45rem .8rem;font-size:.88rem;white-space:nowrap}.singer-actions a.btn.secondary{color:var(--pco-blue-dark)}.rc{max-width:46rem;margin-left:auto;margin-right:auto}.rc h2{font-size:1.5rem;margin:0 0 .35rem}.rc-kicker{margin:0 0 .35rem;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pco-blue)}.rc-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.rc-head a{font-size:.9rem;font-weight:600}.rc-q{margin:1.35rem 0 0}.rc-q h3,.rc-sub{margin:0 0 .55rem;font-size:1rem}.rc-choices{display:flex;flex-wrap:wrap;gap:.5rem}button.rc-choice{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.6rem .95rem;background:#fff;color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;font-weight:600;text-align:left}button.rc-choice small{font-size:.76rem;font-weight:500;color:var(--muted)}button.rc-choice:hover{background:var(--pco-blue-soft);border-color:var(--pco-blue-mid);color:var(--ink)}button.rc-choice.is-on{background:var(--pco-blue-soft);border-color:var(--pco-blue);box-shadow:inset 0 0 0 1px var(--pco-blue);color:var(--pco-blue-dark)}.rc-guess{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.8rem}.rc-guess label,.rc-adjust label{display:flex;flex-direction:column;gap:.25rem;margin:0}.rc-guess input,.rc-adjust input{width:8rem;max-width:none}.rc-guess-error{max-width:none;margin-top:.4rem}.rc-private{margin:.55rem 0 0;font-size:.85rem}.rc-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.1rem;border-top:1px solid var(--line)}.rc-footer a{font-weight:600}.rc-coach{margin:.4rem 0 1.4rem;padding-left:1.25rem;display:grid;gap:.45rem;color:var(--ink-2);line-height:1.55}.rc-coach li::marker{color:var(--pco-blue)}.rc-legend{display:grid;gap:.45rem;margin:0 0 1.4rem}.rc-legend>div{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:.75rem;align-items:baseline}.rc-legend dt{font-weight:700;padding:.2rem .6rem;border-radius:8px;border:1px solid;font-size:.88rem;justify-self:start}.rc-legend dd{margin:0;color:var(--ink-2)}.rc-legend .is-easy,.rc-rate .is-easy{background:#f3f0ff;border-color:var(--range-cool-line);color:var(--range-cool-ink)}.rc-legend .is-hard,.rc-rate .is-hard{background:var(--stretch-bg);border-color:var(--butter-line);color:var(--stretch-ink)}.rc-legend .is-out,.rc-rate .is-out{background:#fff;border-color:var(--line-strong);color:var(--ink-2)}.rc-legend .is-falsetto,.rc-rate .is-falsetto{background:#fff;border-style:dashed;border-color:var(--pco-blue-mid);color:var(--pco-blue-dark)}.rc-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.9rem}.rc-check{padding:.95rem 1.05rem;background:var(--canvas);border:1px solid var(--line);border-radius:12px}.rc-check p{margin:0 0 .65rem;font-size:.9rem}.rc-level{display:flex;align-items:center;gap:.75rem}.rc-level-bar{flex:1 1 auto;height:.5rem;border-radius:999px;background:var(--line);overflow:hidden}.rc-level-bar span{display:block;height:100%;background:var(--pco-blue);border-radius:inherit;transition:width .08s linear}.rc-level-note{font-size:.88rem;font-weight:600;color:var(--ink-2);white-space:nowrap}.rc-note{text-align:center;padding:1.4rem 0 .4rem}.rc-note-name{margin:0;font-size:clamp(3.4rem,13vw,4.8rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.rc-note-hint{margin:.55rem 0 .9rem;color:var(--ink-2)}.rc-meter{margin:.6rem auto .2rem;max-width:26rem}.rc-meter-track{position:relative;height:.6rem;border-radius:999px;background:var(--line)}.rc-meter-mid{position:absolute;left:50%;top:-.3rem;bottom:-.3rem;width:2px;margin-left:-1px;background:var(--ink-2);border-radius:1px}.rc-meter-needle{position:absolute;top:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border-radius:50%;background:var(--butter);box-shadow:0 0 0 1.5px var(--ink),0 0 0 4px #fff;transition:left .08s linear}.rc-meter-needle.is-near{background:var(--pco-blue);box-shadow:0 0 0 3px #fff}.rc-meter-message{margin:.55rem 0 0;text-align:center;font-size:.92rem;font-weight:600;color:var(--ink-2)}.rc-meter.is-matched .rc-meter-message{color:var(--pco-blue)}.rc-hint{margin:.4rem 0 0;text-align:center;font-size:.92rem;font-weight:700;color:var(--pco-blue-dark)}.rc-debug{margin:.35rem 0 0;text-align:center;font:.78rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.rc-rate{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1.3rem 0 1.2rem}.rc-rate.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}.rc-rate.is-break{grid-template-columns:repeat(2,minmax(0,1fr));max-width:30rem;margin-left:auto;margin-right:auto}.rc-footer-actions{display:flex;gap:.6rem;flex-wrap:wrap}.rc-rate button{min-height:3.4rem;border:1px solid;border-radius:12px;font-size:1.05rem;font-weight:700}.rc-rate .is-easy:hover{background:var(--lilac);border-color:var(--range-cool-ink);color:var(--range-cool-ink)}.rc-rate .is-hard:hover{background:var(--butter);border-color:var(--stretch-line);color:var(--ink)}.rc-rate .is-out:hover{background:var(--canvas);border-color:var(--muted);color:var(--ink)}.rc-rate .is-falsetto:hover{background:var(--pco-blue-soft);border-color:var(--pco-blue)}.rc-rate .is-falsetto.is-suggested{border-style:solid;border-color:var(--pco-blue);background:var(--pco-blue-soft);box-shadow:0 0 0 3px var(--pco-blue-mid)}.rc-count{font-size:.85rem}.rc-found{font-size:1.05rem;margin:.4rem 0 1rem}.rc-next{margin:1.1rem 0 0;color:var(--ink-2)}.rc-result{text-align:center;padding:.8rem 0 1.1rem}.rc-result-range{margin:0;font-size:clamp(2.4rem,9vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.rc-result-label{margin:.25rem 0 0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rc-result-reach{margin:.7rem 0 0;color:var(--stretch-ink)}.rc-result-break{margin:.35rem 0 0;color:var(--pco-blue-dark)}.rc-guessed{margin:.6rem 0 0;text-align:center;font-size:.88rem}.rc-adjust{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.3rem 0 0}.rc-save-error{max-width:none;text-align:center;margin-top:.6rem}.rc-saved{margin-top:1rem}@media(max-width:520px){.rc-legend>div{grid-template-columns:1fr;gap:.25rem}.rc-rate button{min-height:3.1rem;font-size:.98rem}.rc-rate.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}}.range-bar{margin:.4rem 0 0}.range-bar-keys{display:grid;gap:2px}.range-bar-key{position:relative;height:1.9rem;border-radius:3px;background:#f7f4ee;border:1px solid var(--line)}.range-bar-key.is-black{background:#e7e2d9}.range-bar-key.is-easy{background:var(--lilac);border-color:var(--range-cool-line)}.range-bar-key.is-hard{background:var(--stretch-bg);border-color:var(--butter-line)}.range-bar-key.is-out{background:repeating-linear-gradient(135deg,#e4ded3 0,#e4ded3 3px,#f7f4ee 3px,#f7f4ee 6px)}.range-bar-key.is-current{outline:2px solid var(--ink);outline-offset:1px}.range-bar-key.is-band{--warmth: 0;background:color-mix(in oklch,var(--range-cool) calc((1 - var(--warmth)) * 100%),var(--range-warm) calc(var(--warmth) * 100%));border-color:color-mix(in oklch,var(--range-cool-line) calc((1 - var(--warmth)) * 100%),var(--range-warm-line) calc(var(--warmth) * 100%))}.range-bar-key.is-reach{background:var(--stretch-bg);border:1px dashed var(--stretch-line)}.range-bar-key.is-falsetto{background:repeating-linear-gradient(90deg,var(--pco-blue-soft) 0 2px,#fff 2px 5px);border:1px dashed var(--pco-blue-mid)}.range-bar-key.is-break:before{content:"";position:absolute;left:-3px;top:-5px;bottom:-5px;width:3px;border-radius:2px;background:var(--ink)}.range-bar-labels{display:grid;gap:2px;margin-top:.3rem;font-size:.7rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.range-bar-labels span{white-space:nowrap}.singer-actions button.singer-archive{padding:0 .2rem;font-size:.82rem;color:var(--muted);text-decoration:none}.singer-actions button.singer-archive:hover{color:var(--ink);text-decoration:underline}.singers-archived{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:.8rem}.singers-archived summary{cursor:pointer;font-weight:600;color:var(--ink-2)}.archived-list{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.1rem}.archived-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .2rem;border-bottom:1px solid var(--line)}.archived-list li:last-child{border-bottom:none}.archived-why{font-size:.82rem;color:var(--muted);margin-top:.1rem}.archived-list button{padding:.4rem .8rem;font-size:.86rem}.singer-link-row td{background:var(--pco-blue-soft);border-bottom:1px solid var(--pco-blue-mid)}.singer-link{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.5rem;padding:.35rem .1rem}.singer-link-title{margin:0 0 .2rem;font-weight:700;color:var(--ink)}.singer-link .muted{margin:0 0 .55rem;max-width:36rem}input.singer-link-url{max-width:28rem;width:100%;font-size:.86rem;background:#fff}.singer-link-actions{display:flex;align-items:center;gap:.9rem}.singer-link-actions .copy-link{margin-top:0}.singer-actions button.singer-archive[aria-expanded=true]{color:var(--ink);text-decoration:underline}.singer-keys-row td{background:var(--pco-blue-soft);border-bottom:1px solid var(--pco-blue-mid)}.singers-scroll{container-type:inline-size}.singer-keys{position:sticky;left:.6rem;width:calc(100cqw - 1.2rem);padding:.35rem .1rem .2rem}.singer-keys-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.singer-keys-title{margin:0;font-weight:700;color:var(--ink)}.singer-keys-note{margin:.35rem 0 .15rem}.singer-keys-counts{margin:.3rem 0 0;font-size:1.05rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.singer-keys-count{white-space:nowrap}.singer-keys-count strong{color:var(--ink)}.singer-keys-sep{color:var(--muted)}.singer-keys-basis{margin:.8rem 0 .2rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.singer-keys-songs{list-style:none;margin:0;padding:0;max-width:48rem;columns:17rem 2;column-gap:2rem}.singer-keys-songs li{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.3rem 0;border-bottom:1px solid var(--pco-blue-mid);font-size:.9rem;break-inside:avoid}.singer-keys-song{color:var(--ink);min-width:0}.singer-keys-song-keys{color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}.nav-count{display:inline-block;min-width:1.25rem;margin-left:.4rem;padding:.12rem .36rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.72rem;font-weight:700;line-height:1.1;text-align:center;vertical-align:.08em;font-variant-numeric:tabular-nums}.feedback-dialog,.apply-dialog{width:min(34rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;padding:1.35rem 1.5rem 1.25rem;border:none;border-radius:var(--radius);background:var(--card);color:var(--ink);box-shadow:0 24px 60px #0f172a47}.feedback-dialog::backdrop,.apply-dialog::backdrop{background:#0f172a80}.feedback-dialog h2{margin:0;font-size:1.25rem}.feedback-form{display:grid;gap:.85rem}.feedback-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}button.feedback-close{width:2rem;height:2rem;padding:0;border-radius:999px;background:transparent;border-color:transparent;color:var(--muted);font-size:1.45rem;line-height:1}button.feedback-close:hover{background:var(--canvas);border-color:transparent;color:var(--ink)}.feedback-form .rc-choices{gap:.4rem}.feedback-form button.rc-choice{padding:.45rem .8rem;font-size:.92rem}.feedback-label{margin:.2rem 0 -.5rem;font-size:.92rem;letter-spacing:0;color:var(--ink)}.feedback-form textarea{max-width:none;min-height:8.5rem;resize:vertical;line-height:1.5}.feedback-count{margin:-.5rem 0 0;font-size:.8rem;color:var(--muted);text-align:right}.feedback-shot{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem .8rem}.feedback-shot>button.secondary{padding:.45rem .85rem;font-size:.9rem}.feedback-shot-hint{font-size:.86rem}@media(hover:none){.feedback-shot-hint{display:none}}.feedback-shot-preview{margin:0;display:flex;align-items:flex-end;gap:.8rem}.feedback-shot-preview img{display:block;max-width:11rem;max-height:7.5rem;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas)}.feedback-context{margin:0;font-size:.84rem}.feedback-error{margin:0}.feedback-actions{display:flex;justify-content:flex-end;gap:.6rem;padding-top:.2rem}.feedback-sent{display:grid;gap:.6rem}.feedback-sent p{margin:0;color:var(--ink-2);line-height:1.55}.feedback-inbox{max-width:52rem}.feedback-inbox-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.feedback-filters{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 1.1rem}button.feedback-filter{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.9rem;background:#fff;color:var(--ink-2);border-color:var(--line-strong)}button.feedback-filter:hover{background:var(--pco-blue-soft);border-color:var(--pco-blue-mid);color:var(--ink)}button.feedback-filter.is-on{background:var(--pco-blue-soft);border-color:var(--pco-blue);color:var(--pco-blue-dark)}.feedback-filter-count{font-size:.78rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}button.feedback-filter.is-on .feedback-filter-count{color:var(--pco-blue-dark)}.feedback-list{display:grid;gap:.9rem}.feedback-item{display:grid;gap:.7rem;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.feedback-item.is-new{border-left:3px solid var(--pco-blue)}.feedback-item.is-done{background:#fbfcfd}.feedback-item.is-done .feedback-item-message{color:var(--ink-2)}.feedback-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .8rem}.feedback-item-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;flex:1 1 14rem;min-width:0}.feedback-item-who .muted{font-size:.86rem}.feedback-kind{flex:0 0 auto;padding:.16rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#edf2f7;color:#4a5568}.feedback-kind.is-problem{background:#fde8e8;color:#9b2c2c}.feedback-kind.is-idea{background:#e6f4ea;color:#1d5c38}.feedback-kind.is-question{background:var(--pco-blue-soft);color:var(--pco-blue-dark)}.feedback-status{display:inline-flex;flex:0 0 auto;border:1px solid var(--line-strong);border-radius:9px;overflow:hidden}.feedback-status button{padding:.3rem .65rem;border:none;border-radius:0;background:#fff;color:var(--ink-2);font-size:.84rem}.feedback-status button+button{border-left:1px solid var(--line-strong)}.feedback-status button:hover{background:var(--pco-blue-soft);color:var(--ink)}.feedback-status button.is-on{background:var(--pco-blue);color:#fff}.feedback-item-message{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.feedback-item-shot{display:block;justify-self:start;max-width:100%}.feedback-item-shot img{display:block;max-width:min(100%,26rem);max-height:16rem;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas)}.feedback-item-shot.is-loading{width:12rem;height:7rem;border-radius:var(--radius-sm);background:var(--canvas)}.feedback-item-meta{margin:0;font-size:.84rem;overflow-wrap:anywhere}.feedback-note{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem}.feedback-note label{margin:0;font-size:.78rem;color:var(--muted)}.feedback-note input{flex:1 1 16rem;max-width:30rem;padding:.35rem .6rem;font-size:.88rem}.feedback-note button.secondary{padding:.35rem .75rem;font-size:.86rem}.user-menu summary .nav-count{margin-left:.35rem}.user-menu-item .nav-count{margin-left:.5rem}.sp-teams{display:grid;gap:.8rem;margin:.9rem 0}.sp-team{margin:0;min-width:0;padding:.65rem .9rem .85rem;border:1px solid var(--line);border-radius:var(--radius-sm)}.sp-team legend{padding:0 .35rem;font-size:.95rem;font-weight:700;color:var(--ink)}.sp-team-type{font-size:.86rem;font-weight:500;color:var(--muted)}.sp-positions{display:flex;flex-wrap:wrap;gap:.4rem}label.sp-position{display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.32rem .7rem .32rem .55rem;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--ink-2);font-size:.88rem;font-weight:600;letter-spacing:0;cursor:pointer}label.sp-position.is-on{background:var(--pco-blue-soft);border-color:var(--pco-blue);color:var(--pco-blue-dark)}label.sp-position input{width:auto;max-width:none;margin:0;padding:0;accent-color:var(--pco-blue)}label.sp-position:has(input:disabled){cursor:default}.sp-other{margin:.6rem 0 .9rem}.sp-other summary{cursor:pointer;font-weight:600;color:var(--ink-2)}.sp-other[open] summary{margin-bottom:.2rem}.sp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem}.sp-result{margin:.75rem 0 0;font-size:.9rem;color:var(--good)}.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}.apply-dialog h2{margin:0;font-size:1.25rem}.apply-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.apply-head .muted{margin:.15rem 0 0}.apply-list{list-style:none;margin:1rem 0 .9rem;padding:0;display:grid;gap:.5rem}.apply-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem 1rem;align-items:baseline;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}.apply-song{font-weight:600;min-width:0;overflow-wrap:anywhere}.apply-keys{font-size:.92rem;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}.apply-keys strong{color:var(--pco-blue-dark)}.apply-line.is-same .apply-keys,.apply-line.is-skip .apply-keys{color:var(--muted)}.apply-line.is-skip{background:#fbfcfd}.apply-result{grid-column:1 / -1;font-size:.84rem;color:var(--good)}.apply-line.is-failed{border-color:#f5c2c2;background:#fff8f8}.apply-line.is-failed .apply-result{color:#9b2c2c}.apply-note{margin:0 0 .9rem;font-size:.84rem}.consent{max-width:34rem;margin-left:auto;margin-right:auto}.consent h2{margin:0 0 .45rem;font-size:1.4rem}.consent-can{margin:1rem 0 .35rem;font-weight:600}.consent-list{margin:0 0 1rem;padding-left:1.2rem;display:grid;gap:.35rem;color:var(--ink-2)}.consent-off,.consent-note{margin:0 0 .8rem;font-size:.88rem}.consent-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;margin-top:1.1rem}.assistants{max-width:44rem}.assistants-url{margin:1rem 0 1.2rem}.assistants-url-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.assistants-url-row input{flex:1 1 22rem;max-width:30rem;font-size:.86rem}.assistants-url-row .copy-link{margin-top:0}.assistants h3{margin:1.2rem 0 .5rem;font-size:1rem}.assistants-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.assistants-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;padding:.55rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm)}.assistants-name{font-weight:600}.assistants-list .linklike{margin-left:auto}.assistants-block{margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid var(--line)}.assistants-block h3{margin-top:0;margin-bottom:.3rem}.assistants-block>.muted{margin:0 0 .2rem}.assistants-block .assistants-url{margin:.7rem 0 .2rem}.assistants-pco-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.6rem 0 .2rem}.billing-actions .billing-tier{flex-basis:100%}.billing-tier-note{flex-basis:100%;margin:0;font-size:.88rem}.billing-pro-title{margin:1.1rem 0 .4rem;font-size:1rem}.bug-credits h2{margin-bottom:.2rem}.bug-critters{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .5rem;margin:.6rem 0 1rem}.bug-critter{display:inline-grid;place-items:center;flex:0 0 auto;width:2.35rem;height:2.35rem;border-radius:50%;background:#dcd5ff;color:#16131c;border:2px solid #16131C;box-shadow:3px 3px #16131c;transform:rotate(var(--bug-tilt, 0deg));animation:bug-critter-in .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:var(--bug-delay, 0ms)}.bug-critter svg{display:block;width:1.55rem;height:1.55rem}.bug-critter.is-small{width:1.75rem;height:1.75rem;box-shadow:2px 2px #16131c}.bug-critter.is-small svg{width:1.15rem;height:1.15rem}@keyframes bug-critter-in{0%{transform:rotate(var(--bug-tilt, 0deg)) scale(.82)}to{transform:rotate(var(--bug-tilt, 0deg)) scale(1)}}@media(prefers-reduced-motion:reduce){.bug-critter{animation:none}}.bug-critter-more{padding:.25rem .65rem;border:2px solid #16131C;border-radius:999px;background:#fff;color:#16131c;box-shadow:3px 3px #16131c;font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}.bug-credits-line{margin:0;font-weight:600;color:var(--ink)}.bug-credits-bill{margin:.15rem 0 0}.feedback-credit-note{margin:-.35rem 0 0;font-size:.86rem;color:var(--ink-2)}.feedback-credit{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;font-size:.88rem}.feedback-credit>button.secondary{padding:.35rem .75rem;font-size:.86rem}.feedback-credit-text{font-weight:600;color:var(--ink-2)}.feedback-credit.is-failed .feedback-credit-text{font-weight:500;color:#9b2c2c}@media(prefers-reduced-motion:reduce){button.secondary:hover,.btn.secondary:hover,.btn-piano-menu:hover{transform:none}}th,.badge,.trust-badge,.mkt-kicker,.range-warmth-legend,.tour-count,.sunday-pick label,.plan-strip-label,.plan-chip-weekday,.rc-kicker,.help-hero-kicker,.help-section-title,.help-eyebrow,.help-toc p,.help-callout .help-callout-label{font-family:var(--font-label);font-weight:500;letter-spacing:.08em}.note-chip,.note-input-low,.note-input-high,.note-input-reach,.range-bar-labels{font-family:var(--font-label);font-weight:500}.apply-plan{margin:.9rem 0 0}.apply-summary{margin:1rem 0 0;font-weight:600}.apply-line.is-remove{background:#fbfcfd}.apply-line.is-remove .apply-song{color:var(--muted);text-decoration:line-through}.apply-line.is-remove .apply-keys{color:#9b2c2c}.apply-line.is-remove.is-done .apply-keys{color:var(--good)}.leads-table{width:100%;border-collapse:collapse;font-size:.92rem;margin-top:1rem}.leads-table th,.leads-table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}.leads-table th{font-weight:600;color:var(--ink-2)}.leads-range{font-variant-numeric:tabular-nums;font-family:ui-monospace,DM Mono,monospace}