.yl-account-trigger{font:inherit;font-size:15px;color:var(--t-bright);background:transparent;border:1px solid currentColor;border-radius:999px;padding:10px 16px;cursor:pointer;white-space:nowrap}
.yl-preview-entry{position:fixed;bottom:18px;left:18px;z-index:1000;background:#202020;color:#fff;border:1px solid #777;border-radius:100px;padding:9px 15px;font:13px/1.4 sans-serif;cursor:pointer;box-shadow:0 3px 15px #0002}
.yl-connect-dialog{position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:0;border-radius:28px;padding:36px;background:#faf7f6;color:#161616;box-shadow:0 30px 100px #0005}
.yl-connect-dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}
.yl-connect-dialog h2{font-size:30px;line-height:1.3;margin:0 24px 18px 0;color:#161616}
.yl-connect-dialog p{font-size:16px;line-height:1.7;margin:12px 0;color:#414141;font-weight:400}
.yl-connect-dialog .yl-connect-hint{font-size:13px;color:#666}
.yl-connect-close{position:absolute;right:18px;top:14px;font-size:28px;line-height:1;background:none;border:0;color:#161616;cursor:pointer}
.yl-connect-login{display:block;background:#c7f252;color:#161616!important;border-radius:16px;padding:16px;font-size:16px;text-align:center}
.yl-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.yl-connect-grid a{border:1px solid #ccc;border-radius:12px;padding:14px;font-size:15px;color:#161616}
.yl-connect-grid a:hover{background:#ece5f7}
.yl-account-trigger:focus-visible,.yl-preview-entry:focus-visible,.yl-connect-dialog a:focus-visible,.yl-connect-close:focus-visible{outline:3px solid #8a67c5;outline-offset:3px}
@media(max-width:600px){.yl-account-trigger{font-size:12px;padding:8px 10px}.yl-connect-dialog{padding:28px 22px}.yl-connect-dialog h2{font-size:24px}}
.yl-account-trigger{display:flex;align-items:center;gap:8px;max-width:280px}.yl-account-trigger img{width:30px;height:30px;border-radius:50%;object-fit:cover}.yl-account-trigger span{color:inherit;font:inherit;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#yl-login-form{display:grid;gap:16px;margin:20px 0}#yl-login-form label{display:grid;gap:7px;font-size:14px;color:#333}#yl-login-form input{display:block;width:100%;padding:13px 14px;border:1px solid #ccc;border-radius:12px;background:white;color:#161616;font:16px/1.4 sans-serif;height:auto;margin:0}#yl-login-form button{border:0;cursor:pointer}#yl-login-form button:disabled{opacity:.6;cursor:wait}
.yl-account-status{color:#8a3030!important}.yl-account-summary{font-size:20px;color:#161616;margin-bottom:18px}.yl-account-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.yl-account-actions button{border:1px solid #ccc;border-radius:12px;padding:10px 14px;background:white;color:#161616;font-size:14px;cursor:pointer}.yl-account-dialog h3{font-size:22px;color:#161616;margin:24px 0 12px}.yl-work-list{display:grid;gap:14px}.yl-work-list article{border:1px solid #ddd;padding:16px;border-radius:16px}.yl-work-list h4{font-size:16px;color:#161616;line-height:1.5;margin:0 0 10px}.yl-work-list img,.yl-work-list video{max-width:100%;border-radius:10px}.yl-work-list audio{width:100%}.yl-work-list pre{white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto;font:14px/1.6 sans-serif;color:#333}.yl-connect-hint a{color:#6847a0;text-decoration:underline}
@media(max-width:600px){.yl-account-trigger{max-width:170px}.yl-account-trigger span{max-width:115px}.yl-account-trigger img{width:24px;height:24px}}
.yl-feedback-form{display:grid;gap:18px;width:100%;padding-top:16px}.yl-feedback-form label{display:grid;gap:8px;font-size:15px;color:var(--t-bright,#eee);line-height:1.5}.yl-feedback-form textarea,.yl-feedback-form input[type=text]{width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--t-muted,#777);border-radius:0;background:transparent;color:var(--t-bright,#eee);font:inherit;resize:vertical;margin:0;min-height:44px}.yl-feedback-form textarea{min-height:100px}.yl-feedback-form .yl-feedback-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px}.yl-feedback-consent input{appearance:auto!important;width:18px!important;height:18px!important;min-width:18px;margin:2px 0!important;opacity:1!important;position:static!important}.yl-feedback-consent span{font:inherit;color:inherit}.yl-feedback-form button{border:1px solid currentColor;border-radius:100px;padding:12px 18px;background:transparent;color:var(--t-bright,#eee);font-size:15px;cursor:pointer;justify-self:start}.yl-feedback-form button:disabled{opacity:.5}.yl-feedback-result{font-size:14px!important;line-height:1.6!important;color:var(--t-medium,#bbb)!important}.yl-feedback-form :focus-visible{outline:2px solid #b4a0eb;outline-offset:5px}

/* Native dialog scrolling must bypass the page's Lenis smooth-scroll handler. */
.yl-account-dialog{max-height:calc(100dvh - 40px);overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.yl-account-dialog .yl-work-list img{display:block;width:100%;max-height:360px;object-fit:contain;background:#eee}
.yl-account-trigger{max-width:none;gap:8px}.yl-account-trigger span{max-width:120px}.yl-account-trigger .yl-header-points{font-size:12px;font-weight:400;white-space:nowrap;color:inherit;border-left:1px solid currentColor;padding-left:8px}
@media(max-width:600px){.yl-account-trigger{max-width:210px}.yl-account-trigger span{max-width:85px}.yl-account-trigger .yl-header-points{display:none}.yl-account-dialog{max-height:calc(100dvh - 24px)}}

/* Isolated navigation overlay: original template and animations stay intact. */
.yl-navigation-header{position:fixed!important;align-items:center;padding:14px 18px!important;top:16px!important;gap:20px;background:var(--base,#faf7f6);border:1px solid color-mix(in srgb,var(--t-bright) 16%,transparent);border-radius:28px;box-shadow:0 8px 28px #0000000a}
.yl-navigation-header.is-hidden{opacity:1;transform:none}
.yl-navigation-header .mxd-logo__image{width:42px;height:42px}.yl-navigation-header .mxd-logo__text{font-size:16px}
.yl-navigation-header .mxd-header__controls{gap:10px;align-items:center}.yl-navigation-header .mxd-header__controls>a{display:none}
.yl-main-nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-size:15px;color:var(--t-bright)}
.yl-main-nav a,.yl-main-nav summary{color:inherit;white-space:nowrap}.yl-main-nav>a:hover{opacity:.65}
.yl-tools summary{cursor:pointer;list-style:none;display:flex;gap:8px;align-items:center;padding:10px 0}.yl-tools summary::-webkit-details-marker{display:none}
.yl-tools[open] summary>span{transform:rotate(180deg)}
.yl-tools-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(660px,calc(100vw - 36px));display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;border:1px solid color-mix(in srgb,var(--t-bright) 20%,transparent);border-radius:24px;background:var(--base,#faf7f6);box-shadow:0 18px 60px #0003;max-height:65dvh;overflow:auto;overscroll-behavior:contain}
.yl-tools-panel>div{padding:14px;border-radius:16px;background:color-mix(in srgb,var(--t-bright) 5%,transparent)}
.yl-tools-panel a{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:17px}.yl-tools-panel p{font-size:13px;line-height:1.6;margin:6px 0;color:var(--t-medium)}
.yl-tools-panel a:hover{color:var(--t-bright);text-decoration:underline;text-underline-offset:5px}.yl-tools-panel p+a,.yl-lab-links a{font-size:14px}
.yl-quick-tools{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;padding-bottom:12px}
.yl-quick-tools a{display:flex;justify-content:space-between;gap:24px;align-items:center;border:1px solid var(--t-bright);border-radius:100px;padding:15px 22px;font-size:17px;line-height:1.4;color:var(--t-bright);background:var(--base);transition:background .2s,color .2s,transform .2s}
.yl-quick-tools a:first-child,.yl-quick-tools a:hover{background:#d9f562;color:#161616;border-color:#d9f562}.yl-quick-tools a:hover{transform:translateY(-3px)}
.yl-main-nav :focus-visible,.yl-quick-tools a:focus-visible{outline:3px solid #a58be0;outline-offset:5px}
@media(max-width:1200px){.yl-main-nav{gap:14px}.yl-nav-secondary{display:none}.yl-navigation-header .yl-header-points{display:none}}
@media(max-width:600px){.yl-navigation-header{left:12px!important;width:calc(100% - 76px)!important;top:12px!important;padding:10px!important;gap:8px;border-radius:20px}.yl-navigation-header .mxd-logo__text{display:none}.yl-navigation-header .mxd-logo__image{width:32px;height:32px}.yl-main-nav{font-size:13px;margin-left:0;flex:1;justify-content:center}.yl-navigation-header .mxd-color-switcher{display:none}.yl-navigation-header .yl-account-trigger{font-size:12px;padding:8px;max-width:100px}.yl-navigation-header .yl-account-trigger img{width:22px;height:22px}.yl-navigation-header .yl-account-trigger span{max-width:52px}.yl-tools-panel{right:-50px;grid-template-columns:1fr;width:calc(100vw - 24px);padding:12px;gap:8px}.yl-quick-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.yl-quick-tools a{padding:13px 14px;font-size:14px;gap:6px}}
@media(prefers-reduced-motion:reduce){.yl-quick-tools a{transition:none}}
@media(max-width:600px){.hero-01-title__row:last-child .hero-01-title__item:not(.title-item-image){font-size:clamp(30px,9.8vw,52px);white-space:nowrap}}
@media(max-width:600px){.yl-navigation-header{width:calc(100% - 94px)!important}.yl-tools-panel{right:-68px}}

/* Lighter navigation: compact links instead of an oversized card overlay. */
.yl-navigation-header{position:absolute!important;background:transparent;border:0;border-radius:0;box-shadow:none;padding:12px 0!important}
.yl-tools{position:relative}
.yl-tools-panel{right:auto;left:0;width:240px;grid-template-columns:1fr;gap:0;padding:10px;border-radius:16px;box-shadow:0 12px 32px #0002}
.yl-tools-panel>div{padding:4px 10px;background:transparent;border-radius:8px}
.yl-tools-panel>div+div{border-top:1px solid color-mix(in srgb,var(--t-bright) 12%,transparent)}
.yl-tools-panel p{display:none}
.yl-tools-panel a{font-size:15px;padding:9px 0;justify-content:flex-start}
.yl-lab-links{display:flex;flex-wrap:wrap;gap:14px}.yl-lab-links a{font-size:13px}
.yl-quick-tools{gap:12px;margin-top:28px}
.yl-quick-tools a{font-size:16px;padding:12px 22px;justify-content:center;gap:0;border-color:color-mix(in srgb,var(--t-bright) 30%,transparent)}
.yl-navigation-header .yl-account-trigger{border:0;padding:8px 0}
.yl-navigation-header .yl-header-points{display:none}
@media(min-width:768px){.mxd-hero-01__top{padding-top:40px}}
@media(max-width:600px){.yl-navigation-header{padding:8px 0!important}.yl-tools-panel{left:-42px;right:auto;width:230px}.yl-quick-tools a{font-size:14px;padding:12px 10px}}
/* Opening the tool list reserves space, rather than covering the hero. */
.yl-tools-trigger{background:none;border:0;padding:10px 0;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.yl-tools-drawer{position:fixed;inset:16px 16px 16px auto;margin:0;width:min(480px,calc(100vw - 32px));height:calc(100dvh - 32px);max-height:none;max-width:none;border:1px solid color-mix(in srgb,var(--t-bright) 18%,transparent);border-radius:24px;padding:32px;background:var(--base,#161616);color:var(--t-bright,#fff);overflow-y:auto;overscroll-behavior:contain}
.yl-tools-drawer::backdrop{background:#0005}
.yl-tools-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:30px}
.yl-tools-heading p{font-size:13px;color:var(--t-medium);margin-bottom:8px}.yl-tools-heading h2{font-size:28px;line-height:1.4;color:inherit}
.yl-tools-heading button{border:0;background:transparent;color:inherit;font-size:30px;line-height:1;cursor:pointer;padding:4px 8px}
.yl-tool-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.yl-tool-tiles a{display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:118px;padding:18px 14px;border-radius:14px;background:color-mix(in srgb,var(--t-bright) 6%,var(--base));color:inherit;transition:background .2s}
.yl-tool-tiles strong{font-size:16px;font-weight:500;line-height:1.5}.yl-tool-tiles span{font-size:12px;color:var(--t-medium);line-height:1.5}
.yl-tool-tiles a:hover{background:color-mix(in srgb,#d9f562 15%,var(--base))}
.yl-tools-drawer :focus-visible,.yl-tools-trigger:focus-visible{outline:2px solid #a58be0;outline-offset:4px}
@media(max-width:600px){.yl-tools-drawer{padding:24px 18px}.yl-tools-heading h2{font-size:24px}.yl-tool-tiles a{min-height:105px;padding:14px 10px}.yl-tool-tiles strong{font-size:15px}}
/* Keep the hero clear; all new tool access lives in the header. */
@media(min-width:768px){.mxd-hero-01 .hero-01-image.image-02{top:-8%;right:0}}
/* Direct creation links stay visible without an extra tool panel. */
.yl-main-nav{gap:20px}
@media(max-width:1200px){.yl-main-nav{gap:16px}}
@media(max-width:767px){.yl-navigation-header{flex-wrap:wrap}.yl-main-nav{order:3;flex:0 0 100%;justify-content:flex-start;gap:24px;margin:8px 0 0;font-size:14px}.yl-navigation-header .mxd-header__controls{margin-left:auto}.yl-main-nav a{padding:8px 0}}
@media(max-width:360px){.yl-main-nav{gap:18px;font-size:13px}}

/* Follow the homepage theme without changing the GSAP Flip geometry. */
:root{--yl-menu-bg:#fff}
:root[color-scheme=dark]{--yl-menu-bg:#202020}
.mxd-menu__contain{--t-opp-bright:var(--t-bright);--t-opp-medium:var(--t-medium);--t-opp-muted:var(--t-muted);--base-opp:var(--base);--base-opp-tint:var(--base-tint)}
.mxd-menu__contain>.hamburger__base{background-color:var(--yl-menu-bg)}
.mxd-nav__hamburger.nav-open .hamburger__line{background-color:var(--t-bright)}
.mxd-menu__contain .menu-promo__caption,.mxd-menu__contain .mxd-menu__caption{color:var(--t-medium)}

/* Compact feedback form, aligned with the portal cards. */
.yl-feedback-form{gap:18px;padding-top:8px}
.yl-feedback-form textarea{height:132px!important;min-height:132px;max-height:260px}
.yl-feedback-form textarea,.yl-feedback-form input[type=text]{padding:13px 15px;border:1px solid color-mix(in srgb,var(--t-bright) 24%,transparent);border-radius:12px;background:color-mix(in srgb,var(--t-bright) 3%,transparent);line-height:1.6}
.yl-feedback-form input[type=text]{height:48px!important}
.yl-feedback-form label{font-size:14px;gap:8px}
.yl-feedback-form .yl-feedback-consent{font-size:12px;line-height:1.7;color:var(--t-medium)}
.yl-feedback-form button{background:var(--t-bright);color:var(--base);font-size:14px;padding:12px 22px;border:0}
.yl-feedback-result{margin:0!important;min-height:24px}
/* Account overview and package presentation . */
.yl-profile-identity{display:flex;align-items:center;gap:20px;margin:24px 0}.yl-profile-identity h3{font-size:26px;margin:0}.yl-profile-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--base-tint);flex-shrink:0}.yl-profile-avatar img{width:100%;height:100%;object-fit:cover}
.yl-profile-membership{padding:28px;border-radius:24px;background:var(--base-tint);border:1px solid var(--st-muted)}.yl-profile-membership h3{font-size:24px;margin:6px 0}.yl-profile-membership p{font-size:15px;color:var(--t-medium)}.yl-profile-stats{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:26px}.yl-profile-stats strong{display:block;font-size:28px;color:var(--t-bright);overflow-wrap:anywhere}.yl-profile-stats span{font-size:14px;color:var(--t-medium)}
.yl-profile-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.yl-profile-links>button,.yl-profile-links>a{padding:20px;border:1px solid var(--st-muted);border-radius:18px;text-align:left;font:inherit;color:var(--t-bright);background:transparent}.yl-profile-links span{display:block;font-size:13px;color:var(--t-medium);margin-top:6px}.yl-profile-links>button:hover,.yl-profile-links>a:hover{background:var(--base-tint)}
.yl-package-card{height:100%;gap:24px!important}.yl-package-price{font-size:clamp(48px,5vw,76px);font-weight:600;line-height:1.2;margin-top:32px;color:var(--t-bright)}.yl-package-price small{font-size:26px;margin-right:6px}.yl-package-points{font-size:32px;color:var(--t-bright)}.yl-package-points span{font-size:18px}.yl-package-preview{font-size:14px;color:var(--t-medium);margin-top:auto;padding-top:24px}.yl-package-note{font-size:15px;color:var(--t-medium);padding:24px 30px}.yl-package-card .pricing-header__title{font-size:32px}
@media(max-width:600px){.yl-profile-membership{padding:18px}.yl-profile-stats strong{font-size:22px}.yl-profile-links>button,.yl-profile-links>a{padding:16px}}
.yl-profile-avatar{position:relative;display:grid;place-items:center;font-size:28px;color:var(--t-bright)}.yl-profile-avatar img{position:absolute;inset:0}
.yl-account-dialog{background:var(--base);color:var(--t-bright)}.yl-account-dialog h2,.yl-account-dialog h3,.yl-account-dialog .yl-connect-close{color:var(--t-bright)}
.yl-account-dialog .yl-connect-hint{color:var(--t-medium)}.yl-account-dialog .yl-account-actions button{background:var(--base-tint);color:var(--t-bright);border-color:var(--st-muted)}
.yl-profile-membership{min-width:0;width:100%}.yl-profile-stats>*{min-width:0}
/* Shared portal identity across policy pages and footer. */
.yl-filing{display:flex;flex-direction:column;gap:6px;margin-top:12px;font-size:12px;line-height:1.6;color:var(--t-medium);overflow-wrap:anywhere}.yl-filing a{color:inherit}.yl-filing a:hover{text-decoration:underline;text-underline-offset:4px}
.yl-policy-page{padding-top:180px;padding-bottom:80px}.yl-policy-heading{margin-bottom:48px}.yl-policy-heading>p{font-size:16px;margin-bottom:24px}.yl-policy-heading h1{font-size:clamp(40px,5vw,76px);line-height:1.2}.yl-policy-tabs{display:flex;gap:12px;margin-top:30px}.yl-policy-tabs a{padding:12px 24px;border:1px solid var(--st-muted);border-radius:40px;font-size:16px;color:var(--t-bright)}.yl-policy-tabs a[aria-current]{background:var(--accent);color:var(--t-opp-bright);border-color:var(--accent)}.yl-policy-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px}.yl-policy-layout aside{font-size:15px;line-height:1.8}.yl-policy-layout aside p{margin-bottom:18px}.yl-policy-document{font-size:18px;line-height:1.9;max-width:1000px;overflow-wrap:anywhere;color:var(--t-bright)}.yl-policy-document p{margin-bottom:24px}.yl-policy-document h2{font-size:24px;margin:40px 0 20px}.yl-policy-document p:first-child{font-weight:600;font-size:22px}.yl-buy-package{margin-top:24px;text-decoration:none}
@media(max-width:800px){.yl-policy-page{padding-top:170px}.yl-policy-layout{grid-template-columns:1fr;gap:24px}.yl-policy-layout aside{border-bottom:1px solid var(--st-muted);padding-bottom:14px}.yl-policy-document{font-size:16px}.yl-policy-heading{margin-bottom:30px}}
.yl-policy-document p{color:var(--t-bright);font-size:inherit;line-height:inherit}.yl-policy-document h2{color:var(--t-bright)}.yl-policy-layout aside a{color:var(--t-bright);text-decoration:underline;text-underline-offset:5px}.yl-policy-layout aside .t-muted{color:var(--t-medium)}