:root{--bg-color:#fcfcfc;--text-main:#222;--text-sub:#555;--accent:#10b981;--error:#ef4444;--safe-area-bottom:env(safe-area-inset-bottom);--card-bg-fallback:#fff;--card-bg-glass:#ffffffbf;--card-border:#00000014;--selection-bg:#10b98114;--shadow-lg:0 15px 40px #00000014;--sheet-bg:#fcfcfcf7}@media (prefers-color-scheme:dark){:root{--bg-color:#111;--text-main:#f0f0f0;--text-sub:#a0a0a0;--card-bg-fallback:#1e1e1e;--card-bg-glass:#1e1e1ebf;--card-border:#ffffff1a;--selection-bg:#10b98126;--shadow-lg:0 15px 40px #0000004d;--sheet-bg:#111111f7}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;transition:background-color .5s;display:flex}main{z-index:10;flex-direction:column;align-items:center;width:100%;padding-bottom:8vh;display:flex;position:relative}.center-content{text-align:center;letter-spacing:.1em;color:var(--text-main);flex-direction:column;gap:1rem;width:100%;margin-bottom:2.5rem;padding:0 16px;font-family:Source Han Serif CN Light,Noto Serif SC,serif;font-size:clamp(.9rem,3.8vw,1.8rem);font-weight:300;transition:all .6s cubic-bezier(.25,.8,.25,1);display:flex}.text-line{opacity:0;text-wrap:balance;line-break:strict;word-break:keep-all;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInUp;transform:translateY(20px)}.text-line:nth-child(2){animation-delay:.15s}.quote-mark{opacity:.3;margin:0 .2em;font-family:sans-serif}.search-container{opacity:0;width:88%;max-width:540px;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s;animation:.8s cubic-bezier(.2,.8,.2,1) .3s forwards fadeInUp;position:relative}body.searching .search-container{transform:translateY(calc(-1*clamp(64px,16vh,150px)))}.search-line{opacity:.4;transform-origin:bottom;background:linear-gradient(#0000 0%,#00000026 30% 70%,#0000 100%);width:1px;height:50px;transition:all .5s;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.input-wrapper{width:100%;position:relative}#search-input{width:100%;box-shadow:none;color:var(--text-main);text-align:center;letter-spacing:.05em;text-overflow:ellipsis;background:0 0;border:none;border-bottom:1px solid #0000001a;border-radius:0;outline:none;padding:12px 34px;font-family:Source Han Serif CN Light,Noto Serif SC,serif;font-size:16px;transition:border-color .3s,transform .3s}@media (width>=768px){#search-input{padding:12px 50px;font-size:1.1rem}}#search-input::placeholder{color:var(--text-sub);opacity:.6;transition:opacity .3s}#search-input:focus{border-bottom-color:var(--accent);text-align:left;background:0 0;padding-left:0;transform:translateY(-2px)}#search-input:focus::placeholder{opacity:0}#search-input.error{color:var(--error);border-bottom-color:#ef44444d}.clear-btn{appearance:none;background:0 0;background-color:var(--text-sub);cursor:pointer;opacity:0;pointer-events:none;border:0;width:36px;height:36px;padding:0;transition:opacity .2s,background-color .2s;position:absolute;top:50%;right:0;transform:translateY(-50%);mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E") 50%/18px 18px no-repeat}.clear-btn.visible{opacity:.6;pointer-events:auto}.clear-btn:hover{opacity:1;background-color:var(--accent)}.clear-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.loader{border:2px solid var(--card-border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;margin-top:-9px;animation:.8s linear infinite spin;display:none;position:absolute;top:50%;right:8px}.loader.active{display:block}body.searching .center-content{opacity:.1;filter:blur(6px);transform:scale(.98)translateY(-20px)}body.searching .search-line{opacity:0;transform:scaleY(0)}#search-results{background:var(--card-bg-fallback);border:1px solid var(--card-border);width:100%;max-height:0;box-shadow:var(--shadow-lg);opacity:0;z-index:20;border-radius:12px;margin-top:10px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:100%;left:0;overflow-y:hidden}@supports (backdrop-filter:blur(25px)){#search-results{background:var(--card-bg-glass);-webkit-backdrop-filter:blur(25px)}}#search-results.show{max-height:var(--results-max-height,min(55vh, 400px));opacity:1;padding:4px 0;overflow-y:auto;transform:translateY(0)}.result-item{color:var(--text-sub);cursor:pointer;word-break:break-all;font-size:.95rem;font:inherit;text-align:left;opacity:0;width:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards springRise;animation-delay:calc(var(--i,0) * 25ms);background:0 0;border-left:3px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:9px 18px;text-decoration:none;display:grid;position:relative}.result-item+.result-item{border-top:1px solid var(--card-border)}.result-item:hover,.result-item[aria-selected=true]{background:var(--selection-bg);color:var(--text-main);border-left-color:var(--accent)}.result-type{border:1px solid var(--card-border);width:3.4em;min-height:1.6em;color:var(--accent);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;display:inline-flex}.result-path{min-width:0}.result-empty{color:var(--text-sub);text-align:center;padding:14px 20px;font-size:.95rem;font-style:italic;display:block}.highlight{color:var(--accent);font-weight:600}.footer-info{padding-bottom:calc(25px + env(safe-area-inset-bottom));width:100%;color:var(--text-sub);opacity:.6;letter-spacing:.05em;pointer-events:none;mix-blend-mode:difference;justify-content:space-between;padding-left:8vw;padding-right:8vw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;animation:1s ease-out .8s forwards fadeInUp;display:flex;position:fixed;bottom:0}@media (height<=500px){.footer-info{display:none}}@media (width<=640px){.song-card{gap:12px;padding:16px 16px 12px}.card-links,.card-levels{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;flex-wrap:nowrap;overflow-x:auto;mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000)}.card-links::-webkit-scrollbar{display:none}.card-levels::-webkit-scrollbar{display:none}.card-link,.card-level{scroll-snap-align:start;flex:none}.ill-row{gap:4px}.ill-label{width:1.8em;font-size:.72rem}.ill-link{padding:4px 10px}}@media (width<=430px){.result-item{grid-template-columns:1fr;gap:4px;padding:8px 14px}.result-type{width:fit-content;min-width:3.4em}.song-card>*{min-width:0}}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;margin-right:8px;display:inline-block}.status-dot.error{background:var(--error);box-shadow:0 0 10px var(--error)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes springRise{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.song-card{flex-direction:column;gap:14px;padding:20px 22px;animation:.22s cubic-bezier(.16,1,.3,1) cardIn;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-head-main{flex-direction:column;gap:4px;min-width:0;display:flex}.card-x{border:1px solid var(--card-border);width:32px;height:32px;color:var(--text-sub);cursor:pointer;background:0 0;border-radius:999px;flex:none;font-size:.85rem;transition:color .2s,border-color .2s}.card-x:hover,.card-x:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.card-title{letter-spacing:.06em;color:var(--text-main);line-break:strict;word-break:keep-all;font-family:Source Han Serif CN Light,Noto Serif SC,serif;font-size:1.15rem;font-weight:300}.card-id{color:var(--text-sub);opacity:.7;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;transition:opacity .2s,color .2s;display:inline-flex}.card-copy-hint{opacity:.5;border:1px solid var(--card-border);border-radius:999px;flex:none;padding:1px 8px;font-size:.68rem;transition:opacity .2s,border-color .2s,color .2s}.card-id:hover,.card-id:focus-visible{opacity:1;color:var(--accent);outline:none}.card-id:hover .card-copy-hint,.card-id:focus-visible .card-copy-hint{opacity:1;border-color:var(--accent);color:var(--accent)}.card-meta{color:var(--text-sub);opacity:.85;letter-spacing:.04em;flex-wrap:wrap;gap:4px 18px;font-size:.82rem;display:flex}.card-levels{flex-wrap:wrap;gap:8px;display:flex}.card-level{border:1px solid var(--card-border);color:var(--text-main);letter-spacing:.08em;border-radius:999px;padding:3px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem}.card-ills{flex-direction:column;gap:8px;display:flex}.ill-row{align-items:center;gap:8px;font-size:.78rem;display:flex}.ill-label{width:2.2em;color:var(--text-sub);opacity:.75;letter-spacing:.08em;flex:none}.ill-fmts{border:1px solid var(--card-border);border-radius:8px;display:inline-flex;overflow:hidden}.ill-link{min-height:30px;color:var(--text-sub);border:none;border-radius:0;justify-content:center;align-items:center;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.ill-link+.ill-link{border-left:1px solid var(--card-border)}.ill-link:hover,.ill-link:focus-visible{background:var(--selection-bg);color:var(--accent);outline:none}.card-links{flex-wrap:wrap;gap:8px;display:flex}.card-link{border:1px solid var(--card-border);color:var(--accent);letter-spacing:.04em;border-radius:999px;padding:6px 14px;font-size:.78rem;text-decoration:none;transition:background-color .2s,border-color .2s}.card-link:hover,.card-link:focus-visible{background:var(--selection-bg);border-color:var(--accent);outline:none}.card-empty{color:var(--text-sub);opacity:.6;font-size:.8rem;font-style:italic}.card-actions{border-top:1px solid var(--card-border);gap:10px;padding-top:4px;display:flex}body.detail-open .input-wrapper{opacity:.12;pointer-events:none;transform:translateY(4px)}body.detail-open #search-results{box-shadow:var(--shadow-lg);margin-top:18px}body.detail-open .clear-btn{opacity:0;visibility:hidden}.card-btn{font:inherit;color:var(--text-sub);cursor:pointer;letter-spacing:.08em;background:0 0;border:none;padding:8px 4px;font-size:.8rem;transition:color .2s}.card-btn:hover,.card-btn:focus-visible{color:var(--accent);outline:none}#sheet-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);opacity:0;background:#00000059;transition:opacity .28s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}#sheet-backdrop.open{opacity:1}#sheet{background:var(--card-bg-fallback);border-top:1px solid var(--card-border);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:85dvh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -12px 40px #0000001f}#sheet-backdrop.open #sheet{transform:translateY(0)}#sheet.dragging{transition:none}@supports (backdrop-filter:blur(25px)){#sheet{background:var(--sheet-bg);-webkit-backdrop-filter:blur(25px)}}.sheet-handle{background:var(--card-border);border-radius:999px;flex:none;width:40px;height:4px;margin:10px auto 2px}.sheet-body{-webkit-overflow-scrolling:touch;padding:12px 20px;padding-bottom:calc(32px + env(safe-area-inset-bottom));overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-icon-btn{border:1px solid var(--card-border);color:var(--text-sub);min-height:40px;font:inherit;letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:.85rem}.sheet-icon-btn:active{background:var(--selection-bg)}.sheet-title{letter-spacing:.05em;color:var(--text-main);line-break:strict;word-break:keep-all;margin-top:10px;font-family:Source Han Serif CN Light,Noto Serif SC,serif;font-size:1.35rem;font-weight:300}.sheet-id{color:var(--text-sub);opacity:.7;word-break:break-all;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.sheet-meta{color:var(--text-sub);opacity:.85;letter-spacing:.04em;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:.82rem;display:flex}.sheet-levels{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin-top:14px;display:grid}.sheet-level{border:1px solid var(--card-border);background:var(--selection-bg);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;display:flex}.sheet-lv{color:var(--text-sub);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.sheet-diff{color:var(--text-main);font-size:1.05rem}.sheet-section{color:var(--text-sub);opacity:.7;letter-spacing:.18em;align-items:center;gap:10px;margin:18px 0 10px;font-size:.72rem;display:flex}.sheet-section:after{content:"";background:var(--card-border);flex:1;height:1px}.sheet-dl-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sheet-dl{border:1px solid var(--card-border);min-height:46px;color:var(--accent);letter-spacing:.05em;border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;text-decoration:none;transition:background-color .2s,border-color .2s;display:flex}.sheet-dl:active{background:var(--selection-bg);border-color:var(--accent)}.sheet-dl-primary{background:var(--selection-bg);border-color:var(--accent);letter-spacing:.12em;grid-column:1/-1;font-weight:600}.sheet-ills{flex-direction:column;gap:10px;display:flex}.sheet-ill-row{align-items:center;gap:10px;font-size:.85rem;display:flex}.sheet-ill-label{color:var(--text-sub);opacity:.8;letter-spacing:.08em;flex:0 0 2.4em;font-size:.78rem}.sheet-fmts{border:1px solid var(--card-border);border-radius:8px;display:inline-flex;overflow:hidden}.sheet-fmt{min-width:56px;min-height:40px;color:var(--text-sub);border:none;border-radius:0;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;text-decoration:none;display:flex}.sheet-fmt+.sheet-fmt{border-left:1px solid var(--card-border)}.sheet-fmt:active{background:var(--selection-bg);color:var(--accent)}.sheet-spacer{height:4px}