@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}:root{--bg:#e7ecf2;--ink:#2b3550;--muted:#6b7791;--accent:#5576ff;--danger:#c2453d;--hair:#2b355014;--radius:24px;--raised:-10px -10px 22px #fff, 10px 10px 22px #bcc5d1;--raised-sm:-5px -5px 12px #fff, 5px 5px 12px #c3ccd8;--inset:inset 5px 5px 10px #c6ced8, inset -5px -5px 10px #fff}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.8}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}p{margin:1rem 0}h1{letter-spacing:.02em;margin:0 0 1rem;font-family:Songti SC,Source Han Serif SC,Noto Serif CJK SC,SimSun,Georgia,serif;font-size:2.1rem;font-weight:500;line-height:1.3}h2{letter-spacing:.04em;margin:2.5rem 0 .75rem;font-size:1rem;font-weight:600}h3{margin:0;font-size:1rem;font-weight:600}main{background:var(--bg);border:1px solid var(--hair);border-radius:var(--radius);max-width:46rem;box-shadow:var(--raised);margin:1.5rem auto 3rem;padding:2.25rem 2rem 2.5rem}.site-head{letter-spacing:.12em;align-items:center;gap:1.25rem;max-width:46rem;margin:0 auto;padding:1.75rem 1rem 0;font-size:.82rem;display:flex}.site-head .brand{color:var(--ink);font-weight:700}.site-head nav{gap:.4rem;margin-left:auto;display:flex}.site-head nav a{color:var(--muted);border-radius:999px;padding:.35rem .85rem}.site-head nav a:hover{color:var(--ink);box-shadow:var(--raised-sm)}footer{max-width:46rem;color:var(--muted);letter-spacing:.04em;margin:0 auto 3rem;padding:0 1rem;font-size:.8rem}.meta{color:var(--muted);letter-spacing:.1em;margin:0 0 1.75rem;font-size:.8rem}.lede{color:var(--muted)}.card-list{margin:1.5rem 0 0;padding:0;list-style:none}.card-list>li{background:var(--bg);border:1px solid var(--hair);box-shadow:var(--raised-sm);border-radius:18px;padding:1.1rem 1.3rem}.card-list>li+li{margin-top:1.1rem}.card-list p{color:var(--muted);margin:.2rem 0 0;font-size:.88rem}.tag{color:var(--muted);margin-left:.6rem}pre,code,textarea,input,select,.out{font-family:ui-monospace,Cascadia Mono,Consolas,Courier New,monospace;font-size:.85rem}pre{background:var(--bg);border:1px solid var(--hair);box-shadow:var(--inset);border-radius:16px;padding:1rem;overflow-x:auto}code{font-size:.85em}textarea,input,select,button{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--hair);border-radius:14px;padding:.7rem .95rem;font-size:.9rem}textarea,input,select{width:100%;box-shadow:var(--inset)}textarea{resize:vertical;min-height:11rem;line-height:1.6}button{cursor:pointer;width:auto;color:var(--accent);box-shadow:var(--raised-sm);border-radius:999px;font-weight:600}button:hover{color:var(--ink)}button:active{box-shadow:var(--inset);color:var(--accent)}textarea:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.row{flex-wrap:wrap;gap:.9rem;margin:1.5rem 0;display:flex}.field{margin:1.5rem 0}label{color:var(--muted);letter-spacing:.06em;margin-bottom:.5rem;font-size:.8rem;display:block}.err{color:var(--danger);white-space:pre-wrap;min-height:1.4em;font-size:.85rem}.out{background:var(--bg);border:1px solid var(--hair);box-shadow:var(--inset);white-space:pre-wrap;word-break:break-all;border-radius:16px;min-height:2.5rem;margin:0;padding:1rem}.track-editor{gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:grid}.track-editor li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.track-editor input{flex:8rem;min-width:0}.track-list{gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.track-list li{border:1px solid var(--hair);background:var(--bg);box-shadow:var(--raised);border-radius:16px;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.track-list button{text-align:left;flex:1}.player{border:1px solid var(--hair);background:var(--bg);width:min(46rem,100% - 2rem);box-shadow:var(--raised);z-index:20;border-radius:20px;gap:.5rem;padding:.9rem 1.1rem;display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.player[hidden]{display:none}.player-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.player-controls{gap:.5rem;margin-left:auto;display:flex}.player-row input[type=range]{flex:1}body:has(.player:not([hidden])) main{padding-bottom:8rem}table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.88rem}th,td{border:0;border-bottom:1px solid var(--hair);text-align:left;padding:.6rem .75rem .6rem 0}th{color:var(--muted);letter-spacing:.04em;font-weight:600}hr{border:0;border-top:1px solid var(--hair);margin:2.5rem 0}@media (forced-colors:active){main,.card-list>li,.out,pre,input,textarea,select,button{box-shadow:none;border:1px solid canvastext}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}