/* Lucian UX/UI Prompt #212 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#212 */
/* Lucian UX/UI Prompt #275 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#275 */
/* Lucian UX/UI Prompt #354 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#354 */
/* Lucian UX/UI Prompt #231 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#231 */
/* Lucian UX/UI Prompt #286 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#286 */
/* Lucian UX/UI Prompt #048 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#048 */
/* Lucian UX/UI Prompt #324 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#324 */
/* Original motion styles live in flow-elements.css. These overrides adapt footprints to the document, preserving durations and curves. */
:root{--ux-page:var(--page);--ux-surface:var(--surface);--ux-surface-2:var(--surface-high);--ux-ink:var(--text);--ux-ink-2:var(--secondary);--ux-ink-3:var(--muted);--ux-line:var(--line);--ux-accent:var(--blue);--ux-accent-soft:color-mix(in srgb,var(--blue) 13%,var(--surface));--ux-shadow-strong:#0008;--ux-grad:linear-gradient(120deg,var(--blue),#a9d5c2);--ux-spring:cubic-bezier(.34,1.45,.64,1)}
:root[data-theme=light]{color-scheme:light;--page:#f6f8fb;--surface:#fff;--surface-high:#eaf0f7;--text:#172e46;--secondary:#465c73;--muted:#5b7087;--line:#233e5c25;--accent:#2569a8;--blue:#216db8;--ux-shadow-strong:#14334b35}
html{scroll-padding-top:100px}body{overflow-x:clip}#page-shell{padding-top:80px}.skip{z-index:100}.flow-header{position:fixed;z-index:30;top:0;left:0;right:0;height:80px;padding:0;background:color-mix(in srgb,var(--page) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.flow-header-inner{width:min(1360px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}.flow-header .brand{margin-right:auto}.flow-header .brand img{width:106px}.flow-header.is-solid{height:66px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 8px 20px -14px var(--ux-shadow-strong)}.flow-header.is-solid .u212-pg{opacity:1}.flow-header.is-hide{transform:translateY(-110%)}.flow-header:focus-within{transform:none}.header-tools{margin-left:auto;display:flex;gap:14px;align-items:center}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--secondary)}.theme-toggle:hover{background:var(--surface-high)}.header-download{display:flex;gap:18px;align-items:center;padding:10px 16px;min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12px}.header-download:hover{background:var(--surface-high)}
.desktop-nav.u354{width:360px;height:44px;overflow:visible;background:none;box-shadow:none;border-radius:0;padding:0;flex-shrink:0}.desktop-nav .u354-nav{box-shadow:none;background:transparent}.desktop-nav .u354-tab{height:36px;padding-inline:19px;font-size:13px}.desktop-nav .u354-pn{top:57px;z-index:3}.desktop-nav .u354-car{top:51px;z-index:4}.desktop-nav .u354-pg{width:310px}.desktop-nav .u354-it{white-space:normal;padding:12px;gap:12px;min-height:64px}.desktop-nav .u354-it img{width:34px;height:34px;object-fit:contain;border-radius:8px;flex:none}.desktop-nav .u354-it b{font-size:14px}.desktop-nav .u354-it span{font-size:11px;line-height:1.7;display:block;margin-top:3px}.desktop-nav .u354-it div{min-width:0}
.page-toc{position:fixed;top:50%;right:max(20px,calc((100vw - 1440px)/2 + 20px));transform:translateY(-50%);width:142px;padding:0 0 0 12px;border-left:0;z-index:10}.page-toc>p{font-size:10px;margin-bottom:15px;letter-spacing:.08em}.page-toc .u275-ti{padding:11px 0;font-size:11px;white-space:nowrap;font-weight:500}.page-toc .u275-ti.on{color:var(--blue);font-weight:700}.page-toc .u275-ul{padding-left:14px}.page-toc .u275-mk{background:var(--blue)}
.intro{padding-top:62px;padding-bottom:50px}.intro h1{font-weight:620}.intro-note{color:var(--blue)}.intro-copy{max-width:none}.products.u048-pages{display:grid;grid-template-columns:1fr 1fr;gap:24px;overflow:visible;scroll-snap-type:none;cursor:auto;overscroll-behavior:auto}.product.u048-pg{padding:0;display:block;width:100%}.mobile-web,.mobile-product-nav,.mobile-swipe-note,.mobile-menu,.mobile-menu-toggle,.mobile-detail-back,#detail-edge{display:none}
.x16-experience{padding-top:76px}.x16-experience>.section-heading{max-width:680px}.x16-reveal{perspective:900px;position:relative;margin-top:44px;margin-bottom:46px}.x16-reveal .u231-st{margin:0;width:100%;transform-origin:50% 0;will-change:auto}.x16-reveal.is-in-view .u231-st{will-change:transform}.x16-reveal .u231-win{width:100%;border-radius:14px;display:block}.x16-reveal img{width:100%;height:auto}.x16-reveal figcaption{font-size:12px;text-align:center;color:var(--muted);margin-top:6px}.experience-features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:20px 0 60px;padding-bottom:38px;border-bottom:1px solid var(--line)}.experience-features span{font-size:11px;color:var(--blue);font-variant-numeric:tabular-nums}.experience-features h3{font-size:19px;margin:10px 0 12px;font-weight:600}.experience-features p{font-size:13px;line-height:1.8;color:var(--secondary)}.experience-start{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.experience-start h3{font-size:22px;font-weight:600}.experience-start span{font-size:11px;color:var(--muted)}.private-note{padding:0 0 30px;display:flex;gap:20px;justify-content:space-between;font-size:10px;color:var(--muted)}.private-note a{text-decoration:underline;text-underline-offset:4px}
html[data-theme=light] .product-full,html[data-theme=light] .product-x16,html[data-theme=light] .product-web{background:var(--surface)}html[data-theme=light] .preparing{color:var(--blue)}html[data-theme=light] .available{color:var(--text)}html[data-theme=light] .detail-header,html[data-theme=light] .detail-footer{background:var(--surface)}html[data-theme=light] .release-note{color:var(--muted)}html[data-theme=light] .quiet-link:hover,html[data-theme=light] .product-bottom a:hover{color:var(--text)}html[data-theme=light] .detail-footer .is-disabled{background:var(--surface-high);color:var(--muted)}html[data-theme=light] .brand img,html[data-theme=light] .site-footer>div>img,html[data-theme=light] .archive-logo{filter:brightness(.3)}
.product.mobile-web{display:none}
@media(min-width:1280px){main>.wrap,.site-footer.wrap,.private-note.wrap{width:min(1180px,calc(100% - 240px));margin-left:max(40px,calc((100% - 1440px)/2 + 40px));margin-right:0}}
@media(max-width:1279px){.page-toc{display:none}.flow-header-inner{width:calc(100% - 48px)}}
@media(max-width:700px){
 html{scroll-padding-top:76px}#page-shell{padding-top:64px;transition:transform .5s cubic-bezier(.3,.9,.3,1),filter .5s}body:has(.mobile-menu-open){overflow:hidden}.flow-header,.flow-header.is-solid{height:64px}.flow-header-inner{width:calc(100% - 32px);gap:12px}.flow-header .brand img{width:87px;height:36px}.header-tools{gap:8px}.header-download{min-height:36px;padding:7px 11px;font-size:11px;gap:8px}.theme-toggle{width:32px;height:36px}.desktop-nav{display:none}.mobile-menu-toggle{display:grid;flex:none}.mobile-menu{display:block;position:fixed;top:64px;bottom:0;left:0;right:0;z-index:29}.mobile-menu-open .u286-mn{clip-path:inset(0 0 0 0)}.mobile-menu-open .u286-bg i:nth-child(1){top:5px;transform:rotate(45deg)}.mobile-menu-open .u286-bg i:nth-child(2){opacity:0;transform:scaleX(.2)}.mobile-menu-open .u286-bg i:nth-child(3){top:5px;transform:rotate(-45deg)}.mobile-menu .u286-nb{height:54px;padding-inline:18px}.mobile-menu .u286-tt{font-size:13px}.mobile-menu .u286-vw{top:54px;overflow-y:auto;bottom:100px}.mobile-menu .u286-ls{padding:14px 20px;min-height:100%}.mobile-menu .u286-it{height:58px;font-size:20px;font-weight:600}.mobile-menu .u286-bk{font-size:23px}.mobile-menu .u286-ft a{display:grid;place-items:center;min-height:46px;border-radius:13px;font-size:13px;background:var(--surface-high)}.mobile-menu .u286-ft a:last-child{background:var(--text);color:var(--surface)}.mobile-menu-open .u286-ft{opacity:1}
 .intro{padding-top:34px;padding-bottom:30px}.intro h1{font-size:32px}.intro-copy{font-size:13px}.mobile-product-nav{display:block;margin-bottom:18px}.mobile-product-nav .u048-tabs{padding-inline:0;gap:0}.mobile-product-nav .u048-tab{font-size:13px;height:48px;flex:1;padding-inline:8px}.mobile-product-nav::before,.mobile-product-nav::after{display:none}.products.u048-pages{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;align-items:stretch;border-radius:16px}.products.u048-pages.drag{scroll-snap-type:none}.product.u048-pg{flex:0 0 100%;scroll-snap-align:start;width:100%;display:flex;flex-direction:column;min-width:0;gap:0;border-radius:16px}.product-copy{padding:23px 20px}.product h3{font-size:30px}.product>.screen-button{margin-top:auto;flex:none}.product-bottom{padding:14px 18px;min-height:55px}.mobile-web{display:flex}.mobile-swipe-note{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:12px}.product-description{font-size:12px}.product-identity h2{font-size:17px}.product-actions{min-height:88px;align-content:start;gap:4px 14px;margin-top:20px}.product-actions .release-note{min-height:36px;display:flex;align-items:center}.product-identity>img{width:36px;height:36px}.preparing{padding:2px 6px;font-size:9px}.product-bottom span{font-size:9px}.product-bottom a{font-size:10px}
 .x16-experience{padding-top:52px}.x16-reveal{margin-top:32px;margin-bottom:28px;perspective:900px}.x16-reveal figcaption{font-size:10px}.experience-features{grid-template-columns:1fr;gap:22px;margin:24px 0 32px;padding-bottom:28px}.experience-features>div{display:grid;grid-template-columns:28px 1fr;gap:0 10px}.experience-features span{grid-row:1/3;padding-top:4px}.experience-features h3{font-size:18px;margin:0 0 6px}.experience-features p{font-size:12px}.experience-start{display:block}.experience-start h3{font-size:21px}.experience-start span{display:block;margin-top:6px;font-size:10px}.private-note{display:block}.private-note a{display:block;margin-top:8px}
 #product-dialog{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0;border:0;display:none;transform:translateX(100%);transition:transform .5s cubic-bezier(.3,.9,.3,1);will-change:transform}#product-dialog[open]{display:flex;flex-direction:column}#product-dialog.flow-visible{transform:translateX(0)}#product-dialog::backdrop{background:transparent;backdrop-filter:none}body.flow-detail-open #page-shell{transform:translateX(-30%);filter:brightness(.88)}#product-dialog .detail-header{min-height:64px;padding:10px 16px;gap:12px}#product-dialog .mobile-detail-back{display:flex;gap:3px;align-items:center;min-height:42px;font-size:14px;color:var(--blue);padding:0;flex:none}.mobile-detail-back span{font-size:29px;line-height:1}#product-dialog .detail-identity{margin-left:auto;text-align:right}#product-dialog .detail-identity>img,#product-dialog .detail-identity p,#product-dialog [data-close-product]{display:none}#product-dialog .detail-identity h2{font-size:15px}#product-dialog .detail-scroll{flex:1;max-height:none;min-height:0;padding:24px 20px}#product-dialog .detail-footer{flex:none;padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom))}#detail-edge{display:block;top:64px;bottom:90px}#product-dialog.flow-dragging,#page-shell.flow-dragging{transition:none}
}
@media(max-width:700px){.product.mobile-web{display:flex}}
@media(max-width:360px){.header-download{display:none}.product h3{font-size:27px}.product-copy{padding-inline:17px}.product-identity h2{font-size:15px}.product-identity>img{width:31px;height:31px}.product-identity{gap:7px}.version{font-size:9px}.mobile-product-nav .u048-tab{font-size:12px}}
@media(prefers-reduced-motion:reduce){.x16-reveal .u231-st{transform:none!important}.flow-header,#page-shell,#product-dialog,.u286-ls,.u286-it{transition:none!important}html{scroll-behavior:auto}}