.theme-page .youtube-connection{max-width:760px;margin:18px auto 0;text-align:left;border:1px solid #ffffff16;border-radius:11px;background:#111111bb;font-size:10px;line-height:1.6}
.youtube-connection>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:12px 14px;cursor:pointer}.youtube-connection>summary::-webkit-details-marker{display:none}
.youtube-status-dot{height:5px;width:5px;flex:0 0 auto;border-radius:50%;background:#777}.youtube-connection[data-state="connected"] .youtube-status-dot{background:#fff;box-shadow:0 0 8px #ffffff40}.youtube-connection[data-state="error"] .youtube-status-dot{background:var(--tone-ff002b,#ff002b)}
.youtube-connection>summary>span:nth-child(2){flex:1;min-width:0;color:#aaa;overflow-wrap:anywhere}.youtube-connection>summary>b{font-size:7px;font-weight:600;letter-spacing:.08em;flex:0 0 auto;color:var(--tone-ff4d68,#ff4d68);border:1px solid var(--tone-ff002b30,#ff002b30);border-radius:4px;padding:3px 5px;background:var(--tone-ff002b08,#ff002b08)}.youtube-connection>summary>i{font-style:normal;font-size:15px;color:#777;flex:0 0 auto}.youtube-connection[open]>summary>i{transform:rotate(45deg)}
.youtube-connection-body{border-top:1px solid #ffffff10;padding:13px 16px;color:#909090}.youtube-connection-body p{margin:0;font-size:10px;line-height:1.7}.youtube-connection-body ol{padding-left:18px;margin:10px 0}.youtube-connection-body li+li{margin-top:5px}.youtube-connection-body a{color:#ddd;text-decoration:underline;text-underline-offset:3px}.youtube-connection-body code{color:#ddd;font-size:9px;background:#ffffff06;border-radius:3px;padding:2px 4px}.youtube-connection-body .youtube-key-note{font-size:9px;color:#777}
@media(max-width:560px){.youtube-connection>summary{gap:8px;padding:10px}.youtube-connection-body{padding:12px}.youtube-connection>summary>b{font-size:6px}.youtube-connection>summary>span:nth-child(2){font-size:9px}}