/* ============ FINZO WALLET — YouTube Search Filter ============ */
.ytsf-tools-icon{color:#fff!important;background:linear-gradient(145deg,#ff3030,#d90000)!important;box-shadow:0 8px 18px -10px rgba(255,0,0,.75)!important}
.main.youtube-filter-main{padding-left:16px;padding-right:16px;overflow:visible}
.main.youtube-filter-main.standalone{padding-top:12px;padding-bottom:34px}
.youtube-filter-page{position:relative;width:100%;max-width:100%;min-width:0;margin:0 auto;padding:4px 0 24px;color:var(--text);overflow:visible;--ytsf-accent-soft:color-mix(in srgb,var(--primary) 10%,var(--surface));--ytsf-accent-soft-strong:color-mix(in srgb,var(--primary) 16%,var(--surface));--ytsf-control-surface:color-mix(in srgb,var(--surface) 94%,var(--bg) 6%)}
[data-theme="dark"] .youtube-filter-page{--ytsf-accent-soft:color-mix(in srgb,var(--primary) 15%,var(--surface));--ytsf-accent-soft-strong:color-mix(in srgb,var(--primary) 22%,var(--surface));--ytsf-control-surface:color-mix(in srgb,var(--surface) 92%,#070812 8%)}
.youtube-filter-page *{min-width:0}

.ytsf-heading{display:flex;align-items:center;gap:12px;padding:8px 2px 18px}
.ytsf-heading-icon{width:50px;height:50px;flex:0 0 50px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:1.48rem;background:linear-gradient(145deg,#ff3131,#d90000);border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 24px -18px rgba(229,0,0,.8)}
.ytsf-kicker{display:block;margin-bottom:2px;color:var(--primary);font-size:.56rem;font-weight:900;letter-spacing:1.05px}
.ytsf-heading h1{margin:0;font-size:clamp(1.24rem,5.2vw,1.62rem);line-height:1.1;letter-spacing:-.035em;font-weight:900}
.ytsf-heading p{margin:5px 0 0;color:var(--text-muted);font-size:.65rem;line-height:1.42;font-weight:650}

/* Settings live directly on the page; no outer card that can clip on mobile. */
.ytsf-settings{width:100%;position:relative;margin:0 0 22px;overflow:visible}
.ytsf-settings-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:8px;width:100%}
.ytsf-instant-control,.ytsf-filter-trigger{min-width:0;height:52px;border:1px solid var(--border);border-radius:15px;background:var(--ytsf-control-surface);color:var(--text);font-family:inherit;cursor:pointer;box-shadow:0 8px 20px -18px rgba(12,18,38,.5);transition:transform .16s var(--ease),border-color .2s,background .2s,box-shadow .2s}
[data-theme="dark"] .ytsf-instant-control,[data-theme="dark"] .ytsf-filter-trigger{box-shadow:0 9px 22px -18px rgba(0,0,0,.95)}
.ytsf-instant-control:active,.ytsf-filter-trigger:active{transform:scale(.985)}
.ytsf-instant-control{padding:7px 9px;display:flex;align-items:center;gap:8px;text-align:left}
.ytsf-instant-control.on{border-color:color-mix(in srgb,var(--primary) 34%,var(--border));background:linear-gradient(145deg,var(--ytsf-accent-soft-strong),var(--ytsf-control-surface))}
.ytsf-control-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;color:var(--primary);background:var(--ytsf-accent-soft);font-size:.72rem}
.ytsf-instant-control.on .ytsf-control-icon{color:#fff;background:var(--grad);box-shadow:0 8px 15px -11px var(--primary)}
.ytsf-control-copy{display:flex;flex:1;align-items:center}
.ytsf-control-copy b{font-size:.69rem;line-height:1.15;font-weight:900;white-space:nowrap}
.ytsf-switch{width:34px;height:20px;flex:0 0 34px;padding:2px;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 28%,var(--border));box-shadow:inset 0 1px 4px rgba(0,0,0,.15);transition:background .2s}
.ytsf-switch span{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.24);transition:transform .22s var(--ease)}
.ytsf-instant-control.on .ytsf-switch{background:var(--primary)}
.ytsf-instant-control.on .ytsf-switch span{transform:translateX(14px)}

.ytsf-filter-trigger{position:relative;padding:7px 9px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:1px 6px;text-align:left}
.ytsf-filter-trigger>span{display:flex;align-items:center;gap:5px;font-size:.66rem;line-height:1.1}
.ytsf-filter-trigger>span i{color:var(--primary);font-size:.61rem}
.ytsf-filter-trigger b{font-weight:900}
.ytsf-filter-trigger small{grid-column:1/2;color:var(--text-muted);font-size:.52rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytsf-filter-chevron{grid-column:2;grid-row:1/3;align-self:center;color:var(--text-muted);font-size:.56rem;transition:transform .24s var(--ease),color .2s}
.ytsf-filter-trigger.open{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));background:var(--ytsf-accent-soft-strong)}
.ytsf-filter-trigger.open .ytsf-filter-chevron{transform:rotate(180deg);color:var(--primary)}

.ytsf-filter-collapse{display:grid;grid-template-rows:0fr;opacity:0;width:100%;transition:grid-template-rows .3s var(--ease),opacity .2s ease}
.ytsf-filter-collapse.open{grid-template-rows:1fr;opacity:1}
.ytsf-filter-collapse-inner{min-height:0;overflow:hidden}
.ytsf-filter-collapse.open .ytsf-filter-collapse-inner{padding:11px 0 1px}
.ytsf-filter-label{display:flex;align-items:center;gap:6px;margin:0 3px 7px;color:var(--text-muted);font-size:.56rem;font-weight:850;text-transform:uppercase;letter-spacing:.65px}
.ytsf-filter-label i{color:var(--primary)}
.ytsf-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}
.ytsf-filter-grid button{position:relative;min-width:0;min-height:57px;padding:9px 7px 8px 23px;border:1px solid var(--border);border-radius:13px;background:var(--ytsf-control-surface);color:var(--text);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 6px 16px -17px rgba(0,0,0,.45);transition:transform .15s var(--ease),border-color .2s,background .2s}
.ytsf-filter-grid button:active{transform:scale(.975)}
.ytsf-filter-dot{position:absolute;left:8px;top:11px;width:7px;height:7px;border-radius:50%;border:2px solid color-mix(in srgb,var(--text-muted) 55%,var(--border));box-sizing:border-box}
.ytsf-filter-grid b{display:block;font-size:.62rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytsf-filter-grid small{display:block;margin-top:2px;color:var(--text-muted);font-size:.49rem;line-height:1.25;font-weight:650}
.ytsf-filter-grid button>i{position:absolute;right:7px;top:8px;display:none;color:var(--primary);font-size:.49rem}
.ytsf-filter-grid button.selected{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:linear-gradient(145deg,var(--ytsf-accent-soft-strong),var(--ytsf-control-surface))}
.ytsf-filter-grid button.selected .ytsf-filter-dot{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}
.ytsf-filter-grid button.selected>i{display:block}

/* Search area is also direct page content: only the input/button themselves are surfaces. */
.ytsf-search-area{width:100%;margin:0;overflow:visible}
.ytsf-search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 2px 10px}
.ytsf-search-head>div{min-width:0}
.ytsf-search-head span:first-child{display:block;color:var(--primary);font-size:.54rem;font-weight:900;letter-spacing:1px}
.ytsf-search-head h2{margin:3px 0 0;font-size:1rem;line-height:1.2;font-weight:900;letter-spacing:-.02em}
.ytsf-active-chip{flex:0 0 auto;display:inline-flex!important;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--ytsf-accent-soft);color:var(--primary)!important;font-size:.54rem!important;font-weight:850!important;letter-spacing:0!important;white-space:nowrap}

