.signature-page .sig-hero{border-bottom:1px solid var(--line);padding:48px 32px 28px;position:relative;overflow:hidden}.signature-page .sig-hero:after{content:"𝄞";font-family:var(--font-display);color:var(--ink);opacity:.04;pointer-events:none;font-size:440px;font-style:italic;line-height:1;position:absolute;top:-90px;right:-40px}.signature-page .sig-hero-inner{max-width:1180px;margin:0 auto;position:relative}.signature-page .sig-crumb{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-subtle);gap:8px;margin-bottom:14px;font-size:11px;display:flex}.signature-page .sig-crumb .cur{color:var(--ink)}.signature-page .sig-hero h1{font-family:var(--font-sans);letter-spacing:-.03em;margin:0;font-size:clamp(34px,5vw,58px);font-weight:300;line-height:1}.signature-page .sig-hero h1 em{font-family:var(--font-display);color:var(--accent);font-style:italic;font-weight:400}.signature-page .sig-hero p{color:var(--ink-muted);max-width:58ch;margin:16px 0 0;font-size:clamp(15px,1.4vw,17px);line-height:1.6}.signature-page .sig-tabs{border:1px solid var(--line);background:var(--bg-sunken);border-radius:12px;gap:4px;margin-top:26px;padding:4px;display:inline-flex}.signature-page .sig-tabs button{color:var(--ink-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500}.signature-page .sig-tabs button.on{background:var(--bg-elevated-2);color:var(--ink)}.signature-page .sig-tabs .ct{font-family:var(--font-mono);color:var(--ink-subtle);margin-left:6px;font-size:11px}.signature-page .sig-block{padding:36px 32px 72px}.signature-page .sig-block-inner{max-width:1180px;margin:0 auto}.signature-page .sig-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.signature-page .sig-eras{flex-wrap:wrap;gap:6px;display:flex}.signature-page .sig-eras button{border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink-muted);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:border-color .16s,color .16s,background .16s}.signature-page .sig-eras button:hover{border-color:var(--line-strong);color:var(--ink)}.signature-page .sig-eras button.on{border-color:var(--accent-amber-line,#f2ba534d);background:var(--accent-amber-soft,#f2ba531f);color:var(--ink)}@supports (color:lab(0% 0 0)){.signature-page .sig-eras button.on{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3));background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.12))}}.signature-page .sig-search{border:1px solid var(--line-strong);background:var(--bg-sunken);border-radius:10px;align-items:center;gap:8px;min-width:240px;height:38px;padding:0 10px;display:inline-flex}.signature-page .sig-search .ic{color:var(--ink-subtle);flex-shrink:0}.signature-page .sig-search input{min-width:0;color:var(--ink);font-family:var(--font-sans);background:0 0;border:0;outline:none;flex:1;font-size:14px}.signature-page .sig-search input::placeholder{color:var(--ink-subtle)}.signature-page .sig-search .clr{color:var(--ink-subtle);cursor:pointer;background:0 0;border:0;padding:2px;display:inline-flex}.signature-page .sig-search .clr:hover{color:var(--ink)}.signature-page .sig-empty{text-align:center;color:var(--ink-muted);flex-direction:column;align-items:center;gap:12px;padding:48px 20px;display:flex}.signature-page .sig-empty button{border:1px solid var(--line-strong);background:var(--bg-elevated);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:13px}.signature-page .sig-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:18px;display:grid}.signature-page .sig-cell{min-width:0;display:flex}.signature-page .sig-cell>.sig-card{flex:1;min-width:0}.signature-page .reveal{opacity:0;will-change:opacity, transform;transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1);transform:translateY(24px)}.signature-page .reveal-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.signature-page .reveal,.signature-page .reveal-in{opacity:1;transition:none;transform:none}}.signature-page .sig-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;padding:22px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.signature-page .sig-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.signature-page .sig-head{flex-direction:column;gap:14px;display:flex}.signature-page .sig-head.clickable{cursor:pointer}.signature-page .sig-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.signature-page .sig-top-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.signature-page .sig-head.clickable:hover h3{color:var(--accent)}.signature-page .sig-card h3{transition:color .18s}.signature-page .sig-id{flex-direction:column;gap:4px;display:flex}.signature-page .sig-card h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:22px;font-style:italic;line-height:1.1}.signature-page .sig-who{color:var(--ink-muted);font-size:12px;font-family:var(--font-mono)}.signature-page .sig-era{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 8px;font-size:10px}.signature-page .sig-desc{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.55}.signature-page .sig-card .sig-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.signature-page .sig-open-cta{color:var(--accent);font-family:var(--font-sans);cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:auto;padding:2px 0;font-size:13px;font-weight:500}.signature-page .sig-open-cta:hover{text-decoration:underline}.signature-page .sig-kb{background:var(--bg-sunken);border:1px solid var(--line);border-radius:10px;height:84px;padding:8px;position:relative;overflow:hidden}.signature-page .sig-keys{gap:1px;height:100%;display:flex;position:relative}.signature-page .sig-wk{cursor:pointer;background:#e9e8e4;background:lab(91.9005% .136197 1.90194);border:0;border-radius:0 0 3px 3px;flex:1;padding:0;transition:background .12s}.signature-page .sig-wk.on{background:var(--accent)}.signature-page .sig-bk{height:58%;width:calc(100% / var(--keys,7) * .62);z-index:2;cursor:pointer;background:#0a0907;background:lab(2.48427% .150532 .818706);border:0;border-radius:0 0 3px 3px;transition:background .12s;position:absolute;top:0}.signature-page .sig-bk.on{background:var(--accent)}.signature-page .sig-play{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.signature-page .sig-pbtn{border:1px solid var(--line-strong);background:var(--bg-elevated-2);height:36px;color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 8px;font-size:13px;font-weight:500;display:inline-flex}.signature-page .sig-pbtn.ghost{background:0 0}.signature-page .sig-pbtn .ic{background:var(--accent);color:#1b150b;color:lab(7.25373% 1.57871 6.11279);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;display:inline-flex}.signature-page .sig-meta{color:var(--ink-subtle);font-size:12px;line-height:1.5}.signature-page .sig-meta b{color:var(--ink);font-weight:500}.signature-page .sig-tags{flex-wrap:wrap;gap:5px;display:flex}.signature-page .sig-tag{font-family:var(--font-mono);color:var(--ink-subtle);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:10px}.signature-page .sig-free{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-amber-line,#f2ba534d);background:var(--accent-amber-soft,#f2ba5324);border-radius:999px;align-self:center;padding:3px 8px;font-size:10px}@supports (color:lab(0% 0 0)){.signature-page .sig-free{border:1px solid var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3));background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14))}}.signature-page .sig-prog{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.signature-page .sig-card .sig-prog{flex-wrap:nowrap;gap:6px}.signature-page .sig-card .sig-pchord{min-width:0;padding:10px 4px}.signature-page .sig-card .sig-pchord .lb{white-space:nowrap;font-size:15px}.signature-page .sig-pchord{background:var(--bg-sunken);border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:10px;flex:1;min-width:60px;padding:12px 8px;transition:all .2s}.signature-page .sig-pchord:hover{border-color:var(--accent-amber-line,#f2ba534d)}@supports (color:lab(0% 0 0)){.signature-page .sig-pchord:hover{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.signature-page .sig-pchord.active{background:var(--accent-amber-soft,#f2ba5324);box-shadow:0 0 0 1px var(--accent-amber-line,#f2ba534d);border-color:#0000;transform:scale(1.05)}@supports (color:lab(0% 0 0)){.signature-page .sig-pchord.active{background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14));box-shadow:0 0 0 1px var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.signature-page .sig-pchord .lb{font-family:var(--font-display);color:var(--ink);font-size:18px;font-style:italic}.signature-page .sig-roman{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.04em;font-size:12px}.signature-page .sig-lock{background:linear-gradient(180deg, transparent 0%, transparent 26%, color-mix(in oklab, var(--bg-elevated) 72%, transparent) 46%, color-mix(in oklab, var(--bg-elevated) 96%, transparent) 100%);text-align:center;z-index:5;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.signature-page .sig-lock:before{content:"";-webkit-backdrop-filter:blur(11px)saturate(.7);pointer-events:none;position:absolute;inset:34% 0 0}.signature-page .sig-ph{filter:blur(9px)saturate(.6);opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:14px;display:flex}.signature-page .sig-ph .sig-wk,.signature-page .sig-ph .sig-bk,.signature-page .sig-ph .sig-pbtn{cursor:default}.signature-page .sig-lock>*{position:relative}.signature-page .sig-lock-ic{background:var(--accent-amber-soft,#f2ba5324);border:1px solid var(--accent-amber-line,#f2ba534d);width:40px;height:40px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}@supports (color:lab(0% 0 0)){.signature-page .sig-lock-ic{background:var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14));border:1px solid var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.signature-page .sig-lock-t{font-family:var(--font-display);color:var(--ink);font-size:18px;font-style:italic}.signature-page .sig-lock-s{color:var(--ink-muted);max-width:24ch;font-size:12px;line-height:1.5}.signature-page .sig-lock-cta{background:var(--accent);color:#1b150b;color:lab(7.25373% 1.57871 6.11279);border-radius:999px;align-items:center;height:34px;margin-top:4px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.signature-page .sig-paywall{border:1px solid var(--accent-amber-line,#f2ba534d);background:linear-gradient(135deg, var(--accent-amber-soft,#f2ba5324), transparent);border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;padding:24px;display:flex}@supports (color:lab(0% 0 0)){.signature-page .sig-paywall{border:1px solid var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3));background:linear-gradient(135deg, var(--accent-amber-soft,lab(79.1911% 13.3651 58.6741/.14)), transparent)}}.signature-page .sig-paywall .em{font-family:var(--font-display);color:var(--accent);flex-shrink:0;font-size:30px;font-style:italic}.signature-page .sig-paywall h3{margin:0;font-size:17px;font-weight:500}.signature-page .sig-paywall p{color:var(--ink-muted);margin:4px 0 0;font-size:13px}.signature-page .sig-paywall .cta{background:var(--accent);color:#1b150b;color:lab(7.25373% 1.57871 6.11279);border-radius:10px;align-items:center;height:42px;margin-left:auto;padding:0 22px;font-size:14px;font-weight:600;display:inline-flex}.sig-modal-overlay{z-index:100;background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:32px 24px;animation:.18s sig-fade;display:flex;position:fixed;inset:0}.sig-modal{background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:20px;width:100%;max-width:1040px;max-height:90vh;padding:28px;animation:.22s cubic-bezier(.22,.61,.36,1) sig-pop;position:relative;overflow-y:auto;box-shadow:0 30px 80px -20px #0009}@keyframes sig-fade{0%{opacity:0}to{opacity:1}}@keyframes sig-pop{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.sig-modal-close{z-index:2;border:1px solid var(--line);background:var(--bg-elevated-2);width:34px;height:34px;color:var(--ink-muted);cursor:pointer;border-radius:50%;font-size:14px;position:absolute;top:14px;right:14px}.sig-modal-close:hover{color:var(--ink);border-color:var(--line-strong)}.sig-modal-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:26px;display:grid}.sig-modal-left{flex-direction:column;gap:14px;display:flex}.sig-modal-left .sig-desc{font-size:14px}.sig-modal-right{flex-direction:column;gap:12px;display:flex;position:sticky;top:0}.sig-modal-right>.caption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);font-size:11px}.sig-modal-hint{color:var(--ink-subtle);margin:2px 0 0;font-size:12px}.signature-page .sig-staff-canvas,.sig-modal .sig-staff-canvas{border:1px solid var(--line);border-radius:10px;padding:6px 4px;overflow-x:auto}.signature-page .sig-staff-canvas svg{margin:0 auto;display:block}.signature-page .sig-staff-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.signature-page .sig-stepper{border:1px solid var(--line);background:var(--bg-sunken);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.signature-page .sig-stepper .lbl{color:var(--ink-muted);font-size:12px}.signature-page .sig-stepper button{border:1px solid var(--line-strong);background:var(--bg-elevated-2);width:26px;height:26px;color:var(--ink);cursor:pointer;border-radius:7px;font-size:15px;line-height:1}.signature-page .sig-stepper button:hover{border-color:var(--accent-amber-line,#f2ba534d)}@supports (color:lab(0% 0 0)){.signature-page .sig-stepper button:hover{border-color:var(--accent-amber-line,lab(79.1911% 13.3651 58.6741/.3))}}.signature-page .sig-stepper .val{font-family:var(--font-mono);color:var(--ink);text-align:center;min-width:54px;font-size:12px}.signature-page .sig-reset{color:var(--ink-subtle);cursor:pointer;background:0 0;border:0;font-size:12px;text-decoration:underline}.signature-page .sig-pbtn.small{height:32px;font-size:12px}@media (max-width:900px){.signature-page .sig-hero{padding:32px 18px 24px}.signature-page .sig-block{padding:28px 18px 48px}.signature-page .sig-grid{grid-template-columns:1fr;grid-auto-rows:auto}.signature-page .sig-paywall .cta{margin-left:0}.sig-modal-overlay{padding:0}.sig-modal{-webkit-overflow-scrolling:touch;border-radius:0;flex-direction:column;max-width:none;height:100dvh;max-height:100dvh;padding:12px 16px 40px;display:flex;overflow-x:hidden}.sig-modal-close{z-index:110;background:var(--bg-elevated-2);align-self:flex-end;margin-bottom:6px;position:sticky;top:4px;right:auto;box-shadow:0 2px 12px -2px #00000080}.sig-modal-grid{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}.sig-modal-left,.sig-modal-right{min-width:0}.sig-modal-right{position:static}.sig-modal .sig-kb{max-width:100%}.sig-modal .sig-staff-canvas{width:100%;min-width:0;overflow-x:auto}.sig-modal .sig-prog{flex-wrap:wrap}}@media (min-width:901px) and (max-width:1100px){.signature-page .sig-grid{grid-template-columns:repeat(2,1fr)}}