.srd{border:none;padding:0;background:transparent;max-width:520px;width:calc(100vw - 32px);border-radius:var(--radius-lg);color:var(--color-ink)}.srd [hidden],.scd [hidden]{display:none!important}.srd::backdrop,.scd::backdrop{background:#1f1a148c;backdrop-filter:blur(6px)}.srd[open]{animation:srd-pop .22s var(--ease)}@keyframes srd-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.srd-form{position:relative;background:var(--color-bg-elev);padding:30px 28px 26px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.srd-close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--color-bg-tint);border:none;color:var(--color-ink-soft);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease)}.srd-close:hover{background:var(--color-rule);color:var(--color-ink)}.srd h2,.scd h2{margin:4px 0 6px;font-size:1.6rem}.srd-sub{color:var(--color-ink-soft);margin:0 0 22px}.srd-field{display:block;margin-bottom:16px}.srd-field>span{display:block;font-size:.82rem;font-weight:500;color:var(--color-ink-soft);margin-bottom:6px}.srd-field em{font-style:normal;color:var(--color-ink-faint);font-weight:400}.srd-field input,.srd-field textarea,.srd-ac-input,.scd-search{width:100%;padding:12px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color .16s var(--ease),background .16s var(--ease);font-size:16px;font-family:inherit;color:inherit}.srd-field textarea{resize:vertical;min-height:72px}.srd-field input::placeholder,.srd-field textarea::placeholder,.srd-ac-input::placeholder,.scd-search::placeholder{color:var(--color-ink-faint);opacity:1}.srd-ac-input::-webkit-search-cancel-button,.scd-search::-webkit-search-cancel-button,.srd-ac-input::-webkit-search-decoration,.scd-search::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.srd-field input:focus,.srd-field textarea:focus,.srd-ac-input:focus,.scd-search:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-elev)}.srd-ac{position:relative}.srd-ac-list{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--color-bg-elev);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:288px;overflow-y:auto;overscroll-behavior:contain}.srd-ac-item{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border-radius:10px;cursor:pointer}.srd-ac-item+.srd-ac-item{box-shadow:inset 0 1px 0 var(--color-rule)}.srd-ac-title{font-weight:600;font-size:1rem;line-height:1.25}.srd-ac-artist{font-size:.84rem;line-height:1.2;color:var(--color-ink-faint)}.srd-ac-item:hover,.srd-ac-item.is-active{background:var(--color-accent-tint);box-shadow:none}.srd-ac-item:hover+.srd-ac-item,.srd-ac-item.is-active+.srd-ac-item{box-shadow:none}.srd-ac-empty{padding:12px;font-size:.88rem;line-height:1.4;color:var(--color-ink-faint)}.srd-picked{display:flex;align-items:center;gap:12px;padding:13px 10px 13px 15px;border-radius:var(--radius-md);background:var(--color-accent-tint);border:1px solid var(--color-accent)}.srd-picked-text{flex:1;min-width:0;font-weight:600;line-height:1.3}.srd-picked-clear{flex:none;width:30px;height:30px;border:none;border-radius:50%;background:transparent;color:var(--color-ink-faint);font-family:inherit;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease)}.srd-picked-clear:hover{background:#1f1a1414;color:var(--color-ink)}.srd-browse{display:flex;align-items:center;gap:14px;width:100%;margin:0 0 18px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--color-accent);background:linear-gradient(135deg,var(--color-accent-tint) 0%,var(--color-bg) 100%);color:var(--color-ink);font-family:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s var(--ease),box-shadow .16s var(--ease),border-color .16s var(--ease)}.srd-browse:hover,.srd-browse:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-accent-strong);outline:none}.srd-browse:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.srd-browse-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--color-accent-strong);color:#fff}.srd-browse-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.srd-browse-title{font-weight:600;font-size:1rem;line-height:1.25}.srd-browse-sub{font-size:.82rem;line-height:1.25;color:var(--color-ink-soft)}.srd-browse-arrow{flex:none;display:inline-flex;color:var(--color-accent-strong);transition:transform .16s var(--ease)}.srd-browse:hover .srd-browse-arrow{transform:translate(3px)}.srd-message{margin-bottom:18px}.srd-message-toggle{display:block;width:100%;padding:0;border:none;background:none;color:var(--color-ink-soft);font-family:inherit;font-size:.88rem;line-height:1.45;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.srd-message-toggle:hover{color:var(--color-ink)}.srd-message-body{margin-top:12px}.srd-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.srd-error{color:var(--color-danger);font-size:.9rem;margin:0 0 12px}.srd-submit{margin-top:6px;position:relative}.srd-submit-spinner{display:none;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:srd-spin .8s linear infinite}.srd-submit.is-loading .srd-submit-label{opacity:.6}.srd-submit.is-loading .srd-submit-spinner{display:inline-block}@keyframes srd-spin{to{transform:rotate(360deg)}}.srd-step-thanks{text-align:center;padding:16px 0 4px}.srd-thanks-mark{color:var(--color-accent-strong);margin:4px auto 14px;width:56px;height:56px}.srd-tip-prompt{color:var(--color-ink-soft);margin:18px 0 12px;font-size:.95rem}.srd-tip-row{display:flex;gap:8px;justify-content:center;margin-bottom:18px}.srd-done{margin-top:4px}.scd{border:none;padding:0;background:transparent;max-width:560px;width:calc(100vw - 24px);max-height:min(88dvh,720px);color:var(--color-ink)}.scd-panel{position:relative;display:flex;flex-direction:column;max-height:min(88dvh,720px);background:var(--color-bg-elev);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:26px 0 0;overflow:hidden}.scd-header,.scd-toolbar,.scd-tagbar,.scd-empty{padding-inline:22px}.scd-header{padding-right:62px;margin-bottom:18px}.scd-header .srd-close{position:absolute;top:18px;right:18px}.scd-toolbar{display:flex;flex-direction:column;gap:14px}.scd-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.scd-controls-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.scd-random{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--radius-pill);border:1px solid var(--color-accent);background:var(--color-accent-tint);color:var(--color-accent-strong);font-family:inherit;font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease),transform .12s var(--ease)}.scd-random:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.scd-random:active{transform:scale(.97)}.scd-sort{display:flex;align-items:center;gap:6px}.scd-sort-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);margin-right:2px}.scd-sort-btn{padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-ink-soft);font-family:inherit;font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.scd-sort-btn:hover{border-color:var(--color-ink-faint);color:var(--color-ink)}.scd-sort-btn.is-active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}.scd-count{margin:0;flex:none;font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--color-ink-faint)}.scd-tagbar{position:relative;margin-top:14px;padding-bottom:16px}.scd-tagbar:after{content:"";position:absolute;top:0;right:0;bottom:16px;width:32px;pointer-events:none;background:linear-gradient(to left,var(--color-bg-elev),transparent)}.scd-tags{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scd-tags::-webkit-scrollbar{display:none}.scd-tag{flex:none;padding:7px 13px;border-radius:var(--radius-pill);border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-ink-soft);font-family:inherit;font-size:.8rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.scd-tag:hover{border-color:var(--color-ink-faint);color:var(--color-ink)}.scd-tag.is-active{background:var(--color-accent-strong);border-color:var(--color-accent-strong);color:#fff}.scd-listwrap{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;border-top:1px solid var(--color-rule)}.scd-listwrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;pointer-events:none;background:linear-gradient(to top,var(--color-bg-elev),transparent)}.scd-list{list-style:none;margin:0;padding:0 0 12px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent}.scd-list::-webkit-scrollbar{width:12px}.scd-list::-webkit-scrollbar-thumb{background:var(--color-rule);background-clip:padding-box;border:4px solid transparent;border-radius:var(--radius-pill)}.scd-list::-webkit-scrollbar-thumb:hover{background:var(--color-ink-faint);background-clip:padding-box}.scd-item+.scd-item .scd-item-btn{border-top:1px solid var(--color-rule)}.scd-item-btn{display:flex;align-items:center;gap:12px;width:100%;padding:13px 22px;border:none;background:transparent;text-align:left;font-family:inherit;color:inherit;cursor:pointer;transition:background .12s var(--ease)}.scd-item-btn:hover,.scd-item-btn:focus-visible{background:var(--color-accent-tint);outline:none}.scd-item-main{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.scd-item-title{font-weight:600;font-size:1rem;line-height:1.25}.scd-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.scd-item-artist{font-size:.86rem;line-height:1.2;color:var(--color-ink-faint)}.scd-item-tag{font-size:.66rem;font-weight:600;letter-spacing:.03em;line-height:1;padding:4px 7px;border-radius:5px;background:var(--color-bg-tint);color:var(--color-ink-soft);white-space:nowrap}.scd-item-pick{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);color:var(--color-ink-faint);transition:background .12s var(--ease),color .12s var(--ease)}.scd-item-btn:hover .scd-item-pick{background:var(--color-accent-strong);color:#fff}.scd-empty{margin:28px 0;text-align:center;color:var(--color-ink-soft)}@media(max-width:520px){.srd-form{padding:26px 20px 22px}.srd h2,.scd h2{font-size:1.4rem}.scd-panel{padding-top:22px}.scd-header,.scd-toolbar,.scd-tagbar,.scd-empty{padding-inline:18px}.scd-header{padding-right:56px}.scd-item-btn{padding-inline:18px}.scd-sort-label{display:none}}