.ytsf-input-wrap{position:relative;width:100%;height:60px;border-radius:17px;border:1.5px solid color-mix(in srgb,var(--primary) 24%,var(--border));background:var(--ytsf-control-surface);box-shadow:0 10px 24px -20px color-mix(in srgb,var(--primary) 40%,rgba(0,0,0,.45)),inset 0 1px 0 color-mix(in srgb,#fff 58%,transparent);transition:border-color .2s,box-shadow .2s,transform .18s}
[data-theme="dark"] .ytsf-input-wrap{box-shadow:0 11px 25px -20px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.035)}
.ytsf-input-wrap:focus-within{border-color:color-mix(in srgb,var(--primary) 66%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent),0 12px 24px -20px var(--primary)}
.ytsf-input-wrap.loading{border-color:var(--primary)}
.ytsf-input-wrap.shake{animation:ytsfShake .32s ease}
@keyframes ytsfShake{25%{transform:translateX(-4px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}
.ytsf-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:.78rem;pointer-events:none}
.ytsf-input-wrap input{width:100%;height:100%;box-sizing:border-box;border:0;outline:0;background:transparent;color:var(--text);padding:0 92px 0 39px;font-family:inherit;font-size:.96rem;font-weight:750;letter-spacing:-.01em}
.ytsf-input-wrap.has-clear input{padding-right:140px}
.ytsf-input-wrap input::placeholder{color:color-mix(in srgb,var(--text-muted) 72%,transparent);font-weight:650}
.ytsf-input-wrap input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.ytsf-input-actions{position:absolute;right:5px;top:5px;bottom:5px;display:flex;align-items:stretch;gap:5px;z-index:2}
.ytsf-clear-btn{display:none;width:40px;flex:0 0 40px;border:1px solid color-mix(in srgb,var(--border) 88%,var(--primary) 12%);border-radius:12px;background:var(--surface-2);color:var(--text-muted);font-size:.72rem;cursor:pointer;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent),0 5px 12px -10px rgba(0,0,0,.55);transition:transform .15s,color .2s,border-color .2s,background .2s}
.ytsf-clear-btn.show{display:grid;place-items:center}.ytsf-clear-btn:active{transform:scale(.92)}.ytsf-clear-btn:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border));background:color-mix(in srgb,var(--danger-soft) 48%,var(--surface-2))}
.ytsf-paste-ribbon{position:relative;min-width:78px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:3px 13px 13px 3px;padding:0 10px 0 15px;display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(145deg,var(--ytsf-accent-soft-strong),var(--ytsf-accent-soft));color:var(--primary);font-family:inherit;font-size:.59rem;font-weight:900;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent);transition:transform .15s,filter .2s}
.ytsf-paste-ribbon:active{transform:scale(.96)}.ytsf-paste-ribbon:hover{filter:brightness(1.04)}

