:root{color:#202321;font-synthesis:none;text-rendering:optimizelegibility;--surface:#eef0ee;--surface-raised:#f6f7f4d1;--ink:#202321;--muted:#5f6662;--line:#20232124;--accent:#a62a26;--accent-ink:#fff8f3;--radius:18px;background:#eef0ee;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--surface);scroll-behavior:smooth}body{background:var(--surface);min-width:320px;min-height:100dvh;color:var(--ink);margin:0}body:after{pointer-events:none;content:"";opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:2;height:76px;position:absolute;inset:0 0 auto}.nav-shell{justify-content:space-between;align-items:center;gap:24px;width:min(100% - 48px,1400px);height:100%;margin:0 auto;display:flex}.brand{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:12px;font-size:20px;font-weight:650;text-decoration:none;display:inline-flex}.brand img{border-radius:11px;width:42px;height:42px;box-shadow:0 8px 28px #491d1926}.musician-link{white-space:nowrap;border-bottom:1px solid;align-items:center;gap:8px;padding:10px 0;font-size:14px;font-weight:600;text-decoration:none;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .24s;display:inline-flex}.musician-link:hover{opacity:.68;transform:translateY(-2px)}.musician-link:active{transform:translateY(1px)}main{flex:1}.hero{isolation:isolate;align-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.hero-carousel{z-index:-3;position:absolute;inset:0;overflow:hidden}.hero-art{object-fit:cover;object-position:57% center;opacity:0;width:100%;height:100%;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.hero-art.is-active{opacity:1}.hero-wash{z-index:-2;background:linear-gradient(90deg,#eef0eefa 0%,#eef0eed4 32%,#eef0ee29 62%,#eef0ee05 100%),linear-gradient(#0000 62%,#eef0ee61);position:absolute;inset:0}.hero-copy{width:min(100% - 48px,1400px);margin:0 auto;padding-top:72px}.hero h1{letter-spacing:-.085em;max-width:7em;margin:0;font-size:clamp(58px,8.4vw,122px);font-weight:580;line-height:.94}.hero-summary{width:max-content;max-width:calc(100vw - 48px);color:var(--muted);white-space:nowrap;margin:30px 0 28px;font-size:clamp(17px,1.5vw,21px);line-height:1.75}.download-guide{border-radius:var(--radius);background:var(--surface-raised);-webkit-backdrop-filter:blur(22px)saturate(130%);cursor:pointer;border:1px solid #ffffff8c;align-items:center;gap:15px;min-width:300px;padding:12px 16px 12px 12px;text-decoration:none;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 20px 55px #49534e21}.download-guide img{border-radius:14px;box-shadow:0 8px 24px #46181629}.download-copy{flex:1;gap:2px;display:grid}.download-guide strong{font-size:16px}.download-guide span{color:var(--muted);font-size:13px}.download-guide .download-arrow{color:var(--ink);font-size:17px;transition:transform .24s cubic-bezier(.16,1,.3,1)}.download-guide:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffb3,0 24px 64px #49534e2e}.download-guide:hover .download-arrow{transform:translate(2px,-2px)}.download-guide:active{transform:translateY(1px)}.testflight-dialog{width:min(100% - 32px,430px);color:var(--ink);background:0 0;border:0;border-radius:24px;padding:0}.testflight-dialog::backdrop{-webkit-backdrop-filter:blur(10px);background:#1418168f}.testflight-dialog-panel{text-align:center;background:#f6f7f4f5;border:1px solid #ffffff85;border-radius:24px;justify-items:center;padding:34px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1,0 32px 90px #151e1940}.dialog-close{border:0;border-bottom:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;background:0 0;padding:7px 4px;font-size:13px;position:absolute;top:18px;right:18px}.dialog-close:hover{color:var(--ink)}.dialog-close:active{transform:translateY(1px)}.dialog-app-icon{border-radius:13px;margin-top:2px;box-shadow:0 10px 28px #4618162e}.testflight-dialog h2{letter-spacing:-.045em;margin:18px 0 10px;font-size:27px}.testflight-dialog p{max-width:19em;color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.7}.qr-code-frame{border:1px solid var(--line);color:#5f6662;background:#f7f8f5;border-radius:18px;place-items:center;width:244px;height:244px;padding:10px;font-size:13px;display:grid}.qr-code-frame img{width:224px;height:224px;display:block}.hero-links{gap:24px;display:flex;position:absolute;bottom:28px;left:max(24px,50vw - 700px)}.hero-links a{color:var(--muted);text-underline-offset:5px;font-size:13px;transition:color .18s}.hero-links a:hover{color:var(--ink)}.carousel-controls{align-items:center;display:flex;position:absolute;bottom:20px;right:max(24px,50vw - 700px)}.carousel-controls button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.carousel-controls span{background:#f7f8f680;border-radius:999px;width:18px;height:2px;transition:width .24s cubic-bezier(.16,1,.3,1),background .24s;box-shadow:0 1px 8px #141b1942}.carousel-controls button[aria-pressed=true] span{background:var(--accent);width:28px}.carousel-controls button:hover span{background:var(--ink)}.article-page{padding:148px 24px 96px}.article-page article{width:min(100%,760px);margin:0 auto}.article-page h1{letter-spacing:-.065em;margin:0;font-size:clamp(46px,7vw,78px);line-height:1}.article-lead{color:var(--muted);margin:26px 0 64px;font-size:19px;line-height:1.7}.article-lead a{color:var(--accent);text-underline-offset:4px}.article-body{gap:40px;display:grid}.article-body section{border-top:1px solid var(--line);padding-top:28px}.article-body h2{letter-spacing:-.02em;margin:0 0 14px;font-size:20px}.article-body p{color:var(--muted);margin:0;font-size:16px;line-height:1.9}.article-body a{color:var(--accent);text-underline-offset:4px}.article-date{font-size:13px!important}.request-list{margin:0;padding:0;list-style:none}.request-list li{grid-template-columns:34px 1fr;column-gap:14px;padding:20px 0;display:grid;position:relative}.request-list li+li{border-top:1px solid var(--line)}.request-index{border:1px solid var(--line);width:30px;height:30px;color:var(--accent);border-radius:9px;grid-row:1/span 2;place-items:center;font-size:13px;font-weight:700;display:grid}.request-list strong{margin-bottom:6px;font-size:16px}.request-list span{color:var(--muted);font-size:15px;line-height:1.75}.article-body .dmca-contact{border-radius:var(--radius);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line);border-top:0;padding:28px}.primary-link{background:var(--accent);white-space:nowrap;border-radius:12px;margin-top:22px;padding:13px 18px;font-size:15px;font-weight:650;line-height:1.3;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .18s;display:inline-flex;color:var(--accent-ink)!important}.primary-link:hover{opacity:.9;transform:translateY(-2px)}.primary-link:active{transform:translateY(1px)}@media (prefers-reduced-motion:no-preference){.hero-carousel{animation:12s cubic-bezier(.16,1,.3,1) both hero-drift}.hero-copy>*{animation:.9s cubic-bezier(.16,1,.3,1) both reveal}.hero-copy>:nth-child(2){animation-delay:90ms}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.27s}.testflight-dialog[open] .testflight-dialog-panel{animation:.28s cubic-bezier(.16,1,.3,1) both dialog-reveal}}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{0%{opacity:.72;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes dialog-reveal{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=767px){.nav-shell,.hero-copy{width:min(100% - 32px,1400px)}.site-header{height:68px}.brand{gap:9px;font-size:17px}.brand img{border-radius:9px;width:36px;height:36px}.musician-link{font-size:13px}.hero{align-items:end;padding-bottom:46px}.hero-art{object-position:63% center}.hero-wash{background:linear-gradient(#eef0ee1f 25%,#eef0eee0 62%,#eef0eefc 100%),linear-gradient(90deg,#eef0ee59,#0000)}.hero-copy{padding-top:96px}.hero h1{font-size:clamp(58px,20vw,86px)}.hero-summary{white-space:normal;width:auto;max-width:24em;margin:22px 0 20px;font-size:16px;line-height:1.65}.download-guide{width:100%;min-width:0}.hero-links{margin-top:18px;position:static}.carousel-controls{bottom:10px;right:12px}.article-page{padding:112px 16px 72px}.article-lead{margin-bottom:48px}.hero-links{flex-wrap:wrap;row-gap:10px}.article-body .dmca-contact{padding:24px 20px}.primary-link{white-space:normal;text-align:center;justify-content:center;width:100%}}@media (prefers-color-scheme:dark){:root{--surface:#171a19;--surface-raised:#1f2321c7;--ink:#eceeea;--muted:#b6bcb8;--line:#eceeea24;--accent:#d96f64;--accent-ink:#191413}.hero-art{filter:brightness(.62)contrast(1.02)saturate(.82)}.hero-wash{background:linear-gradient(90deg,#171a19fa 0%,#171a19d1 32%,#171a192e 63%,#171a190a 100%),linear-gradient(#0000 62%,#171a196b)}.download-guide{border-color:#ffffff24;box-shadow:inset 0 1px #ffffff1f,0 20px 55px #00000040}.download-guide:hover{box-shadow:inset 0 1px #ffffff1f,0 24px 64px #00000052}.testflight-dialog-panel{background:#1f2321f7;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff1f,0 32px 90px #00000075}}@media (prefers-color-scheme:dark) and (width<=767px){.hero-wash{background:linear-gradient(#171a191f 25%,#171a19db 62%,#171a19fc 100%),linear-gradient(90deg,#171a1959,#0000)}}@media (prefers-reduced-transparency:reduce){.download-guide{background:var(--surface);-webkit-backdrop-filter:none}.testflight-dialog::backdrop{-webkit-backdrop-filter:none}.testflight-dialog-panel{background:var(--surface)}}@media (prefers-reduced-motion:reduce){.hero-art,.carousel-controls span{transition:none}}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}