.xc{width:100%;max-width:1080px;color:var(--cn-navy);margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,32px) clamp(40px,6vw,72px)}.xc-top{text-align:center;max-width:900px;margin:0 auto clamp(20px,3vw,30px)}.xc-title{letter-spacing:-.03em;text-wrap:balance;max-width:22ch;margin:0 auto;font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:800;line-height:1.1}.xc-lead{max-width:54ch;color:var(--cn-ink-2);text-wrap:balance;margin:12px auto 0;font-size:clamp(15px,1.4vw,17px);line-height:1.55}.xc-field{--on-navy-2:color-mix(in srgb, var(--cn-cream) 85%, var(--cn-purple));--on-navy-3:color-mix(in srgb, var(--cn-cream) 65%, var(--cn-purple));--raised:color-mix(in srgb, var(--cn-navy) 92%, var(--cn-cream));--edge:color-mix(in srgb, var(--cn-navy) 87%, var(--cn-cream));background-color:var(--cn-navy);max-width:900px;color:var(--cn-cream);background-image:url(/home/icon-x-320.webp);background-position:right clamp(18px,3vw,34px) bottom 0;background-repeat:no-repeat;background-size:clamp(120px,15vw,160px);border-radius:20px;flex-direction:column;align-items:center;gap:14px;margin:0 auto;padding:clamp(44px,7vw,80px) calc(clamp(20px,4vw,40px) + clamp(120px,15vw,160px)) clamp(44px,7vw,80px) clamp(20px,4vw,40px);display:flex;position:relative}.xc-field ::selection{background:var(--cn-gold);color:var(--cn-navy)}.xc-field :focus-visible{outline:2.5px solid var(--cn-gold);outline-offset:3px}.xc-label{width:100%;max-width:620px;color:var(--on-navy-2);align-self:stretch;margin:0 auto;font-size:15px;font-weight:700}.xc-row{gap:12px;width:100%;max-width:620px;display:flex}.xc-input{background:var(--raised);border:1px solid var(--edge);border-radius:12px;flex:auto;align-items:center;gap:2px;min-width:0;padding:0 16px;transition:border-color .18s;display:flex}.xc-input:focus-within{border-color:color-mix(in srgb, var(--cn-gold) 55%, var(--cn-navy))}.xc-input span{color:var(--on-navy-3);font-size:clamp(17px,1.8vw,20px);font-weight:800}.xc-input input{min-width:0;font:inherit;color:var(--cn-cream);caret-color:var(--cn-gold);background:0 0;border:0;outline:0;flex:1;padding:17px 0;font-size:clamp(17px,1.8vw,20px);font-weight:700}.xc-input input::placeholder{color:color-mix(in srgb, var(--cn-cream) 55%, var(--cn-navy));font-weight:600}.xc-input input:disabled{opacity:.75}.xc-input input:focus-visible{outline:none}.xc-go{background:var(--cn-gold);color:var(--cn-navy);min-height:58px;font:inherit;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:12px;flex:none;padding:0 28px;font-size:clamp(16px,1.7vw,19px);font-weight:800;transition:background .18s}.xc-go:hover:not(:disabled){background:color-mix(in srgb, var(--cn-gold) 62%, var(--cn-cream))}.xc-go:disabled{background:color-mix(in srgb, var(--cn-cream) 22%, var(--cn-navy));color:var(--on-navy-3);cursor:default}.xc-go--stop{color:var(--cn-cream);box-shadow:inset 0 0 0 1px var(--on-navy-3);background:0 0}.xc-go--stop:hover:not(:disabled){background:var(--raised)}@keyframes xc-pulse{50%{background:var(--cn-gold)}}.scan{background:var(--raised);border:1px solid var(--edge);border-radius:16px;gap:14px;width:100%;max-width:620px;margin-top:6px;padding:18px 20px;display:grid}.scan-head{align-items:center;gap:14px;display:flex}.scan-spin{border:4px solid color-mix(in srgb, var(--cn-gold) 22%, transparent);border-top-color:var(--cn-gold);border-radius:50%;flex:none;width:34px;height:34px;animation:.8s linear infinite scan-turn}.scan-title{letter-spacing:-.01em;color:var(--cn-cream);overflow-wrap:anywhere;margin:0;font-size:clamp(17px,1.8vw,19px);font-weight:800}.scan-sub{color:var(--on-navy-2);margin:2px 0 0;font-size:14px;line-height:1.45}.scan-clock{color:var(--cn-gold);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:800}.scan-bar{background:color-mix(in srgb, var(--cn-navy) 70%, var(--cn-purple));border-radius:999px;height:12px;overflow:hidden}.scan-bar span{border-radius:inherit;background-color:var(--cn-gold);background-image:repeating-linear-gradient(-45deg, transparent 0 10px, color-mix(in srgb, var(--cn-cream) 45%, transparent) 10px 20px);background-size:28px 28px;width:100%;height:100%;transition:transform .6s;animation:.7s linear infinite scan-stripes;display:block}.scan-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.scan-steps li{color:var(--on-navy-3);align-items:baseline;gap:12px;font-size:14.5px;line-height:1.45;display:flex}.scan-steps li.is-now{color:var(--cn-cream);font-weight:700}.scan-steps li.is-done{color:var(--on-navy-2)}.scan-steps em{color:var(--on-navy-3);font-variant-numeric:tabular-nums;font-style:normal;font-weight:600}.scan-dot{border:2px solid;border-radius:50%;flex:none;width:10px;height:10px;transform:translateY(1px)}.scan-steps li.is-done .scan-dot{background:var(--cn-gold);border-color:var(--cn-gold)}.scan-steps li.is-now .scan-dot{border-color:var(--cn-gold);animation:1.1s ease-in-out infinite xc-pulse}@keyframes scan-turn{to{transform:rotate(360deg)}}@keyframes scan-stripes{to{background-position:28px 0}}@media (prefers-reduced-motion:reduce){.scan-spin,.scan-bar span,.scan-steps li.is-now .scan-dot{animation:none}.scan-steps li.is-now .scan-dot{background:var(--cn-gold)}}.xc-error{background:var(--raised);border:1px solid color-mix(in srgb, var(--cn-gold) 45%, var(--cn-navy));width:100%;max-width:620px;color:var(--cn-cream);border-radius:12px;margin:4px 0 0;padding:12px 16px;font-size:15px;line-height:1.5}.xc-note{text-align:center;max-width:62ch;color:var(--cn-ink-2);text-wrap:balance;margin:14px auto 0;font-size:14px;font-weight:600;line-height:1.5}.xc-note b{color:var(--cn-navy)}.xc-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xc-data-info{justify-content:center;margin:10px auto 0;display:flex}.xc-data-trigger{color:var(--cn-ink-3);font:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px;background:0 0;border:0;padding:5px 8px;font-size:12.5px;font-weight:700}.xc-data-trigger:hover{color:var(--cn-navy)}.xc-data-trigger:focus-visible{outline:3px solid var(--cn-link);outline-offset:3px;border-radius:6px}.xc-data-overlay{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000a20bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.xc-data-dialog{box-sizing:border-box;background:var(--cn-cream);width:min(600px,100vw - 40px);max-width:none;max-height:calc(100dvh - 40px);color:var(--cn-navy);border:0;border-radius:22px;margin:0;padding:0;overflow:hidden;box-shadow:0 30px 90px #000a206b}.xc-data-dialog-card{max-height:inherit;flex-direction:column;display:flex}.xc-data-dialog-head{border-bottom:1px solid var(--cn-rule);background:var(--cn-white);flex:none;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px 20px;display:flex}.xc-data-dialog-title{align-items:center;gap:14px;min-width:0;display:flex}.xc-data-dialog-title>div{gap:3px;min-width:0;display:grid}.xc-data-dialog-title>div>span{color:color-mix(in srgb, var(--cn-purple) 78%, var(--cn-navy));letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:900}.xc-data-dialog-icon{background:var(--cn-purple);width:42px;height:42px;color:var(--cn-white);border-radius:13px;flex:none;place-items:center;font-family:Georgia,serif;font-size:23px;font-weight:900;display:grid}.xc-data-dialog-head h2{letter-spacing:-.025em;margin:0;font-size:clamp(20px,3vw,25px);line-height:1.15}.xc-data-dialog-head button{border:1px solid var(--cn-rule);background:var(--cn-cream);width:40px;height:40px;color:var(--cn-navy);font:inherit;cursor:pointer;border-radius:50%;flex:none;font-size:27px;line-height:1}.xc-data-dialog-head button:hover{background:color-mix(in srgb, var(--cn-purple) 11%, var(--cn-white))}.xc-data-dialog-head button:focus-visible,.xc-data-more:focus-visible{outline:3px solid var(--cn-link);outline-offset:3px}.xc-data-dialog-body{min-height:0;padding:22px 26px 26px;overflow-y:auto}.xc-data-summary{background:color-mix(in srgb, var(--cn-gold) 26%, var(--cn-white));color:var(--cn-navy);border-radius:14px;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 16px;display:flex}.xc-data-summary b{font-size:15px}.xc-data-summary span{color:var(--cn-ink-2);text-align:right;font-size:13.5px}.xc-data-points{gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.xc-data-points li{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;display:grid}.xc-data-points li>span{background:color-mix(in srgb, var(--cn-purple) 14%, var(--cn-white));width:30px;height:30px;color:color-mix(in srgb, var(--cn-purple) 80%, var(--cn-navy));border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.xc-data-points b{color:var(--cn-navy);font-size:14.5px;display:block}.xc-data-points p{color:var(--cn-ink-2);margin:3px 0 0;font-size:14px;line-height:1.5}.xc-data-care{border:1px solid var(--cn-rule);background:var(--cn-white);color:var(--cn-ink-2);border-radius:14px;margin:20px 0 0;padding:13px 15px;font-size:13.5px;line-height:1.5}.xc-data-dialog b{color:var(--cn-navy)}.xc-data-more{background:var(--cn-navy);min-height:44px;color:var(--cn-cream);border-radius:12px;justify-content:center;align-items:center;margin-top:18px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.xc-data-more:hover{background:color-mix(in srgb, var(--cn-navy) 88%, var(--cn-purple))}@media (max-width:720px){.xc-data-overlay{padding:12px}.xc-data-dialog{width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px)}.xc-data-dialog-head{padding:20px}.xc-data-dialog-body{padding:18px 20px 22px}}@media (max-width:560px){.xc-data-overlay{place-items:end stretch;padding:0}.xc-data-dialog{border-radius:22px 22px 0 0;width:100%;max-height:min(88dvh,720px)}.xc-data-dialog-head{gap:12px;padding:16px 16px 14px}.xc-data-dialog-icon{border-radius:12px;width:38px;height:38px}.xc-data-dialog-title{gap:11px}.xc-data-dialog-title>div>span{font-size:10px}.xc-data-dialog-head h2{font-size:19px}.xc-data-dialog-head button{width:38px;height:38px}.xc-data-dialog-body{padding:16px 16px max(20px, env(safe-area-inset-bottom))}.xc-data-summary{gap:3px;padding:12px 14px;display:grid}.xc-data-summary span{text-align:left}.xc-data-points{gap:14px;margin-top:16px}.xc-data-care{margin-top:16px}.xc-data-more{box-sizing:border-box;width:100%}}.xc-examples{max-width:900px;margin:clamp(40px,6vw,64px) auto 0}.xc-examples h2{letter-spacing:-.02em;text-align:center;margin:0 0 16px;font-size:20px;font-weight:800}.xc-examples ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px);margin:0;padding:0;list-style:none;display:grid}.xc-examples ul:has(>li:only-child){grid-template-columns:minmax(0,300px);justify-content:center}.xc-examples li{border:1px solid var(--cn-rule);border-radius:20px;overflow:hidden}.xc-examples img{aspect-ratio:1;width:100%;height:auto;display:block}@media (max-width:560px){.xc-examples ul{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;margin:0 -16px;padding:0 16px 6px;overflow-x:auto}.xc-examples ul::-webkit-scrollbar{display:none}.xc-examples li{scroll-snap-align:center}.xc-examples ul:has(>li:only-child){grid-auto-columns:72%;justify-content:center}}.xc-result{border-top:1px solid var(--cn-rule);margin-top:clamp(40px,6vw,64px);padding-top:clamp(28px,4vw,40px);scroll-margin-top:16px}.xc-rtitle{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.8vw,2rem);font-weight:900;line-height:1.1}.xc-basis{max-width:70ch;color:var(--cn-ink-2);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:15px;line-height:1.55}.x-photo-loading{border:1px solid color-mix(in srgb, var(--cn-purple) 28%, var(--cn-rule));background:color-mix(in srgb, var(--cn-purple) 7%, var(--cn-white));width:fit-content;max-width:100%;color:var(--cn-navy);border-radius:14px;align-items:center;gap:11px;margin-top:16px;padding:10px 14px;display:flex}.x-photo-loading>span:last-child{gap:1px;min-width:0;display:grid}.x-photo-loading b{font-size:14px;line-height:1.35}.x-photo-loading small{color:var(--cn-ink-2);font-size:12px;line-height:1.4}.x-photo-loading__spinner{border:2px solid color-mix(in srgb, var(--cn-purple) 25%, transparent);border-top-color:var(--cn-purple);border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite x-photo-spin}@keyframes x-photo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.x-photo-loading__spinner{border-top-color:currentColor;animation:none}}.xc-work{grid-template-columns:minmax(0,1fr) minmax(260px,300px);align-items:start;gap:clamp(20px,3vw,32px);margin-top:24px;display:grid}.xc-stage canvas{aspect-ratio:1;background:var(--cn-navy);border-radius:20px;width:100%;height:auto;display:block}.xc-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.xc-btn{background:var(--cn-navy);color:var(--cn-cream);font:inherit;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:12px;padding:13px 22px;font-size:16px;font-weight:800;transition:background .18s,color .18s}a.xc-btn{align-items:center;text-decoration:none;display:inline-flex}.xc-btn:hover:not(:disabled){background:color-mix(in srgb, var(--cn-navy) 88%, var(--cn-purple))}.xc-btn--quiet{background:var(--cn-white);color:var(--cn-navy);box-shadow:inset 0 0 0 1px var(--cn-rule)}.xc-btn--quiet:hover:not(:disabled){background:color-mix(in srgb, var(--cn-purple) 9%, var(--cn-white))}.xc-btn:disabled{background:color-mix(in srgb, var(--cn-navy) 12%, var(--cn-cream));color:var(--cn-ink-3);box-shadow:none;cursor:default}.xc-hint{color:var(--cn-ink-2);margin:10px 0 0;font-size:14px;line-height:1.5}.xc-share{gap:6px;margin-top:12px;display:grid}.xc-share input{width:100%;font:inherit;color:var(--cn-navy);background:var(--cn-white);border:1px solid var(--cn-rule);border-radius:12px;padding:11px 14px;font-size:15px;font-weight:600}.xc-share p{color:var(--cn-ink-2);margin:0;font-size:14px;font-weight:600}.xsponsor{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--cn-purple) 22%, var(--cn-rule));background:var(--cn-white);border-radius:20px;width:100%;max-width:min(900px,100vw - 32px);margin:clamp(28px,4vw,40px) auto 0;overflow:hidden;box-shadow:0 18px 44px -36px #00123ba6}.xsponsor *{box-sizing:border-box}.xsponsor-devbar{background:color-mix(in srgb, var(--cn-navy) 5%, var(--cn-white));border-bottom:1px solid var(--cn-rule);min-height:34px;color:var(--cn-ink-3);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:12px;padding:5px 8px 5px 14px;font-size:11px;font-weight:700;display:flex}.xsponsor-devbar>div{gap:3px;display:flex}.xsponsor-devbar button{color:var(--cn-ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 8px}.xsponsor-devbar button[aria-pressed=true]{background:var(--cn-navy);color:var(--cn-cream)}.xsponsor-body{background:radial-gradient(circle at 8% 30%, color-mix(in srgb, var(--cn-gold) 23%, transparent), transparent 24%), linear-gradient(105deg, color-mix(in srgb, var(--cn-purple) 7%, var(--cn-white)), var(--cn-white) 58%);grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.5vw,26px);padding:clamp(18px,3vw,26px);display:grid}.xsponsor-body.is-sponsored{background:radial-gradient(circle at 8% 30%, color-mix(in srgb, var(--cn-purple) 22%, transparent), transparent 26%), linear-gradient(105deg, color-mix(in srgb, var(--cn-purple) 10%, var(--cn-white)), var(--cn-white) 58%)}.xsponsor-mark{background:var(--cn-gold);width:76px;height:76px;color:var(--cn-cream);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cn-navy) 10%, transparent);border-radius:18px;place-items:center;display:grid;overflow:hidden}.xsponsor-mark img{object-fit:cover;width:100%;height:100%}.xsponsor-mark span{text-align:center;letter-spacing:.08em;font-size:13px;font-weight:900;line-height:1.05}.is-sponsored .xsponsor-mark{background:var(--cn-purple)}.xsponsor-copy{min-width:0}.xsponsor-label{color:color-mix(in srgb, var(--cn-purple) 78%, var(--cn-navy));margin:0 0 4px;font-size:13px;font-weight:800}.xsponsor-copy h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(19px,2.2vw,23px);font-weight:900;line-height:1.18}.xsponsor-proof{align-items:center;gap:10px;min-height:34px;margin:8px 0 0;display:flex}.xsponsor-proof strong{color:var(--cn-navy);letter-spacing:-.035em;font-variant-numeric:tabular-nums lining-nums;font-size:clamp(27px,3.4vw,34px);font-weight:900;line-height:1}.xsponsor-proof span{max-width:25ch;color:var(--cn-ink-2);text-wrap:balance;font-size:13.5px;font-weight:600;line-height:1.3}.xsponsor-copy>p:last-child{max-width:58ch;color:var(--cn-ink-2);margin:6px 0 0;font-size:14px;line-height:1.45}.xsponsor-action{background:var(--cn-navy);min-height:46px;color:var(--cn-cream);text-align:center;white-space:nowrap;border-radius:12px;justify-content:center;justify-self:end;align-items:center;padding:0 18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}a.xsponsor-action:hover{background:color-mix(in srgb, var(--cn-navy) 88%, var(--cn-purple))}.xsponsor-action[aria-disabled=true]{opacity:.74}.xsponsor-after{background:var(--cn-white);border-top:1px solid var(--cn-rule);text-align:right;color:var(--cn-ink-3);margin:0;padding:8px 14px;font-size:12px}.xsponsor-after a{color:var(--cn-link);font-weight:800}@media (max-width:680px){.xsponsor-body{grid-template-columns:58px minmax(0,1fr);gap:14px}.xsponsor-mark{border-radius:15px;width:58px;height:58px}.xsponsor-action{grid-column:1/-1;justify-self:stretch}.xsponsor-proof{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:66px}.xsponsor-proof span{max-width:none}.xsponsor-devbar{flex-direction:column;align-items:flex-start;padding-block:8px}.xsponsor-after{text-align:left}}.xnoodle{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--cn-gold) 65%, var(--cn-rule));background:color-mix(in srgb, var(--cn-gold) 11%, var(--cn-white));border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon text cta";align-items:center;gap:16px;width:100%;max-width:660px;margin:clamp(28px,4vw,40px) auto 0;padding:14px 18px 14px 14px;display:grid}.xnoodle *{box-sizing:border-box}.xnoodle-icon{background:var(--cn-white);width:84px;height:84px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cn-gold) 42%, var(--cn-rule));border-radius:14px;grid-area:icon;display:block;overflow:hidden}.xnoodle-icon img{object-fit:cover;width:100%;height:100%;display:block}.xnoodle-text{grid-area:text;min-width:0}.xnoodle h3{margin:0;font-size:16px;font-weight:900;line-height:1.25}.xnoodle p{color:var(--cn-ink-2);margin:3px 0 0;font-size:13.5px;line-height:1.4}.xnoodle a{background:var(--cn-navy);min-height:40px;color:var(--cn-cream);white-space:nowrap;border-radius:11px;grid-area:cta;justify-content:center;align-items:center;padding:0 15px;font-size:13.5px;font-weight:800;text-decoration:none;display:inline-flex}.xnoodle a:hover{background:color-mix(in srgb, var(--cn-navy) 88%, var(--cn-purple))}.xnoodle-float{z-index:50;left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));box-sizing:border-box;border:1px solid color-mix(in srgb, var(--cn-gold) 70%, var(--cn-rule));background:color-mix(in srgb, var(--cn-gold) 10%, var(--cn-white));width:60px;height:60px;color:var(--cn-navy);box-shadow:0 10px 30px -14px color-mix(in srgb, var(--cn-navy) 58%, transparent);isolation:isolate;border-radius:18px;align-items:center;gap:10px;padding:5px;text-decoration:none;transition:width .22s,opacity .16s,transform .16s,box-shadow .16s;display:flex;position:fixed;overflow:hidden}.xnoodle-float-image{flex:0 0 48px;width:48px;height:48px;position:relative}.xnoodle-float-image img{object-fit:cover;border-radius:13px;width:100%;height:100%;display:block}.xnoodle-float-heart{border:2px solid var(--cn-white);background:var(--cn-purple);width:18px;height:18px;color:var(--cn-white);border-radius:50%;place-items:center;font-size:10px;line-height:1;display:grid;position:absolute;bottom:-1px;right:-1px}.xnoodle-float-copy{opacity:0;white-space:nowrap;flex:0 0 146px;gap:1px;min-width:0;transition:opacity .14s,transform .18s;display:grid;transform:translate(-5px)}.xnoodle-float-copy strong{font-size:13.5px;font-weight:900;line-height:1.15}.xnoodle-float-copy small{color:var(--cn-ink-2);font-size:11.5px;font-weight:650;line-height:1.2}.xnoodle-float:hover{box-shadow:0 14px 36px -14px color-mix(in srgb, var(--cn-navy) 66%, transparent)}.xnoodle-float:focus-visible{outline:3px solid var(--cn-link);outline-offset:4px;width:224px}.xnoodle-float:focus-visible .xnoodle-float-copy{opacity:1;transform:none}.xnoodle-float.is-hidden{opacity:0;pointer-events:none;transform:translateY(10px)scale(.96)}@media (hover:hover) and (pointer:fine){.xnoodle-float:hover{width:224px}.xnoodle-float:hover .xnoodle-float-copy{opacity:1;transform:none}}@media (max-width:560px){.xnoodle-float{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));border-radius:16px;width:52px;height:52px;padding:4px}.xnoodle-float-image{flex-basis:42px;width:42px;height:42px}.xnoodle-float-image img{border-radius:11px}.xnoodle-float-heart{width:17px;height:17px;font-size:9px}}@media (prefers-reduced-motion:reduce){.xnoodle-float,.xnoodle-float-copy{transition:none}}@media (max-width:560px){.xnoodle{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"icon text""icon cta";align-items:start;row-gap:12px;padding:12px}.xnoodle-icon{align-self:stretch;width:100%;height:100%;min-height:120px}.xnoodle a{justify-self:start}}.xc-panel{background:var(--cn-white);border:1px solid var(--cn-rule);border-radius:20px;padding:6px 20px}.xc-panel fieldset{border:0;gap:12px;margin:0;padding:16px 0;display:grid}.xc-panel fieldset+fieldset{border-top:1px solid var(--cn-rule)}.xc-panel legend{color:var(--cn-navy);margin-bottom:12px;padding:0;font-size:16px;font-weight:800}.xc-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.xc-swatch{border:1px solid var(--cn-rule);background:var(--cn-white);font:inherit;color:var(--cn-navy);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:700;display:flex}.xc-swatch span{width:22px;height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cn-navy) 16%, transparent);border-radius:7px;flex:none}.xc-swatch:hover{background:color-mix(in srgb, var(--cn-purple) 9%, var(--cn-white))}.xc-swatch.is-on{border-color:var(--cn-link);box-shadow:inset 0 0 0 1px var(--cn-link)}.xc-seg{border:1px solid var(--cn-rule);border-radius:12px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.xc-seg button{font:inherit;color:var(--cn-ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 0;font-size:14px;font-weight:700}.xc-seg button:hover{color:var(--cn-navy)}.xc-seg button[aria-pressed=true]{background:var(--cn-link);color:var(--cn-white)}.xc-colors{gap:16px;display:flex}.xc-colors label{color:var(--cn-ink-2);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.xc-colors input[type=color]{border:1px solid var(--cn-rule);cursor:pointer;background:0 0;border-radius:9px;width:36px;height:36px;padding:0}.xc-colors input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.xc-colors input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.xc-colors input[type=color]::-moz-color-swatch{border:0;border-radius:6px}.xc-range{color:var(--cn-ink-2);gap:6px;font-size:14px;font-weight:600;display:grid}.xc-range span{justify-content:space-between;display:flex}.xc-range output{color:color-mix(in srgb, var(--cn-purple) 72%, var(--cn-navy));font-variant-numeric:tabular-nums;font-weight:800}.xc-range input{width:100%;accent-color:var(--cn-purple)}.xc-check{color:var(--cn-navy);cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.xc-check input{width:18px;height:18px;accent-color:var(--cn-link);cursor:pointer}@media (max-width:860px){.xc-work{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.xc-field{background-position:center bottom 0;background-size:132px;padding:40px 20px 116px}.xc-row{flex-direction:column}.xc-go{min-height:56px}}