.ytsf-opening{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;max-height:0;margin:0 3px;opacity:0;overflow:hidden;transition:max-height .28s var(--ease),opacity .2s,margin .28s var(--ease)}
.ytsf-opening.show{max-height:62px;margin:10px 3px 0;opacity:1}
.ytsf-opening-spinner{width:20px;height:20px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 22%,transparent);border-top-color:var(--primary);animation:ytsfSpin .7s linear infinite}
@keyframes ytsfSpin{to{transform:rotate(360deg)}}
.ytsf-opening div{display:flex;min-width:0;flex-direction:column;gap:1px}
.ytsf-opening b{font-size:.63rem;font-weight:900}
.ytsf-opening small{color:var(--text-muted);font-size:.51rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytsf-opening-wave{display:flex;align-items:end;gap:2px;height:14px}
.ytsf-opening-wave i{display:block;width:3px;border-radius:2px;background:var(--primary);animation:ytsfWave .7s ease-in-out infinite}
.ytsf-opening-wave i:nth-child(1){height:5px}.ytsf-opening-wave i:nth-child(2){height:11px;animation-delay:.1s}.ytsf-opening-wave i:nth-child(3){height:7px;animation-delay:.2s}
@keyframes ytsfWave{50%{height:14px;opacity:.45}}

.ytsf-search-btn{display:none;width:100%;min-height:54px;margin-top:11px;border:0;border-radius:15px;padding:7px 12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;background:var(--grad);color:#fff;font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 14px 26px -18px var(--primary),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .16s var(--ease),opacity .2s}
.ytsf-search-btn.show{display:grid}.ytsf-search-btn:active{transform:scale(.99)}.ytsf-search-btn:disabled{opacity:.7;cursor:wait}
.ytsf-search-btn-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:.94rem}
.ytsf-search-btn>span:nth-child(2){display:flex;flex-direction:column;gap:1px}.ytsf-search-btn b{font-size:.72rem;font-weight:900}.ytsf-search-btn small{font-size:.52rem;color:rgba(255,255,255,.78);font-weight:650}.ytsf-search-btn>i{font-size:.62rem;opacity:.85}
.ytsf-search-btn.loading .ytsf-search-btn-icon i{animation:ytsfPulse .7s ease-in-out infinite alternate}@keyframes ytsfPulse{to{transform:scale(1.18);opacity:.58}}

.ytsf-tip{display:flex;align-items:flex-start;gap:7px;margin:11px 2px 0;padding:0;color:var(--text-muted);font-size:.56rem;line-height:1.45;font-weight:650;background:transparent}
.ytsf-tip i{margin-top:1px;color:var(--primary);flex:0 0 auto}.ytsf-tip.manual{background:transparent}

@media(max-width:390px){
  .main.youtube-filter-main{padding-left:14px;padding-right:14px}
  .ytsf-heading{gap:10px;padding-top:5px}.ytsf-heading-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px;font-size:1.32rem}.ytsf-heading p{font-size:.61rem}
  .ytsf-settings-row{grid-template-columns:minmax(0,1fr) 108px;gap:7px}
  .ytsf-control-icon{width:29px;height:29px;flex-basis:29px}.ytsf-control-copy b{font-size:.64rem}.ytsf-switch{width:32px;flex-basis:32px}.ytsf-instant-control.on .ytsf-switch span{transform:translateX(12px)}
  .ytsf-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:330px){
  .main.youtube-filter-main{padding-left:12px;padding-right:12px}
  .ytsf-settings-row{grid-template-columns:1fr 100px}.ytsf-control-icon{display:none}.ytsf-instant-control{gap:6px;padding-left:8px;padding-right:8px}
  .ytsf-active-chip{display:none!important}.ytsf-input-wrap input{padding-right:72px;font-size:.9rem}.ytsf-input-wrap.has-clear input{padding-right:112px}.ytsf-paste-ribbon{min-width:60px;padding:0 8px 0 12px}.ytsf-paste-ribbon span{display:none}.ytsf-clear-btn{width:36px;flex-basis:36px}
}
@media(prefers-reduced-motion:reduce){.ytsf-opening-spinner,.ytsf-opening-wave i,.ytsf-search-btn.loading .ytsf-search-btn-icon i{animation:none!important}.ytsf-filter-collapse,.ytsf-switch span,.ytsf-filter-chevron{transition:none!important}}

