.ui-carousel{--carousel-per-page:3;--carousel-gap:18px;min-width:0}.ui-carousel__filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.ui-carousel__filters .ui-chip{border-radius:24px;min-height:42px;padding:10px 14px;font-size:12px}.ui-carousel__filters .ui-chip[aria-pressed=true]{background:var(--accent);color:var(--page)}.ui-carousel__body{position:relative}.ui-carousel__viewport{overscroll-behavior-x:contain;margin:-4px;padding:4px;overflow-x:auto}.ui-carousel[data-carousel-ready] .ui-carousel__viewport{touch-action:pan-y pinch-zoom;overflow:hidden}.ui-carousel__track{gap:var(--carousel-gap);margin:0;padding:0;list-style:none;transition:transform .36s cubic-bezier(.2,.7,.3,1);display:flex;position:relative}.ui-carousel__track.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing;transition:none}.ui-carousel__track>li{flex:0 0 calc((100% - (var(--carousel-per-page) - 1) * var(--carousel-gap)) / var(--carousel-per-page));min-width:0;margin:0}.ui-carousel__track>li[hidden]{display:none}.ui-carousel__controls{margin-top:14px}.ui-carousel__position{font:12px/1.5 var(--code-font);color:var(--muted)}.ui-carousel__paging{pointer-events:none;position:absolute;inset:0 0 32px}.ui-carousel__paging .ui-icon-button{width:44px;height:44px;color:var(--accent);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 12px #0002}.ui-carousel__paging [data-carousel-page=previous]{left:-18px}.ui-carousel__paging [data-carousel-page=next]{right:-18px}.ui-carousel:hover .ui-carousel__paging button:not(:disabled),.ui-carousel:focus-within .ui-carousel__paging button:not(:disabled){opacity:1;pointer-events:auto}.ui-carousel__paging button:disabled{visibility:hidden}@media (max-width:1100px){.ui-carousel{--carousel-per-page:2}}@media (max-width:700px){.ui-carousel{--carousel-per-page:1;--carousel-gap:12px}.ui-carousel__paging [data-carousel-page=previous]{left:-8px}.ui-carousel__paging [data-carousel-page=next]{right:-8px}}@media (hover:none),(pointer:coarse),(max-width:700px){.ui-carousel__paging button:not(:disabled){opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.ui-carousel__track,.ui-carousel__paging button{transition:none}}:root .reader-shell.standalone-shell.home-shell,:root[data-contents=hidden] .reader-shell.standalone-shell.home-shell{max-width:1376px;padding:0 48px 55px}.home{--hero-ink:var(--heading);--soft:var(--home-soft);--orange:var(--home-orange);font:16px/1.6 Segoe UI,system-ui,sans-serif}.home h1,.home h2,.home h3{text-wrap:initial}.home .hero h1{margin-top:0}.home .search-body [data-ui-search]{flex:1;min-width:0}.home .search-body .ui-field{gap:0}.home .search-body .ui-input{height:100%;min-height:46px}.home .search-body .ui-input::placeholder{color:var(--muted);opacity:1}.home .hero-actions .ui-button,.home .start-copy>.ui-button,.home .search-body .ui-button{border-radius:9px;min-height:46px;padding:12px 18px;font-size:13px}.home .search-body .ui-button{flex-shrink:0}.home .reference-actions .ui-text-link{color:var(--card-color);font-size:inherit}.home .topics a,.home .topics a:visited,.home .search-examples a,.home .search-examples a:visited{color:var(--muted)}.home .reference-grid{align-items:stretch}.home .reference{grid-template-rows:auto auto 1fr auto auto;display:grid}.home .steps li{margin:0}.home .example pre{background:var(--surface);color:var(--text);border:0;border-radius:0}.home .example-tony{flex:none}.home .home-tool{--card-color:var(--section-tools)}.home [data-carousel-group=layout] .home-tool,.home [data-carousel-group=code] .home-tool{--card-color:var(--section-css)}.home [data-carousel-group=color] .home-tool,.home [data-carousel-group=encoding] .home-tool{--card-color:var(--section-html)}.home [data-carousel-group=effects] .home-tool,.home [data-carousel-group=generators] .home-tool{--card-color:var(--visited)}.home [data-carousel-group=svg] .home-tool{--card-color:var(--section-javascript)}@media (max-width:1100px){:root .reader-shell.standalone-shell.home-shell,:root[data-contents=hidden] .reader-shell.standalone-shell.home-shell{padding-inline:30px}}@media (max-width:700px){:root .reader-shell.standalone-shell.home-shell,:root[data-contents=hidden] .reader-shell.standalone-shell.home-shell{padding-inline:18px}}.home .hero{grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:48px;min-height:460px;padding:48px 0 42px;display:grid}.home .eyebrow{letter-spacing:1.8px;color:var(--muted);margin:0 0 17px;font:10px/1.7 ui-monospace,monospace}.home h1{color:var(--hero-ink);letter-spacing:-3.5px;margin:0 0 24px;font-size:clamp(44px,5.4vw,76px);font-weight:750;line-height:1.07}.home h1 span{color:var(--orange)}.home .lead{color:var(--muted);max-width:505px;margin:0;font-size:16px;line-height:1.8}.home .hero-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:28px;display:flex}.home .text-link{font-size:13px;font-weight:600;text-decoration:none}.home .text-link:hover{text-decoration:underline}.home .hero-art{place-items:center;min-width:0;height:300px;display:grid;position:relative}.home .orbit{background:var(--soft);border-radius:50%;width:220px;height:220px;position:absolute}.home .orbit:after{content:"";border:1px dashed var(--border);border-radius:50%;position:absolute;inset:-14px}.home .hero-tony{filter:drop-shadow(0 15px 12px #263c3420);width:260px;max-width:100%;height:260px;position:relative;transform:rotate(-5deg)}.home .code-tag{z-index:1;border:5px solid #fffdf7;border-radius:12px;padding:10px 13px;font:700 11px/1.3 ui-monospace,monospace;position:absolute;box-shadow:0 4px 15px #263c3412}.home .tag-html{color:#954820;background:#edd5bd;top:35px;left:0;transform:rotate(-12deg)}.home .tag-css{color:#346577;background:#c5dce5;bottom:24px;right:0;transform:rotate(9deg)}.home .hand-note{color:var(--orange);text-align:center;font:10px/1.4 ui-monospace,monospace;position:absolute;top:0;right:2px;transform:rotate(10deg)}.home .search-panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px;padding:24px 30px;display:grid}.home .search-panel h2{letter-spacing:-.4px;margin:0 0 4px;font-size:19px}.home .search-panel p{color:var(--muted);margin:0;font-size:12px}.home .search-body form{gap:8px;display:flex}.home .search-panel .search-examples{flex-wrap:wrap;gap:14px;margin-top:9px;font:10px/1.5 ui-monospace,monospace;display:flex}.home .section-head{justify-content:space-between;align-items:flex-end;gap:25px;margin:65px 0 27px;display:flex}.home .section-head .eyebrow{margin-bottom:10px}.home h2{letter-spacing:-1px;margin:0;font-size:clamp(24px,2.6vw,34px);line-height:1.25}.home .section-head>p{color:var(--muted);margin:0;font-size:12px}.home .reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.home .reference{--section:var(--card-color);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px}.home .reference-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.home .language-mark{color:var(--section);font:700 24px/1.2 ui-monospace,monospace}.home .category{letter-spacing:1px;color:var(--muted);font:8px/1.5 ui-monospace,monospace}.home .reference h3{letter-spacing:-.7px;margin:25px 0 9px;font-size:25px}.home .reference p{color:var(--muted);min-height:65px;margin:0 0 22px;font-size:12px;line-height:1.8}.home .reference-actions{color:var(--section);flex-direction:column;align-items:flex-start;gap:10px;font-size:12px;display:flex}.home .reference-actions a{font-weight:600;text-decoration:none}.home .reference-actions a:hover{text-decoration:underline}.home .topics{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:16px;font:10px/1.5 ui-monospace,monospace;display:flex}.home .start{background:var(--soft);border:1px solid var(--border);border-radius:18px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-top:65px;padding:40px;display:grid}.home .start h2{font-size:30px;line-height:1.35}.home .start-copy>p:not(.eyebrow){color:var(--muted);max-width:420px;margin:18px 0 24px;font-size:13px}.home .steps{flex-wrap:wrap;gap:20px;margin:26px 0 0;padding:0;font-size:10px;list-style:none;display:flex}.home .steps span{color:var(--muted);margin-right:6px;font:10px ui-monospace,monospace}.home .example{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 12px 25px #263c340a}.home .example-bar{background:var(--page);border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:13px 16px;font:10px ui-monospace,monospace;display:flex}.home .dots{letter-spacing:3px;color:#b6bcac}.home .example pre{margin:0;padding:24px;font:12px/1.9 ui-monospace,monospace;overflow:auto}.home .syntax-tag{color:var(--code-tag)}.home .example-result{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:15px;padding:17px 24px;display:flex}.home .example-result .ui-mascot__image{width:95px;height:95px}.home .result-label{letter-spacing:1px;color:var(--muted);margin-bottom:10px;font:8px ui-monospace,monospace;display:block}.home .example-result strong{font-size:18px;display:block}.home .example-result p{color:var(--muted);margin:5px 0;font-size:11px}.home .example>a{border-top:1px solid var(--border);padding:12px 24px;font-size:11px;text-decoration:none;display:block}@media (max-width:1100px){.home .hero{grid-template-columns:minmax(0,1fr) 280px;gap:10px}.home .hero-art{height:270px}.home .orbit{width:190px;height:190px}.home .hero-tony{width:230px;height:230px}.home .code-tag{padding:8px;font-size:11px}.home .tag-css{right:0}.home .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home .reference p{min-height:0}.home .start{gap:30px;padding:30px}.home .example pre{padding:20px;font-size:11px}}@media (max-width:700px){.home .hero{grid-template-columns:1fr;gap:15px;padding:35px 0 25px}.home h1{letter-spacing:-2px;font-size:clamp(38px,9vw,60px)}.home .lead{font-size:14px}.home .hero-actions{gap:20px}.home .hero-art{width:100%;max-width:260px;height:200px;margin:auto}.home .hero-tony{width:180px;height:180px}.home .orbit{width:150px;height:150px}.home .code-tag{border-width:3px;padding:6px 8px;font-size:9px}.home .tag-html{top:12px}.home .tag-css{bottom:6px}.home .hand-note{display:none}.home .search-panel{grid-template-columns:1fr;gap:17px;padding:20px}.home .section-head{margin-top:38px;display:block}.home .section-head>p,.home .section-head>.text-link{margin-top:13px;display:block}.home .reference-grid{gap:12px}.home .reference{padding:17px}.home .category{display:none}.home .reference h3{margin-top:18px;font-size:22px}.home .reference p,.home .reference-actions{font-size:11px}.home .topics{gap:10px;font-size:9px}.home .start{grid-template-columns:1fr;margin-top:38px;padding:25px 20px}.home .start h2{font-size:26px}.home .example{transform:none}.home .example pre{font-size:12px}}@media (max-width:360px){.home .reference-grid{grid-template-columns:1fr}.home .example-result{padding:15px}.home .example-result strong{font-size:16px}.home .example-result .ui-mascot__image{width:70px;height:70px}.home .steps{gap:10px}.home .search-panel{padding:16px}.home .search-body form{gap:5px}.home .search-body .ui-button{padding:10px}}.home .hero-tony{color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:45%;padding:0;display:block}.home .hero-tony svg{width:100%;height:100%;display:block;overflow:visible}.home .hero-tony [data-part=head]{transform-box:view-box;transform-origin:252px 280px;transition:transform .38s cubic-bezier(.2,.7,.3,1)}.home .hero-tony [data-part=eyes]{transform-box:view-box;transform-origin:252px 203px}.home .hero-art[data-tony-awake=true] [data-part=eyes]{animation:6.2s ease-in-out infinite home-tony-blink}.home .hero-art[data-tony-awake=false] [data-part=eyes]{animation:none}@media (hover:hover){.home .hero-tony:hover [data-part=head]{transform:rotate(6deg)}}.home .hero-tony:focus-visible [data-part=head]{transform:rotate(6deg)}.home .hero-art[data-tony-state=search] [data-part=head]{transform:rotate(-8deg)}.home .hero-art[data-tony-state=typing] [data-part=head]{transform:rotate(-12deg)translateY(2px)}.home .hero-art[data-tony-petted=true] [data-part=head]{animation:.75s ease-in-out home-tony-greeting}.home .hero-art[data-tony-petted=true] [class$=-spark]{transform-box:fill-box;transform-origin:50%;animation:.75s ease-in-out home-tony-spark}@keyframes home-tony-blink{0%,92%,96%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes home-tony-greeting{0%,to{transform:rotate(6deg)}35%{transform:rotate(-5deg)translateY(4px)}70%{transform:rotate(4deg)}}@keyframes home-tony-spark{0%,to{transform:scale(1)}45%{transform:scale(1.2)rotate(12deg)}}@media (prefers-reduced-motion:reduce){.home .hero-art .hero-tony [data-part],.home .hero-art .hero-tony [class$=-spark]{transition:none!important;animation:none!important;transform:none!important}}.home .hero-tony.ui-button,.home .hero-tony.ui-button:hover:not(:disabled){background:0 0;border:0;padding:0}.home .hero-tony .ui-mascot .ui-mascot__image,.home .hero-tony .ui-mascot{width:100%;height:100%}