/* Isolated UX study: loaded only by /design/your-thread/. */
.yt-panel,.yt-pill,.yt-review{font-family:'DM Sans',sans-serif;color:#e7efeb;box-sizing:border-box}.yt-panel *, .yt-review *{box-sizing:border-box}.yt-panel [hidden],.yt-pill[hidden],.yt-panel[hidden]{display:none!important}.yt-panel{position:fixed;z-index:70;right:32px;bottom:30px;width:398px;max-height:calc(100dvh - 115px);overflow:auto;overscroll-behavior:contain;border:1px solid #d5eee342;border-top-color:#ecfff77a;border-radius:18px;background:linear-gradient(125deg,#b6d8c922,#14251fed 44%,#0c1714f2);backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%);box-shadow:0 28px 80px #0006,inset 0 1px 0 #fff2,inset 1px 0 0 #fff1;scrollbar-width:thin;scrollbar-color:#6f9181 transparent;animation:yt-arrive .25s ease-out}.yt-top{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #d5eee31c}.yt-brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.025em}.yt-brand svg,.yt-pill svg{width:25px;height:25px;fill:none;stroke:#b2d9c5;stroke-width:1.3}.yt-icon{width:36px;height:36px;border:1px solid #d4eee026;border-radius:50%;background:#ffffff04;color:#d9e7df;font-size:24px;cursor:pointer}.yt-panel button:focus-visible,.yt-panel a:focus-visible,.yt-pill:focus-visible,.yt-review :focus-visible{outline:2px solid #b4e6ce;outline-offset:4px}.yt-welcome{padding:23px 26px 18px}.yt-byline{display:flex;align-items:center;gap:9px;color:#adc3b7;font-size:9px;letter-spacing:.14em}.yt-byline img{border-radius:50%;object-fit:cover}.yt-panel h2{font:500 32px/1.13 'Manrope',sans-serif;letter-spacing:-1.2px;margin:15px 0 12px;color:#edf4f0}.yt-welcome p{font-size:14px;line-height:1.65;color:#c0cec7;margin:0;max-width:310px}.yt-label{font-size:9px;letter-spacing:.14em;line-height:1.5;color:#a9bfb2;display:block}.yt-panel a{text-decoration:none;color:inherit}#yt-recommendations{padding:0 26px}.yt-primary{display:block;margin-top:9px;border:1px solid #d5eee32c;border-radius:9px;overflow:hidden;background:#07120f55}.yt-primary>img{display:block;width:100%;height:106px;object-fit:cover;object-position:center 45%;filter:saturate(.65)}.yt-primary>div{padding:14px 16px}.yt-primary .yt-label{font-size:8px;color:#a6d9c0}.yt-panel h3{font:500 18px/1.3 'Manrope',sans-serif;letter-spacing:-.4px;margin:5px 0 6px}.yt-primary p{font-size:12px;line-height:1.55;color:#b5c8bc;margin:0 0 14px}.yt-action{font-size:12px;color:#b8e4cd;display:flex;justify-content:space-between;align-items:center}.yt-action b{font-size:17px;font-weight:400}.yt-primary:hover{border-color:#c4e5d66b;background:#b3dfc80c}.yt-next{margin-top:19px}.yt-next>a{display:flex;align-items:center;gap:13px;margin-top:9px}.yt-next img{width:58px;height:58px;border:1px solid #d5eee32c;border-radius:6px;object-fit:cover}.yt-next h3{font-size:14px;margin:0 0 5px;display:flex;justify-content:space-between}.yt-next p{font-size:11px;line-height:1.5;color:#b3c3b9;margin:0}.yt-newsletter{margin:20px 26px 0;padding:17px 0;border-top:1px solid #d5eee328}.yt-newsletter p{font-size:12px;line-height:1.6;color:#b9c9bf;margin:7px 0}.yt-newsletter a{font-size:12px;color:#b8e4cd}.yt-newsletter a span{margin-left:10px}.yt-footer{padding:13px 20px;border-top:1px solid #d5eee31c;display:flex;align-items:center;justify-content:space-between;gap:8px}.yt-footer span{font-size:9px;color:#a2b7aa}.yt-footer button,.yt-back{border:0;background:none;color:#b8d6c6;font:11px 'DM Sans',sans-serif;cursor:pointer;padding:8px 0}.yt-pill{position:fixed;z-index:70;right:32px;bottom:30px;display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 18px;border-radius:30px;border:1px solid #d5eee350;border-top-color:#e0f4e980;background:linear-gradient(125deg,#30483bbf,#101e19ef);backdrop-filter:blur(20px);box-shadow:0 8px 35px #0005,inset 0 1px #fff2;font-size:12px;cursor:pointer}.yt-pill>span:last-child{color:#aac4b6;margin-left:8px}#yt-settings{padding:10px 26px 23px}.yt-settings-intro{font-size:14px;line-height:1.6;color:#c0cec7;margin-bottom:24px}.yt-setting{display:flex;gap:20px;padding:20px 0;border-top:1px solid #d5eee328;align-items:center}.yt-setting label{flex:1;cursor:pointer}.yt-setting strong{font-weight:500;font-size:14px;display:block;color:#e1ede6}.yt-setting span,.yt-setting p{display:block;font-size:12px;line-height:1.65;color:#b3c3b9;margin:7px 0 0}.yt-setting input{appearance:none;flex:none;width:40px;height:24px;border-radius:20px;background:#526057;border:1px solid #b6c4ba;position:relative;cursor:pointer}.yt-setting input:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#e6eee9}.yt-setting input:checked{background:#a6d9c0}.yt-setting input:checked:after{left:19px;background:#14251f}.yt-setting-action{display:flex;justify-content:space-between;width:100%;padding:15px 0 5px;background:none;border:0;border-top:1px solid #d5eee328;color:#dcebe2;font:14px 'DM Sans';cursor:pointer}.yt-help{font-size:12px;line-height:1.6;color:#b3c3b9;margin:3px 0 20px}.yt-status{font-size:12px;color:#b8e4cd;line-height:1.6;min-height:20px}.yt-review{position:fixed;z-index:65;bottom:25px;left:7%;padding:16px 18px;border-left:1px solid #a6d9c070;background:#08100ee8;max-width:275px}.yt-review>span{font-size:9px;letter-spacing:.13em;color:#a3b8ac;display:block}.yt-review b{display:block;color:#d6e5dc;font-weight:400;margin-top:5px;font-size:11px}.yt-review label{display:block;font-size:10px;color:#a3b8ac;margin-top:13px}.yt-review select{background:#16251d;border:1px solid #adcbb33c;color:#dbe7df;border-radius:4px;font:12px 'DM Sans';padding:8px;width:100%;margin:5px 0}.yt-review button{display:block;background:none;border:0;padding:9px 0;color:#b8e4cd;font:12px 'DM Sans';cursor:pointer}.yt-review small{font-size:9px;color:#a3b8ac;display:block}.yt-footer-open{display:block!important;background:none;border:0;color:inherit;font:inherit;padding:5px 0;text-align:left;cursor:pointer}.yt-panel a[target=_blank]:focus-visible{outline-offset:-3px}@keyframes yt-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:800px){.yt-panel{right:12px;bottom:max(14px,env(safe-area-inset-bottom));width:min(398px,calc(100% - 24px));max-height:76dvh}.yt-pill{right:16px;bottom:max(20px,env(safe-area-inset-bottom))}.yt-review{left:12px;bottom:auto;top:100px;max-width:230px;padding:10px 14px}.yt-review label,.yt-review small{display:none}.yt-review select{margin-top:9px}.yt-review button{padding:7px 0}.yt-welcome{padding:19px 23px 16px}.yt-panel h2{font-size:28px}.yt-panel .yt-welcome h2 br{display:none}#yt-recommendations{padding:0 23px}.yt-primary>img{height:86px}.yt-newsletter{margin-left:23px;margin-right:23px}.yt-footer{flex-wrap:wrap}.yt-top{padding:10px 20px}}@media(prefers-reduced-motion:reduce){.yt-panel{animation:none}}@supports not (backdrop-filter:blur(1px)){.yt-panel{background:#14251f}.yt-pill{background:#14251f}}
/* Keep the controls in view while the reading area scrolls on small screens. */
.yt-panel{display:flex;flex-direction:column;overflow:hidden}.yt-top{position:relative;top:auto;left:auto;width:auto;z-index:1;flex-shrink:0;background:none}.yt-footer{flex-shrink:0}#yt-home,#yt-settings{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6f9181 transparent}.yt-welcome{padding-top:17px;padding-bottom:15px}.yt-panel h2{font-size:29px;margin:12px 0 10px}.yt-primary>img{height:90px}.yt-primary>div{padding:12px 14px}.yt-next{margin-top:15px}.yt-newsletter{margin-top:16px;padding:14px 0}.yt-panel h2 br:after{content:' '}.yt-panel h2 br{display:initial}@media(max-width:800px){.yt-top{padding:10px 20px}.yt-panel .yt-welcome h2 br{display:initial}.yt-panel h2{font-size:27px}.yt-welcome h2 br{display:none!important}.yt-welcome h2 br:after{content:' '}.yt-welcome h2{max-width:260px}.yt-panel{max-height:76dvh}.yt-primary>img{height:80px}} 
/* Study 02: a centred reading panel and one consistent action stack. */
.yt-panel{inset:0;margin:auto;width:430px;height:fit-content;max-height:calc(100dvh - 48px)}
body .contact-actions{flex-direction:column;gap:9px;z-index:65}
body .contact-actions a,body .contact-actions #yt-pill{position:relative;inset:auto;margin:0;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;gap:11px;width:172px;height:50px;min-height:50px;padding:0 15px;border:1px solid #b9d5c64d;border-top-color:#dbeee28c;border-radius:10px;background:linear-gradient(160deg,#263b33,#14231e 68%);color:#e4eee8;box-shadow:inset 0 1px 0 #ffffff0d,inset 0 -2px 0 #0005,0 5px 16px #0004;backdrop-filter:none;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}
body .contact-actions a.contact-action-whatsapp{background:linear-gradient(160deg,#244a38,#122e23 68%);border-color:#97d9b663;border-top-color:#c3f2d6a6}
body .contact-actions span{position:static;display:block;opacity:1;visibility:visible;padding:0;border:0;border-radius:0;background:none;pointer-events:auto;font:600 12px/1.4 Manrope,sans-serif;letter-spacing:.01em;white-space:nowrap}
body .contact-actions i{display:block;margin-left:auto;font:400 16px/1 'DM Sans',sans-serif;color:#a4c6b3}
body .contact-actions #yt-pill svg{width:22px;height:22px;stroke:#b7e8cb;stroke-width:1.4}
body .contact-actions #yt-pill[aria-expanded=true]{border-color:#b9ddcb8c}
body .contact-actions #yt-pill:hover,body .contact-actions #yt-pill:focus-visible{transform:translateY(-2px);border-color:#bcf4d4;box-shadow:inset 0 1px 0 #ffffff1a,inset 0 -2px 0 #0005,0 8px 22px #0005}
body .contact-actions #yt-pill:focus-visible{outline:2px solid #a1edc3;outline-offset:4px}
@media(max-width:800px){.yt-panel{inset:0;width:calc(100% - 24px);max-width:430px;max-height:calc(100dvh - 48px)}body .contact-actions a,body .contact-actions #yt-pill{width:164px;height:48px;min-height:48px}}
@media(prefers-reduced-motion:reduce){body .contact-actions #yt-pill{transition:none}body .contact-actions #yt-pill:hover{transform:none}}
/* Compact icon-only controls; names remain available on hover and keyboard focus. */
body .contact-actions a,body .contact-actions #yt-pill{width:50px;height:50px;min-height:50px;padding:0;justify-content:center}
body .contact-actions i{display:none}
body .contact-actions span{position:absolute;right:calc(100% + 12px);display:block;padding:9px 12px;border:1px solid #b9d5c64d;border-radius:7px;background:#14231e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}
body .contact-actions a:hover span,body .contact-actions a:focus-visible span,body .contact-actions #yt-pill:hover span,body .contact-actions #yt-pill:focus-visible span{opacity:1;visibility:visible}
@media(max-width:800px){body .contact-actions a,body .contact-actions #yt-pill{width:48px;height:48px;min-height:48px}}
@media(prefers-reduced-motion:reduce){body .contact-actions span{transition:none}}
/* Study 04: rebalance content within the existing popup width. */
.yt-primary{display:flex;align-items:center;gap:14px;padding:12px}.yt-primary>img{width:70px;height:70px;flex:none;border-radius:5px;object-fit:cover}.yt-primary>div{padding:0;flex:1;min-width:0}.yt-primary h3{font-size:16px;margin:4px 0 10px}.yt-primary .yt-action{font-size:11px}.yt-next{margin-top:20px}#yt-related-list{margin-top:6px}#yt-related-list>a{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #d5eee31a}#yt-related-list>a:last-child{border-bottom:0}#yt-related-list img{width:52px;height:52px;flex:none;border-radius:5px;object-fit:cover}#yt-related-list h3{font-size:12px;line-height:1.45;font-weight:500;letter-spacing:0;margin:0;flex:1}#yt-related-list>a>span{font-size:16px;color:#b8d6c6;flex:none}#yt-related-list>a:hover h3{color:#b8e4cd}.yt-newsletter{margin-top:13px}.yt-newsletter-links>a{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;color:#c3ead6}@media(max-width:380px){.yt-primary{gap:10px;padding:10px}.yt-primary>img{width:56px;height:60px}.yt-primary h3{font-size:14px}#yt-related-list h3{font-size:11px}#yt-related-list>a{gap:10px}}
.yt-welcome h2{max-width:none;font-size:27px}.yt-welcome{padding-top:15px;padding-bottom:14px}.yt-welcome p{font-size:13px}.yt-newsletter p{margin:6px 0}.yt-newsletter{padding:12px 0}
/* Study 05: compact related reading, with emphasis on the main continuation. */
.yt-primary{gap:14px;padding:14px}.yt-primary>img{width:82px;height:82px}.yt-primary h3{font-size:18px;margin:5px 0 12px}.yt-primary .yt-action{font-size:12px}.yt-next{margin-top:16px}#yt-related-list{margin-top:5px}#yt-related-list>a{gap:11px;padding:7px 0}#yt-related-list img{width:40px;height:40px;border-radius:4px}#yt-related-list h3{font-size:11px;line-height:1.4;font-weight:400;color:#c6d5cc}#yt-related-list>a>span{font-size:14px;color:#a1bdae}.yt-newsletter{margin-top:12px;padding:12px 0}.yt-newsletter p{font-size:11px;line-height:1.5}.yt-icon{font-size:22px}.yt-welcome{padding-top:15px;padding-bottom:12px}@media(max-width:380px){.yt-primary{gap:11px;padding:11px}.yt-primary>img{width:66px;height:70px}.yt-primary h3{font-size:16px}.yt-primary .yt-action{font-size:11px}#yt-related-list img{width:36px;height:36px}}
/* Study 06: translucent smoked glass with a polished edge and engraved type. */
.yt-panel{isolation:isolate;background:linear-gradient(132deg,rgba(210,231,222,.12) 0%,rgba(28,49,42,.64) 27%,rgba(12,27,23,.76) 64%,rgba(34,54,45,.57) 100%);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);border:1px solid rgba(206,232,219,.29);border-top-color:rgba(236,251,243,.58);border-left-color:rgba(220,242,230,.39);box-shadow:0 25px 70px rgba(0,0,0,.38),0 5px 15px rgba(0,0,0,.22),inset 0 1px 0 rgba(249,255,252,.38),inset 1px 0 0 rgba(239,255,245,.13),inset 0 -1px 0 rgba(1,9,6,.8),inset -1px 0 0 rgba(2,12,8,.36)}
.yt-panel:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(245,255,250,.075),transparent 32%,transparent 70%,rgba(219,249,231,.025));box-shadow:inset 0 0 0 1px rgba(230,250,239,.035)}
.yt-top{background:linear-gradient(180deg,rgba(234,252,242,.045),transparent);border-bottom-color:rgba(5,16,11,.32);box-shadow:0 1px 0 rgba(224,245,232,.09)}
.yt-panel h2,.yt-brand,.yt-primary h3{color:#deebe3;text-shadow:0 -1px 1px rgba(1,10,6,.9),0 1px 0 rgba(245,255,249,.15)}
.yt-panel .yt-label,.yt-byline{color:#adc4b6;text-shadow:0 -1px 0 rgba(0,9,4,.85),0 1px 0 rgba(245,255,249,.09)}
.yt-panel p,#yt-related-list h3,.yt-newsletter a,.yt-action,.yt-footer{ text-shadow:0 1px 2px rgba(0,8,4,.7)}
.yt-primary{background:linear-gradient(140deg,rgba(5,20,13,.19),rgba(4,16,11,.29));border-color:rgba(188,219,201,.21);border-top-color:rgba(4,16,10,.44);box-shadow:inset 0 1px 3px rgba(0,8,4,.22),0 1px 0 rgba(235,255,244,.12)}
.yt-primary:hover{background:rgba(181,220,199,.06);border-color:rgba(202,234,217,.44)}
.yt-primary>img,#yt-related-list img{box-shadow:0 1px 0 rgba(235,255,244,.18),0 -1px 2px rgba(0,9,4,.4)}
#yt-related-list>a{border-bottom-color:rgba(5,17,11,.26);box-shadow:0 1px 0 rgba(225,248,235,.055)}
#yt-related-list>a:last-child{box-shadow:none}#yt-related-list h3{color:#d0ded5}
.yt-newsletter{border-top-color:rgba(222,246,232,.17)}
.yt-footer{border-top-color:rgba(226,247,236,.13);background:rgba(5,18,11,.12);box-shadow:inset 0 1px 0 rgba(1,9,4,.2)}
.yt-icon{background:linear-gradient(150deg,rgba(225,248,236,.055),rgba(3,16,9,.12));border-color:rgba(210,237,222,.18);box-shadow:inset 0 1px 0 rgba(239,255,246,.12),0 1px 0 rgba(0,9,4,.25);text-shadow:0 -1px 0 rgba(0,8,4,.8)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.yt-panel{background:#14251f}}
@media(prefers-reduced-transparency:reduce){.yt-panel{background:#14251f;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.yt-panel{background:#14251f}.yt-panel h2,.yt-brand,.yt-primary h3,#yt-related-list h3{color:#f0f7f2;text-shadow:none}}
/* Study 07: reveal movement through the glass and unify engraved hover states. */
.yt-panel{background:linear-gradient(132deg,rgba(210,231,222,.075) 0%,rgba(28,49,42,.39) 27%,rgba(12,27,23,.49) 64%,rgba(34,54,45,.34) 100%);backdrop-filter:blur(11px) saturate(120%);-webkit-backdrop-filter:blur(11px) saturate(120%)}
#yt-related-list>a,.yt-newsletter-links>a,.yt-footer button,.yt-back,.yt-setting-action{position:relative;border-radius:6px;transition:background .18s ease,box-shadow .18s ease,color .18s ease}
#yt-related-list>a{padding-left:7px;padding-right:7px;margin-left:-7px;margin-right:-7px}
.yt-newsletter-links>a{padding-left:9px;padding-right:9px;margin-left:-9px;margin-right:-9px;min-height:36px}
.yt-footer button,.yt-back{padding-left:9px;padding-right:9px}.yt-setting-action{padding-left:9px;padding-right:9px;padding-bottom:10px}
#yt-related-list>a:hover,#yt-related-list>a:focus-visible,.yt-newsletter-links>a:hover,.yt-newsletter-links>a:focus-visible,.yt-footer button:hover,.yt-footer button:focus-visible,.yt-back:hover,.yt-back:focus-visible,.yt-setting-action:hover,.yt-setting-action:focus-visible{background:linear-gradient(140deg,rgba(187,220,203,.065),rgba(3,16,10,.18));box-shadow:inset 0 0 0 1px rgba(209,236,221,.29),inset 0 1px 3px rgba(0,8,4,.28),0 1px 0 rgba(235,255,244,.14);color:#e1f0e6}
.yt-primary:hover,.yt-primary:focus-visible{background:linear-gradient(140deg,rgba(187,220,203,.065),rgba(3,16,10,.18));box-shadow:inset 0 1px 3px rgba(0,8,4,.28),0 1px 0 rgba(235,255,244,.14);border-color:rgba(209,236,221,.36)}
.yt-icon:hover,.yt-icon:focus-visible{background:rgba(198,231,213,.1);box-shadow:inset 0 0 0 1px rgba(209,236,221,.25),inset 0 1px 3px rgba(0,8,4,.28),0 1px 0 rgba(235,255,244,.14)}
@media(prefers-reduced-motion:reduce){#yt-related-list>a,.yt-newsletter-links>a,.yt-footer button,.yt-back,.yt-setting-action{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.yt-panel{background:#14251f}}
@media(prefers-reduced-transparency:reduce){.yt-panel{background:#14251f;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.yt-panel{background:#14251f}}

.yt-newsletter-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.yt-newsletter-links>a{gap:8px;font-size:12px;margin:0;padding:7px 8px}.yt-newsletter-links>a:first-child{margin-left:-8px}.yt-newsletter-links>a:last-child{margin-right:-8px}