/* Anonymous YouTube tool keeps the same FINZO brand navbar as the signed-in shell. */
.ytsf-public-topbar{min-height:62px;padding-bottom:10px}
.ytsf-public-topbar .brand span{white-space:nowrap}
[data-theme="dark"] .ytsf-instant-control,[data-theme="dark"] .ytsf-filter-trigger,[data-theme="dark"] .ytsf-filter-grid button,[data-theme="dark"] .ytsf-input-wrap{background-color:var(--ytsf-control-surface)}

/* Manual search button: raised 3D surface */
.ytsf-search-btn{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,#fff 18%,var(--primary));box-shadow:0 7px 0 color-mix(in srgb,var(--primary) 72%,#26145f),0 15px 27px -16px var(--primary),inset 0 1px 0 rgba(255,255,255,.35);transform:translateY(0);transition:transform .13s,box-shadow .13s,filter .2s}
.ytsf-search-btn:before{content:"";position:absolute;left:4%;right:4%;top:1px;height:42%;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent);pointer-events:none}.ytsf-search-btn>*{position:relative;z-index:1}.ytsf-search-btn:active{transform:translateY(5px);box-shadow:0 2px 0 color-mix(in srgb,var(--primary) 72%,#26145f),0 9px 18px -15px var(--primary),inset 0 1px 0 rgba(255,255,255,.25)}
.ytsf-video-task-card{width:100%;margin-top:18px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:18px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface-2));color:var(--text);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 12px 28px -24px var(--primary);transition:transform .16s,border-color .2s}.ytsf-video-task-card:active{transform:scale(.985)}.ytsf-video-task-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:1rem;box-shadow:0 10px 20px -13px var(--primary)}.ytsf-video-task-copy{display:flex;min-width:0;flex-direction:column}.ytsf-video-task-copy small{color:var(--primary);font-size:.5rem;font-weight:900;letter-spacing:.1em}.ytsf-video-task-copy b{margin-top:2px;font-size:.77rem;font-weight:900}.ytsf-video-task-copy em{margin-top:3px;font-style:normal;color:var(--text-muted);font-size:.56rem;line-height:1.35;font-weight:650}.ytsf-video-task-arrow{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:.61rem}

