:root{color-scheme:light dark;--ink: #1b1f3b;--muted: #646a8c;--bg: #eef0f6;--card: #ffffff;--line: #d5d9e6;--marker: #ffd84d;--on-marker: #1b1f3b;--danger: #c2274a;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.7;color:var(--ink);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--ink: #eceefa;--muted: #9aa0c4;--bg: #14162a;--card: #1e2140;--line: #33375c;--danger: #ff7d98}}body{margin:0}.page{max-width:46rem;margin:0 auto;padding:2.5rem 1.25rem 5rem}h1{margin:0 0 1rem;font-size:clamp(1.9rem,6vw,3rem);font-weight:800;line-height:1.25;letter-spacing:-.01em}h2{margin:0 0 1.25rem;font-size:1.25rem;font-weight:800}h3{margin:0 0 .35rem;font-size:1.1rem}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--marker);outline-offset:2px}mark{color:inherit;background:linear-gradient(transparent 55%,var(--marker) 55%);padding:0 .15em}.lead{font-size:1.1rem;margin:0 0 1.5rem}.note{color:var(--muted);font-size:.9rem;margin:.5rem 0 0}.error{color:var(--danger);font-weight:600}kbd{font-family:var(--mono);font-size:.85em;padding:.1em .4em;border:1px solid var(--line);border-bottom-width:2px;border-radius:.3rem;background:var(--card)}button{font:inherit;color:inherit;cursor:pointer}.actions button,.actions .button,.share-link button,.bookmarklet{font-weight:700;padding:.55rem 1.2rem;border-radius:999px;border:2px solid var(--ink);background:var(--marker);color:var(--on-marker);text-decoration:none;white-space:nowrap}.actions button.secondary,.toolbar button{padding:.3rem .9rem;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-weight:400}.toolbar button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:700}.actions button.secondary{padding:.55rem 1.2rem}button:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 1rem}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 .75rem}.segmented{display:flex;flex-wrap:wrap;gap:.4rem}.brand{margin:0 0 2rem;font-family:var(--mono);font-size:.85rem;letter-spacing:.08em;color:var(--muted)}.home section{margin-top:3.5rem}.bubble{margin-bottom:.5rem;padding:.5rem .8rem;border-radius:.9rem .9rem .9rem .2rem;background:var(--card);border:1px solid var(--line);font-size:.9rem}.bubble-user{display:block;font-size:.75rem;color:var(--muted)}.chip{display:block;width:fit-content;margin-top:.3rem;padding:0 .5rem;border-radius:.4rem;background:var(--bg);font-family:var(--mono);font-size:.75rem}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps>li{counter-increment:step;position:relative;margin-bottom:1rem;padding:1.25rem 1.25rem 1.25rem 4.25rem;border-radius:.9rem;background:var(--card);border:1px solid var(--line)}.steps>li:before{content:counter(step);position:absolute;left:1.25rem;top:1.05rem;font-family:var(--mono);font-size:2rem;font-weight:700;line-height:1.2}.steps p{margin:0}.steps .install{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1rem 0 .25rem}.bookmarklet{display:inline-block;cursor:grab;box-shadow:4px 4px 0 var(--ink)}.bookmarklet:active{cursor:grabbing}.install-hint{font-size:.9rem;color:var(--muted)}.facts dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem 2rem;margin:0}.facts dt{font-weight:700}.facts dd{margin:.15rem 0 0;color:var(--muted);font-size:.95rem}.candidates{list-style:none;margin:0;padding:0;border-radius:.9rem;background:var(--card);border:1px solid var(--line)}.candidates li{display:flex;align-items:flex-start;gap:.75rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.candidates li:last-child{border-bottom:0}.candidates li.unchecked .candidate-body{opacity:.6}.candidates input[type=checkbox]{width:1.2rem;height:1.2rem;margin-top:.3rem;flex:none;accent-color:var(--ink)}.candidate-body{flex:1;min-width:0;overflow-wrap:anywhere}.artist{margin-left:.5rem;color:var(--muted)}.candidate-body .original{margin:.15rem 0 0;font-size:.9rem;color:var(--muted)}.candidate-body input[type=search],.share-link input{font:inherit;color:inherit;width:100%;box-sizing:border-box;padding:.35rem .6rem;border:1.5px solid var(--line);border-radius:.5rem;background:var(--bg)}.candidate-body input[type=search]{margin-top:.4rem}.label{display:inline-block;margin-right:.5rem;padding:0 .5rem;border-radius:.35rem;font-size:.78rem;font-weight:700;background:var(--bg);border:1px solid var(--line)}.count{flex:none;font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted);white-space:nowrap}.confirm-bar{position:sticky;bottom:0;margin:0;padding:.9rem 0;background:linear-gradient(transparent,var(--bg) 35%)}.playlist-title{font:inherit;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:800;width:calc(100% + 1rem);box-sizing:border-box;padding:.2rem .5rem;margin:0 0 .75rem -.5rem;border:1.5px dashed var(--line);border-radius:.5rem;background:none;color:inherit}.playlist-title:hover,.playlist-title:focus{border-style:solid;border-color:var(--ink)}.tracks{list-style:none;margin:0;padding:0;counter-reset:track}.page>.tracks{border-radius:.9rem;background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--marker);padding:.25rem 1.1rem}.tracks li{counter-increment:track;display:flex;align-items:baseline;gap:.75rem;padding:.6rem 0;border-bottom:1px dashed var(--line);overflow-wrap:anywhere}.tracks li:last-child{border-bottom:0}.tracks li:before{content:counter(track,decimal-leading-zero);flex:none;font-family:var(--mono);font-size:.85rem;color:var(--muted)}.tracks li>:first-child{flex:1;min-width:0;text-decoration:none}.tracks a:hover strong,.tracks a:hover{text-decoration:underline}.share{margin:1rem 0;padding:.25rem 1rem 1rem;border-radius:.9rem;background:var(--card);border:1px solid var(--line)}.share-link{display:flex;gap:.5rem}.share-link input{flex:1;min-width:0;font-family:var(--mono);font-size:.9rem}.cta{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.cta a{font-weight:700}@media(max-width:34rem){.steps>li{padding:3.5rem 1rem 1rem}.steps>li:before{left:1rem;top:.75rem}}.tour{--t: 14s;margin:2.5rem 0 0}.tour-window{position:relative;height:20rem;overflow:hidden;border-radius:.9rem;background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--marker)}.tour-chrome{display:flex;gap:.35rem;align-items:center;height:1.75rem;padding:0 .75rem;background:var(--ink)}.tour-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--bg);opacity:.6}.tour-bookmarks{height:2rem;padding:0 .75rem;display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--bg);font-size:.8rem}.tour-bm{padding:.05rem .5rem;border-radius:.35rem;animation:tour-bm var(--t) infinite}.tour-stage{position:absolute;inset:3.75rem 0 0}.scene{position:absolute;inset:0;padding:1rem 1.25rem;opacity:0}.scene-install{animation:tour-scene-1 var(--t) infinite}.scene-collect{overflow:hidden;animation:tour-scene-2 var(--t) infinite}.scene-result{animation:tour-scene-3 var(--t) infinite}.scene-title{margin:0 0 .25rem;font-weight:800;font-size:1.15rem}.scene-text{margin:0 0 1.25rem;color:var(--muted);font-size:.9rem}.tour-button{position:absolute;left:1.25rem;top:5.5rem;padding:.3rem .9rem;border-radius:999px;border:2px solid var(--ink);background:var(--marker);color:var(--on-marker);font-weight:700;font-size:.9rem}.tour-ghost{opacity:0;animation:tour-ghost var(--t) infinite}.tour-cursor{position:absolute;left:5rem;top:6.6rem;width:.9rem;height:.9rem;border-radius:50%;border:2px solid var(--card);background:var(--ink);box-shadow:0 0 0 0 var(--marker);animation:tour-cursor var(--t) infinite}.scene-thread{max-width:62%;animation:tour-scroll var(--t) infinite}.bubble-post{border-color:var(--ink);font-weight:700}.tour-overlay{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.3rem;padding:.5rem .8rem;border-radius:.7rem;background:var(--ink);color:var(--bg);font-size:.85rem;font-weight:700;opacity:0;animation:tour-overlay var(--t) infinite}.tour-counter{display:inline-block;height:1.4em;line-height:1.4;min-width:1.8em;overflow:hidden;text-align:right;font-variant-numeric:tabular-nums;color:var(--marker)}.tour-counter>span{display:block;animation:tour-count var(--t) step-end infinite}.scene-result .tracks li{padding:.35rem 0;font-size:.95rem}.scene-result .tracks li:nth-child(1){animation:tour-row-1 var(--t) infinite}.scene-result .tracks li:nth-child(2){animation:tour-row-2 var(--t) infinite}.scene-result .tracks li:nth-child(3){animation:tour-row-3 var(--t) infinite}.scene-result .tracks li:nth-child(4){animation:tour-row-4 var(--t) infinite}.scene-platforms{display:flex;gap:.4rem;margin:.6rem 0 0;font-size:.75rem}.scene-platforms span{padding:.05rem .6rem;border-radius:999px;border:1.5px solid var(--line)}.scene-platforms span:first-child{background:var(--ink);border-color:var(--ink);color:var(--bg)}.tour figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:1.1rem}.tour-steps{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;padding:0;list-style:none;counter-reset:tour;font-size:.9rem;font-weight:700}.tour-steps li{counter-increment:tour;padding:0 .3em;background:linear-gradient(var(--marker),var(--marker)) no-repeat 0 100% / 0% 45%}.tour-steps li:before{content:counter(tour) " ";font-family:var(--mono);color:var(--muted)}.tour-steps li:nth-child(1){animation:tour-step-1 var(--t) infinite}.tour-steps li:nth-child(2){animation:tour-step-2 var(--t) infinite}.tour-steps li:nth-child(3){animation:tour-step-3 var(--t) infinite}.tour-toggle{padding:.2rem .8rem;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font-size:.85rem}.tour.paused *{animation-play-state:paused!important}@keyframes tour-scene-1{0%,30%{opacity:1}33%,to{opacity:0}}@keyframes tour-scene-2{0%,30%{opacity:0}33%,63%{opacity:1}66%,to{opacity:0}}@keyframes tour-scene-3{0%,63%{opacity:0}66%,97%{opacity:1}to{opacity:0}}@keyframes tour-ghost{0%,7%{opacity:0;transform:none}8%{opacity:.9;transform:none}21%{opacity:.9;transform:translate(-.5rem,-7.4rem) scale(.8)}23%,to{opacity:0;transform:translate(-.5rem,-7.4rem) scale(.8)}}@keyframes tour-bm{0%,21%{opacity:0;background:transparent}23%,37%{opacity:1;background:transparent}39%,42%{opacity:1;background:var(--marker);color:var(--on-marker)}45%,97%{opacity:1;background:transparent}to{opacity:0}}@keyframes tour-cursor{0%{left:9rem;top:9rem;opacity:0}4%{left:5rem;top:6.6rem;opacity:1;box-shadow:0 0 0 0 var(--marker)}8%{left:5rem;top:6.6rem;box-shadow:0 0 0 .35rem var(--marker)}21%{left:4.5rem;top:-.9rem;box-shadow:0 0 0 .35rem var(--marker)}24%,34%{left:4.5rem;top:-.9rem;box-shadow:0 0 0 0 var(--marker)}39%{left:4.5rem;top:-.9rem;box-shadow:0 0 0 .45rem var(--marker)}43%{left:4.5rem;top:-.9rem;box-shadow:0 0 0 0 var(--marker);opacity:1}50%,to{left:12rem;top:4rem;opacity:0}}@keyframes tour-overlay{0%,40%{opacity:0;transform:translateY(-.4rem)}43%,63%{opacity:1;transform:none}66%,to{opacity:0}}@keyframes tour-count{0%,44%{transform:translateY(0)}48%{transform:translateY(-1.4em)}52%{transform:translateY(-2.8em)}56%{transform:translateY(-4.2em)}60%,to{transform:translateY(-5.6em)}}@keyframes tour-scroll{0%,44%{transform:translateY(0)}61%,to{transform:translateY(-9.5rem)}}@keyframes tour-row-1{0%,67%{opacity:0;transform:translate(-.5rem)}70%,to{opacity:1;transform:none}}@keyframes tour-row-2{0%,70%{opacity:0;transform:translate(-.5rem)}73%,to{opacity:1;transform:none}}@keyframes tour-row-3{0%,73%{opacity:0;transform:translate(-.5rem)}76%,to{opacity:1;transform:none}}@keyframes tour-row-4{0%,76%{opacity:0;transform:translate(-.5rem)}79%,to{opacity:1;transform:none}}@keyframes tour-step-1{0%,30%{background-size:100% 45%}33%,to{background-size:0% 45%}}@keyframes tour-step-2{0%,30%{background-size:0% 45%}33%,63%{background-size:100% 45%}66%,to{background-size:0% 45%}}@keyframes tour-step-3{0%,63%{background-size:0% 45%}66%,97%{background-size:100% 45%}to{background-size:0% 45%}}@media(prefers-reduced-motion:reduce){.tour *,.tour-steps li{animation:none!important}.scene-result{opacity:1}.tour-cursor,.tour-toggle{display:none}}.import-guide{margin:1.5rem 0;padding:.9rem 1.1rem;border-radius:.9rem;background:var(--card);border:1px solid var(--line)}.import-guide summary{font-weight:700;cursor:pointer}.import-guide ol{padding-left:1.4rem}.import-guide li{margin-bottom:.4rem}.others{margin-top:1.25rem}.others summary{font-weight:700;cursor:pointer;padding:.5rem 0}.others .note{margin:0 0 .75rem}.link-title{display:block}.link-title+a{font-size:.85rem;color:var(--muted)}.title-field{display:block;margin-bottom:.75rem}.title-label{display:block;margin-bottom:.3rem;font-size:.85rem;font-weight:700}.title-hint{margin-left:.6rem;font-weight:400;color:var(--muted)}.title-field .playlist-title{width:100%;margin:0;border-style:solid;background:var(--card)}