/* v2026.09.06.2 — refined manual search CTA + banner-style Video Task promotion. */
.ytsf-search-btn{
  min-height:58px;margin-top:13px;padding:8px 13px;border:1px solid rgba(255,255,255,.22);border-radius:18px;
  background:linear-gradient(135deg,#ff3131 0%,#ef1838 55%,#d90d2f 100%);color:#fff;
  box-shadow:0 4px 0 #b80d28,0 15px 30px -18px rgba(225,18,54,.72),inset 0 1px 0 rgba(255,255,255,.34);
  transform:translateY(0);overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,filter .2s ease;
}
.ytsf-search-btn:before{left:0;right:0;top:0;height:46%;border-radius:18px 18px 48% 48%;background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0));opacity:.85}
.ytsf-search-btn:hover{filter:brightness(1.035)}
.ytsf-search-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #b80d28,0 10px 22px -18px rgba(225,18,54,.72),inset 0 1px 0 rgba(255,255,255,.25)}
.ytsf-search-btn-icon{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.18);font-size:1.05rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.ytsf-search-btn b{font-size:.76rem;letter-spacing:-.01em}.ytsf-search-btn small{font-size:.53rem;color:rgba(255,255,255,.8)}.ytsf-search-btn>i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:.6rem;opacity:1}

.ytsf-video-task-card{position:relative;isolation:isolate;overflow:hidden;min-height:94px;margin-top:48px;padding:14px 15px;border-radius:21px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 13%,var(--surface)),color-mix(in srgb,var(--primary-dark) 7%,var(--surface-2)));box-shadow:0 16px 35px -30px var(--primary);grid-template-columns:auto minmax(0,1fr) auto;gap:12px}
.ytsf-video-task-card:before{content:"";position:absolute;z-index:-1;width:126px;height:126px;border-radius:50%;right:-66px;top:-72px;background:color-mix(in srgb,var(--primary) 10%,transparent)}
.ytsf-video-task-card:after{content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:4px;background:var(--grad)}
.ytsf-video-task-icon{width:52px;height:52px;border-radius:17px;font-size:1.12rem;background:var(--grad);box-shadow:0 14px 28px -18px var(--primary)}
.ytsf-video-task-copy{gap:1px}.ytsf-video-task-copy small{display:inline-flex;width:max-content;max-width:100%;padding:3px 6px;border-radius:999px;background:var(--primary-soft);font-size:.47rem;letter-spacing:.09em}.ytsf-video-task-copy b{margin-top:4px;font-size:.8rem}.ytsf-video-task-copy em{margin-top:3px;font-size:.57rem;line-height:1.42}
.ytsf-video-task-arrow{width:34px;height:34px;border-radius:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));font-size:.62rem;box-shadow:0 8px 18px -16px rgba(0,0,0,.55)}
@media(max-width:339px){.ytsf-video-task-card{padding:12px 11px;gap:9px}.ytsf-video-task-icon{width:46px;height:46px;border-radius:15px}.ytsf-video-task-copy em{font-size:.53rem}.ytsf-video-task-arrow{width:31px;height:31px}}

/* v2026.09.07.2 — Search CTA follows the active FINZO theme instead of fixed YouTube red. */
.ytsf-search-btn{border-color:color-mix(in srgb,var(--primary) 55%,rgba(255,255,255,.22));background:var(--grad);box-shadow:0 4px 0 color-mix(in srgb,var(--primary) 72%,#26145f),0 15px 30px -18px color-mix(in srgb,var(--primary) 72%,transparent),inset 0 1px 0 rgba(255,255,255,.34)}
.ytsf-search-btn:active{box-shadow:0 1px 0 color-mix(in srgb,var(--primary) 72%,#26145f),0 10px 22px -18px color-mix(in srgb,var(--primary) 72%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}

/* v2026.09.07.3 — Instant Search keeps the query field keyboard-neutral; Paste remains active. */
.ytsf-input-wrap input.instant-locked{cursor:default;caret-color:transparent;user-select:none;-webkit-user-select:none}

/* v2026.09.07.12 — modal-based smart YouTube comment generator. */
.ytsf-comment-generator{margin-top:16px}
.ytsf-generate-btn{position:relative;isolation:isolate;width:100%;min-height:76px;border:1.5px solid color-mix(in srgb,var(--primary) 34%,var(--border));border-radius:20px;padding:11px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,var(--surface)),color-mix(in srgb,var(--primary) 5%,var(--surface)) 55%,var(--surface));color:var(--text);font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 16px 32px -27px var(--primary),inset 0 1px 0 color-mix(in srgb,#fff 65%,transparent);transition:transform .16s var(--ease),border-color .2s,box-shadow .2s,background .2s}
.ytsf-generate-btn::after{content:"";position:absolute;z-index:-1;width:130px;height:130px;border-radius:50%;right:-58px;top:-60px;background:color-mix(in srgb,var(--primary) 13%,transparent);pointer-events:none}
.ytsf-generate-btn:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 18px 38px -27px var(--primary),inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent)}
.ytsf-generate-btn:active{transform:scale(.985)}.ytsf-generate-btn:disabled{opacity:.7;cursor:wait}
.ytsf-generate-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:1.05rem;box-shadow:0 12px 20px -14px var(--primary),inset 0 1px 0 rgba(255,255,255,.28)}
.ytsf-generate-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.ytsf-generate-copy small{font-size:.45rem;letter-spacing:.095em;color:var(--primary);font-weight:950}.ytsf-generate-copy b{font-size:.78rem;line-height:1.18;font-weight:950;letter-spacing:-.015em}.ytsf-generate-copy em{font-style:normal;font-size:.55rem;line-height:1.35;color:var(--text-muted);font-weight:650}
.ytsf-generate-arrow{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));color:var(--primary);font-size:.62rem;transition:transform .18s var(--ease)}.ytsf-generate-btn:hover .ytsf-generate-arrow{transform:translateX(2px)}
[data-theme="dark"] .ytsf-generate-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)),color-mix(in srgb,var(--primary) 7%,var(--surface-2)) 58%,var(--surface-2));box-shadow:0 18px 36px -30px rgba(0,0,0,.9)}

.sheet.ytsf-comments-sheet{max-height:min(92dvh,820px);background:color-mix(in srgb,var(--surface) 98%,var(--primary) 2%);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-bottom:0}
.sheet.ytsf-comments-sheet .sheet-head{padding-bottom:12px}.sheet.ytsf-comments-sheet .sheet-head h3{font-size:1rem;font-weight:950;letter-spacing:-.02em}.sheet.ytsf-comments-sheet .sheet-body{padding:2px 18px max(28px,var(--safe-b));overscroll-behavior:contain}
.ytsf-comments-sheet-content{display:flex;flex-direction:column;gap:11px;padding-bottom:2px}
.ytsf-comments-sheet-hero{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));box-shadow:0 14px 28px -28px var(--primary)}
.ytsf-comments-sheet-hero>span:first-child{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:1rem;box-shadow:0 10px 18px -13px var(--primary)}
.ytsf-comments-sheet-hero>div{display:flex;min-width:0;flex-direction:column;gap:1px}.ytsf-comments-sheet-hero small{font-size:.46rem;letter-spacing:.1em;font-weight:950;color:var(--primary)}.ytsf-comments-sheet-hero b{font-size:.79rem;font-weight:950;line-height:1.22}.ytsf-comments-sheet-hero em{font-style:normal;font-size:.53rem;line-height:1.35;color:var(--text-muted)}
.ytsf-comments-category{max-width:112px;min-height:27px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);font-size:.5rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ytsf-regenerate-btn{width:100%;min-height:47px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:14px;padding:8px 13px;display:flex;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary);font-family:inherit;font-size:.68rem;font-weight:900;cursor:pointer;transition:transform .15s var(--ease),background .2s,opacity .2s}.ytsf-regenerate-btn:active{transform:scale(.985)}.ytsf-regenerate-btn:disabled{opacity:.72;cursor:wait}.ytsf-regenerate-btn .ytsf-regenerate-spinner{display:none;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--primary) 24%,transparent);border-top-color:var(--primary)}.ytsf-regenerate-btn.loading .ytsf-regenerate-spinner{display:block;animation:ytsfCommentsSpin .7s linear infinite}.ytsf-regenerate-btn.loading>i{display:none}
.ytsf-comments-list{display:grid;gap:8px}.ytsf-comments-list.swapping{animation:ytsfCommentsSwap .28s ease}
@keyframes ytsfCommentsSwap{0%{opacity:.35;transform:translateY(5px)}100%{opacity:1;transform:none}}
.ytsf-comment-item{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:14px;background:var(--surface-2)}
.ytsf-comment-index{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:.56rem;font-weight:950}.ytsf-comment-item p{margin:0;color:var(--text);font-size:.64rem;line-height:1.5;font-weight:650}.ytsf-comment-copy{min-width:64px;height:33px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;background:var(--surface);color:var(--primary);font-family:inherit;font-size:.53rem;font-weight:900;cursor:pointer;transition:transform .14s,background .14s,color .14s}.ytsf-comment-copy:active{transform:scale(.95)}.ytsf-comment-copy.copied{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 25%,var(--border));color:var(--success)}
.ytsf-comments-note{display:flex;align-items:flex-start;gap:7px;padding:1px 3px 0;color:var(--text-muted);font-size:.52rem;line-height:1.4;font-weight:650}.ytsf-comments-note i{margin-top:1px;color:var(--primary)}
@keyframes ytsfCommentsSpin{to{transform:rotate(360deg)}}
@media(max-width:339px){.ytsf-generate-copy em{font-size:.51rem}.ytsf-comments-sheet-hero{grid-template-columns:42px minmax(0,1fr)}.ytsf-comments-sheet-hero>span:first-child{width:42px;height:42px}.ytsf-comments-category{grid-column:2;justify-self:start}.ytsf-comment-item{grid-template-columns:25px minmax(0,1fr)}.ytsf-comment-copy{grid-column:2;justify-self:start}.ytsf-comment-item p{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.ytsf-regenerate-btn.loading .ytsf-regenerate-spinner,.ytsf-comments-list.swapping{animation:none}.ytsf-generate-btn,.ytsf-generate-arrow{transition:none}}

/* v2026.09.07.18 — balanced spacing around the divider; Video Task promo removed. */
.youtube-filter-page{--ytsf-status-gap:14px;--ytsf-divider-gap:21px}
.ytsf-tip{margin:var(--ytsf-status-gap) 2px 0}
.ytsf-action-divider{width:100%;height:0;margin:var(--ytsf-divider-gap) 0;border:0;border-top:1px dashed color-mix(in srgb,var(--text-muted) 32%,var(--border));opacity:.9}
.ytsf-comment-generator{margin-top:0}



/* ================= RESPONSIVE YOUTUBE TOOL ================= */
@media(max-width:339px){
  .ytsf-settings-row{grid-template-columns:1fr}
  .ytsf-filter-control{width:100%}
  .ytsf-input-wrap input{min-width:0}
  .ytsf-comments-category{max-width:100%}
}


/* 384-reference compact safety */
@media(max-width:339px){
  .ytsf-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ================= v2026.09.13.47 · YOUTUBE TOOL READABILITY ================= */
.ytsf-kicker,.ytsf-heading p,.ytsf-filter-trigger small,.ytsf-filter-label,.ytsf-filter-grid small,.ytsf-search-head span:first-child,.ytsf-active-chip,.ytsf-paste-ribbon,.ytsf-opening small,.ytsf-search-btn small,.ytsf-tip,.ytsf-video-task-copy small,.ytsf-video-task-copy em,.ytsf-generate-copy small,.ytsf-generate-copy em,.ytsf-comments-sheet-hero small,.ytsf-comments-sheet-hero em,.ytsf-comments-category,.ytsf-comment-index,.ytsf-comment-item p,.ytsf-comment-copy,.ytsf-comments-note{font-size:.7rem!important}
.ytsf-filter-grid b,.ytsf-opening b,.ytsf-control-copy b{font-size:.74rem}

/* v191: selectable smart-comment categories */
.ytsf-comments-category{border:0;cursor:pointer;gap:6px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.ytsf-comments-category:active{transform:scale(.97)}
.ytsf-comments-category i{font-size:.56rem}
.ytsf-comment-category-picker{display:flex;gap:7px;max-height:0;opacity:0;overflow:hidden;padding:0 2px;transform:translateY(-4px);transition:max-height .24s ease,opacity .18s ease,transform .2s ease,padding .2s ease}
.ytsf-comment-category-picker.open{max-height:92px;opacity:1;padding:10px 2px 3px;transform:none;overflow-x:auto;scrollbar-width:none}
.ytsf-comment-category-picker.open::-webkit-scrollbar{display:none}
.ytsf-comment-category-picker button{flex:0 0 auto;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:8px 11px;font:inherit;font-size:.68rem;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 5px 14px -13px rgba(0,0,0,.45);transition:.16s ease}
.ytsf-comment-category-picker button.active{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:var(--primary-soft);color:var(--primary);box-shadow:0 7px 16px -13px var(--primary)}
.ytsf-comment-category-picker button:active{transform:scale(.97)}


/* v192: comment categories are always-visible horizontal chips */
.ytsf-comment-category-picker{display:flex;gap:7px;max-height:none!important;opacity:1!important;overflow-x:auto!important;overflow-y:hidden;padding:10px 2px 5px!important;transform:none!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.ytsf-comment-category-picker::-webkit-scrollbar{display:none}
.ytsf-comments-sheet-hero .ytsf-comments-category{display:none!important}