@charset "UTF-8";@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0}to{opacity:1}}@keyframes slideOutLeft{0%{opacity:1}to{opacity:0}}@keyframes slideOutRight{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-62.5rem 0}to{background-position:62.5rem 0}}@keyframes progressBar{0%{width:0%}to{width:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #2196f380}50%{box-shadow:0 0 20px #2196f3cc}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .3s ease-out}.animate-fade-in-down{animation:fadeInDown .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-slide-out-left{animation:slideOutLeft .3s ease-out}.animate-slide-out-right{animation:slideOutRight .3s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-scale-out{animation:scaleOut .3s ease-out}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-rotate-in{animation:rotateIn .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-shake{animation:shake .5s ease-in-out}.animate-glow{animation:glow 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{background:linear-gradient(90deg,#fff0,#fff6,#fff0);background-size:62.5rem 100%;animation:shimmer 2s infinite}.animate-delay-1{animation-delay:.05s}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.animate-delay-5{animation-delay:.25s}.animate-delay-6{animation-delay:.3s}.animate-delay-7{animation-delay:.35s}.animate-delay-8{animation-delay:.4s}.animate-delay-9{animation-delay:.45s}.animate-delay-10{animation-delay:.5s}.animate-delay-11{animation-delay:.55s}.animate-delay-12{animation-delay:.6s}.animate-delay-13{animation-delay:.65s}.animate-delay-14{animation-delay:.7s}.animate-delay-15{animation-delay:.75s}.animate-delay-16{animation-delay:.8s}.animate-delay-17{animation-delay:.85s}.animate-delay-18{animation-delay:.9s}.animate-delay-19{animation-delay:.95s}.animate-delay-20{animation-delay:1s}.animations-paused *,.animations-paused *:before,.animations-paused *:after{animation-play-state:paused!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes dot{0%,80%,to{transform:translateY(0);opacity:.25}40%{transform:translateY(-3px);opacity:.75}}.wipe-loading-dots{display:inline-flex;align-items:center;gap:.375rem}.wipe-loading-dots span{display:inline-block;width:.375rem;height:.375rem;border-radius:999px;background:var(--text-secondary);opacity:.35;animation:dot .9s infinite ease-in-out}.wipe-loading-dots span:nth-child(2){animation-delay:.15s}.wipe-loading-dots span:nth-child(3){animation-delay:.3s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(14px,1.5vw + 10px,16px)}@media(min-width:48em){html{font-size:clamp(16px,1vw + 8.32px,18px)}}@media(min-width:64em){html{font-size:clamp(14px,.5vw + 8px,16px)}}html,body{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--background);color:var(--text-primary)}a{color:var(--primary);text-decoration:underline;text-decoration-thickness:.125rem;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,var(--primary) 35%,transparent);transition:color .16s ease,text-decoration-color .16s ease,box-shadow .16s ease}a:hover{color:var(--primary-dark);text-decoration-color:color-mix(in srgb,var(--primary-dark) 55%,transparent)}a:active{color:var(--primary-dark);text-decoration-color:var(--primary-dark)}a:focus-visible{outline:none;border-radius:.375rem;box-shadow:0 0 0 .1875rem color-mix(in srgb,var(--accent) 55%,transparent)}a.muted{color:var(--text-secondary);text-decoration-color:color-mix(in srgb,var(--text-secondary) 35%,transparent)}a.muted:hover{color:var(--text-primary);text-decoration-color:color-mix(in srgb,var(--text-primary) 35%,transparent)}ul.summary-list,ul.arrow-list{list-style:none;padding-left:0;margin-bottom:1rem}ul.summary-list li,ul.arrow-list li{position:relative;padding-left:1.9em;margin-bottom:.75rem}ul.summary-list li:before,ul.arrow-list li:before{content:"";position:absolute;left:0;top:.35em;width:1.1em;height:1.1em;opacity:.7;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}ul.summary-list li:before{-webkit-mask-image:url(/demos/assets/icons/summary-list.svg);mask-image:url(/demos/assets/icons/summary-list.svg)}ul.arrow-list li:before{-webkit-mask-image:url(/demos/assets/icons/arrow.svg);mask-image:url(/demos/assets/icons/arrow.svg)}ol.steps-list{list-style:none;padding-left:0;margin-bottom:1rem;counter-reset:steps-counter}ol.steps-list li{position:relative;padding-left:1.9em;margin-bottom:.75rem;counter-increment:steps-counter}ol.steps-list li:before{content:counter(steps-counter) ".";position:absolute;left:0;top:.05em;width:1.1em;text-align:right;opacity:.75}#app{height:100dvh;height:100svh;width:100%;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}code{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;background-color:var(--surface-elevated);padding:.125rem .375rem;border-radius:.25rem;font-size:.92em;color:var(--text-secondary);border:.0625rem solid var(--border);white-space:pre-wrap;word-wrap:break-word}.app-shell{flex:1 1 auto;min-height:100%;display:flex;flex-direction:column}.screen{flex:1;width:100%;max-width:var(--max-app-width);margin:0 auto;display:flex;flex-direction:column;overflow:visible}.screen.screen-enter-forward,.screen.screen-enter-backward,.screen.screen-exit-forward,.screen.screen-exit-backward{overflow:hidden}.screen.screen-enter-forward .content,.screen.screen-enter-backward .content,.screen.screen-exit-forward .content,.screen.screen-exit-backward .content{overflow:hidden!important}.screen.screen-enter-forward .content{animation:slideInRight .25s cubic-bezier(.4,0,.2,1)}.screen.screen-enter-backward .content{animation:slideInLeft .25s cubic-bezier(.4,0,.2,1)}.screen.screen-exit-forward .content{animation:slideOutLeft .25s cubic-bezier(.4,0,.2,1)}.screen.screen-exit-backward .content{animation:slideOutRight .25s cubic-bezier(.4,0,.2,1)}.screen-hidden{display:none}.orientation-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;z-index:11000}.viewer-phone-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:12000;opacity:1;transition:opacity .25s ease}.viewer-phone-overlay-hidden{opacity:0}.orientation-overlay-inner,.viewer-phone-overlay-inner{z-index:11;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);box-shadow:0 .75rem 2.5rem #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text-primary);font-size:.75rem;font-weight:600;text-align:center;width:100%;height:100%}.orientation-overlay-icon,.viewer-phone-rotate-icon{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 80%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.orientation-overlay-text,.viewer-phone-rotate-text{line-height:1.4}.header{width:100%;background:var(--background);border-bottom:.0625rem solid var(--border);box-shadow:none;height:3.5rem;flex-shrink:0;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:flex-start;max-width:var(--max-app-width);margin:0 auto;height:100%;color:var(--text-primary);width:100%}.breadcrumb-wrapper{display:flex;align-items:center;padding:0 1.5rem;width:100%}@media(min-width:48em){.breadcrumb-wrapper{padding:0 1.5rem}}.breadcrumb-container{display:flex;align-items:center;overflow:hidden;min-width:0}.back-button{background:transparent;border:none;color:var(--text-primary);font-size:1.25rem;font-weight:700;cursor:pointer;padding:.75rem;margin-right:.75rem;display:flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;border-radius:.75rem;transition:background .2s ease,transform .2s ease}.back-button:hover{background:#ffffff1a;transform:scale(1.05)}.back-button:active{background:#ffffff26;transform:scale(.98)}.header-title{font-size:1rem;font-weight:600;color:var(--text-primary);padding:.5rem 0;display:flex;align-items:center}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;-webkit-overflow-scrolling:touch}@media(min-width:48em){.content{padding:18px}}@media(max-width:63.9375em){.content::-webkit-scrollbar{width:0;height:0}.content{scrollbar-width:none;-ms-overflow-style:none}}@media(min-width:64em){.content{padding:24px}.content::-webkit-scrollbar{width:.625rem}.content::-webkit-scrollbar-track{background:#0000000f;border-radius:.3125rem}.content::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:.3125rem;transition:background .2s ease}.content::-webkit-scrollbar-thumb:hover{background:var(--scroll)}.content{scrollbar-width:thin;scrollbar-color:var(--scroll) rgba(0,0,0,.06)}}.tile{--icon-opacity: .7;--icon-sat: 1;width:100%;height:100%;min-width:0;position:relative;z-index:1}@media(min-width:64em){.tile{height:auto}}.tile{background:var(--surface);border:.0625rem solid var(--border);border-radius:.5rem;padding:1rem}@media(min-width:48em){.tile{padding:1.25rem;border-radius:.75rem}}@media(min-width:64em){.tile{padding:1.25rem;border-radius:1.25rem}}.tile{overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;container-type:inline-size;box-shadow:0 .0625rem .125rem var(--shadow-soft-inner),0 .5rem 1.5rem var(--shadow-soft-outer),0 0 0 0 transparent inset}.tile:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transform:scale(.995);transition:opacity .4s linear,transform .4s linear;box-shadow:0 0 #0000}.tile{transition:transform .3s ease-out,border-color .3s ease,box-shadow .3s ease,opacity .2s ease;will-change:transform}.tile.tile-use-global-aspect:not(.tile-custom-sizing){aspect-ratio:var(--tile-aspect-mobile, 3/4)}@media(min-width:48em){.tile.tile-use-global-aspect:not(.tile-custom-sizing){aspect-ratio:var(--tile-aspect-tablet, 3/3)}}@media(min-width:64em){.tile.tile-use-global-aspect:not(.tile-custom-sizing){aspect-ratio:var(--tile-aspect-desktop, 2/1)}}.tile:hover:not(.tile-source-active):not(.tile-setting-active):not(.tile-viewer-active):not(.tile-viewer-target):not(.tile-noninteractive):not(.tile-subgrid-container){transform:translateY(-.125rem);border-color:var(--border-strong);box-shadow:0 .125rem .25rem var(--shadow-strong-inner),0 .875rem 2.25rem var(--shadow-strong-outer),0 0 0 .0625rem #0f172a1a inset;z-index:50}.tile:hover:not(.tile-source-active):not(.tile-setting-active):not(.tile-viewer-active):not(.tile-viewer-target):not(.tile-noninteractive):not(.tile-subgrid-container) .tile-title{opacity:.92}.tile:hover:not(.tile-source-active):not(.tile-setting-active):not(.tile-viewer-active):not(.tile-viewer-target):not(.tile-noninteractive):not(.tile-subgrid-container){--icon-opacity: .92;--icon-sat: 1.05}.tile:hover:not(.tile-source-active):not(.tile-setting-active):not(.tile-viewer-active):not(.tile-viewer-target):not(.tile-noninteractive):not(.tile-subgrid-container) .tile-watermark{opacity:.06}.tile:focus-visible{outline:.1875rem solid rgba(79,70,229,.35);outline-offset:.25rem}.tile.is-selected{--icon-opacity: 1;--icon-sat: 1.08}.tile.is-selected:before{opacity:1;transform:scale(1);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 40%,transparent) inset,0 0 20px color-mix(in srgb,var(--primary) 14%,transparent)}.tile.tile-source-active,.tile.tile-setting-active{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 .0625rem .125rem transparent,0 .625rem 1.625rem var(--shadow-soft-outer);z-index:5}.tile.tile-source-active:before,.tile.tile-setting-active:before{opacity:.88;transform:scale(1);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 90%,transparent) inset,0 0 22px color-mix(in srgb,var(--primary) 25%,transparent)}.tile.tile-source-active.has-media:before,.tile.tile-setting-active.has-media:before{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 40%,transparent),color-mix(in srgb,var(--primary) 16%,transparent))}.tile.tile-source-active{cursor:default;pointer-events:none}.tile.tile-ripple:after{opacity:1;animation:ripple .6s ease-out}.tile.tile-custom-sizing{width:auto;height:auto;min-width:8.75rem;aspect-ratio:1;justify-self:center;align-self:center;z-index:1}.tile.tile-custom-sizing.tile-custom-sizing-dimensions{width:var(--tile-width, auto);height:var(--tile-height, auto);aspect-ratio:unset}.tile.tile-noninteractive{cursor:default;pointer-events:none}.tile.tile-hidden{display:none!important}.tile.tile-custom-size{grid-column:var(--tile-col-start-mobile, auto)/span var(--tile-cols-mobile, 1)!important;grid-row:var(--tile-row-start-mobile, auto)/span var(--tile-rows-mobile, 1)!important}@media(min-width:48em)and (max-width:63.9375em){.tile.tile-custom-size{grid-column:var(--tile-col-start-tablet, auto)/span var(--tile-cols-tablet, 1)!important;grid-row:var(--tile-row-start-tablet, auto)/span var(--tile-rows-tablet, 1)!important}}@media(min-width:64em){.tile.tile-custom-size{grid-column:var(--tile-col-start-desktop, auto)/span var(--tile-cols-desktop, 1)!important;grid-row:var(--tile-row-start-desktop, auto)/span var(--tile-rows-desktop, 1)!important}}.tile.tile-custom-size:not(.tile-custom-sizing){aspect-ratio:var(--tile-custom-aspect-mobile, var(--tile-aspect-mobile, 3/4))}@media(min-width:48em)and (max-width:63.9375em){.tile.tile-custom-size:not(.tile-custom-sizing){aspect-ratio:var(--tile-custom-aspect-tablet, var(--tile-aspect-tablet, 3/3))}}@media(min-width:64em){.tile.tile-custom-size:not(.tile-custom-sizing){aspect-ratio:var(--tile-custom-aspect-desktop, var(--tile-aspect-desktop, 2/1))}}.tile.tile-viewer-target{padding:0;border:none;cursor:default;overflow:hidden;min-height:100%}.tile.tile-viewer-target.tile-viewer-active{cursor:default;background:transparent}.tile.tile-viewer-target.tile-viewer-active:active{transform:none}.tile.tile-viewer-target h1{margin-bottom:1.5rem}.tile.tile-viewer-target:has(.viewer-html-snippet){padding:1rem;background:var(--surface)}.tile.tile-viewer-target:has(.viewer-html-snippet) .gallery-inline-viewer,.tile.tile-viewer-target:has(.viewer-html-snippet) .inline-viewer{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.25rem;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(min-width:64em){.tile-grid:not(.grid-viewer-auto-rows) .tile.tile-viewer-target:not(.tile-viewer-strict-rows):has(.viewer-html-snippet){aspect-ratio:auto;height:100%}.tile-grid.grid-viewer-auto-rows .tile.tile-viewer-target:has(.viewer-html-snippet){aspect-ratio:auto}.tile-grid.grid-viewer-auto-rows .tile.tile-viewer-target:has(.viewer-html-snippet) .gallery-inline-viewer,.tile-grid.grid-viewer-auto-rows .tile.tile-viewer-target:has(.viewer-html-snippet) .inline-viewer{position:relative;height:auto;overflow:visible;overflow-x:hidden;padding:0}.tile-grid.grid-viewer-auto-rows .tile.tile-viewer-target:has(.viewer-html-snippet) .inline-viewer-content{height:auto;align-items:flex-start}.tile-grid.grid-viewer-auto-rows .tile.tile-viewer-target:has(.viewer-html-snippet) .inline-viewer-html,.tile-grid.grid-viewer-auto-rows .tile.tile-viewer-target:has(.viewer-html-snippet) .inline-html-snippet,.tile-grid.grid-viewer-auto-rows .tile.tile-viewer-target:has(.viewer-html-snippet) .viewer-html-snippet{height:auto;max-height:none;overflow:visible}}.tile.tile-horizontal .tile-content{flex-direction:row;justify-content:center;gap:1rem}.tile.tile-horizontal .tile-icon{margin-bottom:0}.tile-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;z-index:2;width:100%;height:100%;gap:.75rem;z-index:3}.tile-content:has(.tile-icon):not(:has(.tile-title)) .tile-icon{margin-bottom:0}.tile-content:has(.tile-title):not(:has(.tile-icon)) .tile-title{font-size:1rem}.tile-background{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.tile-background+.tile-overlay~.tile-content .tile-title{color:#fff;text-shadow:0 .125rem .5rem rgba(0,0,0,.8)}.tile-watermark{z-index:0;position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 30%,var(--accent)));-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-position:center;mask-position:calc(100% - 10px) top;-webkit-mask-size:40%;mask-size:clamp(80px,25vw,200px)}@media(min-width:48em){.tile-watermark{-webkit-mask-position:center;mask-position:calc(100% - 10px) calc(50% - 20px);-webkit-mask-size:contain;mask-size:clamp(80px,16vw,130px)}}@media(min-width:64em){.tile-watermark{-webkit-mask-position:calc(100% - 10px) calc(0% + 20px);mask-position:calc(100% - 10px) calc(0% + 20px);-webkit-mask-size:clamp(80px,10vw,150px);mask-size:clamp(80px,10vw,150px)}}.tile-watermark{opacity:.06;transform-origin:center;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.tile-overlay{border-radius:inherit;position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 60%,rgba(0,0,0,.3) 100%);z-index:1;opacity:0;transition:opacity .3s ease}.tile:has(.tile-title) .tile-overlay{opacity:1}.tile:not(:has(.tile-title)).tile-source-active .tile-overlay,.tile:not(:has(.tile-title)).tile-setting-active .tile-overlay{opacity:1}.tile-icon{width:3.25rem;height:3.25rem;display:block;position:absolute;top:0;left:0;z-index:2;flex-shrink:0;font-size:2.5rem;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 30%,var(--accent)));-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;opacity:var(--icon-opacity, .72);filter:saturate(var(--icon-sat, 1));box-shadow:0 0 #0000;transition:opacity .16s ease,filter .16s ease,box-shadow .16s ease}@media(min-width:48em){.tile-icon{font-size:2.5rem}}@media(min-width:64em){.tile-icon{font-size:3.25rem;top:1rem;left:1rem}}.tile:hover .tile-icon,.tile.is-selected .tile-icon,.tile.tile-setting-active .tile-icon{box-shadow:0 0 1.125rem color-mix(in srgb,var(--primary) 20%,transparent)}.tile-text{margin-top:auto;width:100%}.tile-title{font-size:1rem;font-weight:500;color:var(--text-primary);position:relative;z-index:1;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile.has-media .tile-content .tile-meta{text-shadow:0 .125rem .5rem rgba(0,0,0,.8);color:#fff}.tile.has-media:after{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 40%,transparent),color-mix(in srgb,var(--primary) 16%,transparent))}.tile[style*=background][style*=gradient] .tile-title{color:#fff;text-shadow:0 .125rem .5rem rgba(0,0,0,.4)}.tile[style*=background][style*=gradient] .tile-meta{color:#ffffffe6;text-shadow:0 .0625rem .25rem rgba(0,0,0,.4)}.tile[style*=background-color] .tile-title{color:var(--text-primary)}.inline-viewer-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface);position:relative}.inline-viewer-html{flex:1;min-height:0;max-height:100%;width:100%;overflow:auto}.inline-viewer-html h1,.inline-viewer-html h2,.inline-viewer-html h3,.inline-viewer-html h4{color:var(--text-primary);margin-bottom:1rem}.inline-viewer-html p{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5}.inline-viewer-html li{color:var(--text-secondary)}.inline-viewer-iframe{width:100%;height:100%;border:none;display:block}.inline-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary)}.inline-viewer-loading .spinner-small{width:1.875rem;height:1.875rem;border:.1875rem solid rgba(0,0,0,.1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.inline-viewer-loading .loading-text{font-size:.75rem}.inline-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem;text-align:center}.inline-viewer-error .error-icon{font-size:2.5rem;opacity:.5}.inline-viewer-error .tile-meta{color:#ffffffe6;text-shadow:0 .0625rem .25rem rgba(0,0,0,.4)}.inline-viewer-error .error-message{font-size:.75rem;color:var(--text-secondary)}.inline-viewer-image-wrapper{width:100%;height:100%;padding:1rem;box-sizing:border-box}.inline-viewer-image{width:100%;height:100%;display:block;object-fit:contain}.tile-subgrid-container{display:grid;height:auto;justify-items:stretch;align-items:stretch}.tile-subgrid-container.tile-custom-size{aspect-ratio:auto!important}.tile-subgrid-container{background:transparent;border:none;box-shadow:none;padding:0;overflow:visible;pointer-events:none}.tile-subgrid-container.tile:hover{transform:none!important;border-color:transparent!important;box-shadow:none!important;z-index:1!important}.tile-subgrid{width:100%;height:100%;row-gap:12px;column-gap:12px}@media(min-width:48em)and (max-width:63.9375em){.tile-subgrid{row-gap:12px;column-gap:12px}}@media(min-width:64em){.tile-subgrid{row-gap:24px;column-gap:24px}}.tile-subgrid{align-content:start;align-items:start;justify-items:stretch;grid-auto-rows:var(--grid-auto-rows-mobile, auto)}@media(min-width:48em)and (max-width:63.9375em){.tile-subgrid{grid-auto-rows:var(--grid-auto-rows-tablet, auto)}}@media(min-width:64em){.tile-subgrid{grid-auto-rows:var(--grid-auto-rows-desktop, auto)}}.tile-subgrid .tile{pointer-events:auto;height:auto}@keyframes tile-halo-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes tile-press-pop{0%{transform:scale(1)}50%{transform:scale(.993)}to{transform:scale(1)}}@keyframes tile-active-breathe{0%{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.008)}to{opacity:.9;transform:scale(1)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.tile{transition:none!important}.tile:before{animation:none!important}}.tile-grid{display:grid;isolation:isolate;grid-template-columns:repeat(var(--grid-columns-mobile, 1),1fr);grid-template-rows:var(--grid-template-rows-mobile, none);grid-auto-rows:var(--grid-auto-rows-mobile, auto);grid-auto-flow:dense;row-gap:12px;column-gap:12px;width:100%;justify-items:stretch;align-items:start;align-content:start;--grid-auto-row-min-mobile: auto;--grid-auto-row-min-tablet: auto;--grid-auto-row-min-desktop: auto;--grid-auto-row-max-mobile: none;--grid-auto-row-max-tablet: none;--grid-auto-row-max-desktop: none;min-height:calc(100dvh - 3.5rem - 24px);min-height:calc(100svh - 3.5rem - 24px)}@media(min-width:48em)and (max-width:63.9375em){.tile-grid{grid-template-columns:repeat(var(--grid-columns-tablet, 2),1fr);grid-template-rows:var(--grid-template-rows-tablet, none);grid-auto-rows:var(--grid-auto-rows-tablet, auto);row-gap:18px;column-gap:18px;min-height:calc(100dvh - 3.5rem - 36px);min-height:calc(100svh - 3.5rem - 36px);align-items:start;align-content:start}}@media(min-width:64em){.tile-grid{grid-template-columns:repeat(var(--grid-columns-desktop, 4),1fr);grid-template-rows:var(--grid-template-rows-desktop, none);grid-auto-rows:var(--grid-auto-rows-desktop, auto);row-gap:24px;column-gap:24px;align-content:start;min-height:auto;align-items:start}}.tile-grid.tile-subgrid{min-height:auto}@media(min-width:48em)and (max-width:63.9375em){.tile-grid.tile-subgrid{min-height:auto}}@media(min-width:64em){.tile-grid.tile-subgrid{min-height:auto}}.viewer-container{height:100%;width:100%;display:flex;flex-direction:column;background:var(--background)}.viewer-content{flex:1;overflow:hidden;position:relative;background:var(--background);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.viewer-close-btn{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;border-radius:.5rem;background-color:color-mix(in srgb,var(--surface-elevated) 75%,transparent);color:var(--text-primary);border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 .0625rem .125rem var(--shadow-soft-inner),0 .5rem 1.5rem var(--shadow-soft-outer),0 0 0 0 transparent inset;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:1.75rem;line-height:1;z-index:10;transition:background,transform,box-shadow,color .2s}.viewer-close-btn:before{content:"";width:90%;height:90%;background-color:currentColor;-webkit-mask-image:url(/demos/assets/icons/x.svg);mask-image:url(/demos/assets/icons/x.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.viewer-close-btn:hover{background:color-mix(in srgb,var(--surface-elevated) 95%,transparent);transform:translateY(-1px) scale(1.02)}.viewer-close-btn:active{transform:translateY(0) scale(.98);box-shadow:0 .375rem 1.25rem #00000059}.viewer-iframe{width:100%;height:100%;border:none;overflow:hidden}.viewer-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}@media(min-width:48em){.viewer-image{object-fit:cover}}.viewer-image{display:block}.viewer-video{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.viewer-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:pulse 1.5s ease-in-out infinite}.spinner{border:.1875rem solid rgba(77,42,15,.1);border-top:.1875rem solid var(--accent);border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite;margin:0 auto 1rem}.viewer-error{text-align:center;padding:1.5rem;color:var(--text-secondary)}.viewer-error-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.viewer-error-message{font-size:1rem;margin-bottom:1.5rem}.btn-retry{background:var(--primary);color:var(--accent);border:none;padding:.75rem 1.5rem;border-radius:2rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .2s;box-shadow:none}.btn-retry:hover{filter:brightness(.9)}.btn-retry:active{filter:brightness(.8);transform:scale(.98)}.inline-viewer{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;--inline-viewer-placeholder-bg: color-mix( in srgb, var(--surface) 20%, transparent );--inline-viewer-placeholder-border: color-mix( in srgb, var(--text-primary) 30%, transparent );--inline-viewer-placeholder-color: color-mix( in srgb, var(--text-secondary), var(--text-primary) 35% )}.inline-viewer[data-viewer-kind=image]{--inline-viewer-placeholder-border: color-mix( in srgb, var(--accent) 40%, transparent );--inline-viewer-placeholder-bg: color-mix( in srgb, var(--accent) 15%, transparent );--inline-viewer-placeholder-color: var(--accent)}.inline-viewer[data-viewer-kind=video]{--inline-viewer-placeholder-border: color-mix( in srgb, var(--primary) 50%, transparent );--inline-viewer-placeholder-bg: color-mix( in srgb, var(--primary) 18%, transparent );--inline-viewer-placeholder-color: var(--primary)}.inline-viewer[data-viewer-kind=iframe]{--inline-viewer-placeholder-border: color-mix( in srgb, var(--secondary) 45%, transparent );--inline-viewer-placeholder-bg: color-mix( in srgb, var(--secondary) 20%, transparent );--inline-viewer-placeholder-color: var(--secondary)}.inline-viewer[data-viewer-kind=html-snippet]{--inline-viewer-placeholder-border: color-mix( in srgb, var(--text-primary) 50%, transparent );--inline-viewer-placeholder-bg: color-mix( in srgb, var(--text-primary) 12%, transparent );--inline-viewer-placeholder-color: var(--text-primary)}.inline-viewer-content{width:100%;height:100%;position:relative;overflow:hidden}.inline-viewer-iframe{width:100%;height:100%;border:none;overflow:hidden}.inline-viewer-default{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.75rem;color:var(--text-secondary)}.inline-viewer-icon{width:3rem;height:3rem;object-fit:contain;opacity:.5}.inline-viewer-title{font-size:1rem;font-weight:600}.inline-viewer-meta{font-size:.75rem;opacity:.7}.inline-viewer-placeholder{position:absolute;inset:0;border-radius:inherit;background:var(--inline-viewer-placeholder-bg);border:1px dashed var(--inline-viewer-placeholder-border);color:var(--inline-viewer-placeholder-color);display:flex;align-items:center;justify-content:center;text-align:center;padding:1.5rem;font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:.04em;text-transform:none;opacity:0;transform:translateY(8px);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 25px 45px #00000024;transition:opacity .25s ease,transform .25s ease;z-index:2}.inline-viewer[data-placeholder-kind] .inline-viewer-placeholder{opacity:1;transform:translateY(0);animation:viewerPlaceholderPulse 1.8s ease-in-out infinite}@keyframes viewerPlaceholderPulse{0%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}to{opacity:.65;transform:scale(1)}}.viewer-tile{border-radius:2rem;border-left:.125rem solid var(--border);padding:1rem;display:flex;flex-direction:column;background-color:var(--background)}.viewer-tile__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5em}.viewer-tile__title{font-size:1.25rem;font-weight:700}.viewer-tile__body{font-size:.75rem;color:var(--text-secondary)}.viewer-tile__icon img{width:2rem;height:2rem;object-fit:contain;display:block}.theme-dark .viewer-tile__icon img{filter:invert(1) brightness(1) contrast(1)}.gallery-inline-viewer{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;--gallery-inline-placeholder-bg: color-mix( in srgb, var(--surface) 18%, transparent );--gallery-inline-placeholder-border: color-mix( in srgb, var(--text-primary) 30%, transparent );--gallery-inline-placeholder-color: color-mix( in srgb, var(--text-secondary), var(--text-primary) 35% );--gallery-inline-placeholder-radius: $border-radius-lg}.gallery-inline-viewer[data-viewer-kind=image]{--gallery-inline-placeholder-bg: color-mix( in srgb, var(--accent) 16%, transparent );--gallery-inline-placeholder-border: color-mix( in srgb, var(--accent) 40%, transparent );--gallery-inline-placeholder-color: var(--accent)}.gallery-inline-viewer[data-viewer-kind=video]{--gallery-inline-placeholder-bg: color-mix( in srgb, var(--primary) 20%, transparent );--gallery-inline-placeholder-border: color-mix( in srgb, var(--primary) 50%, transparent );--gallery-inline-placeholder-color: var(--primary)}.gallery-inline-viewer[data-viewer-kind=iframe]{--gallery-inline-placeholder-bg: color-mix( in srgb, var(--secondary) 22%, transparent );--gallery-inline-placeholder-border: color-mix( in srgb, var(--secondary) 45%, transparent );--gallery-inline-placeholder-color: var(--secondary)}.gallery-inline-viewer[data-viewer-kind=html-snippet]{--gallery-inline-placeholder-bg: color-mix( in srgb, var(--text-primary) 14%, transparent );--gallery-inline-placeholder-border: color-mix( in srgb, var(--text-primary) 55%, transparent );--gallery-inline-placeholder-color: var(--text-primary)}.gallery-inline-viewer>*:not(.gallery-viewer-metadata){flex:1;min-height:0}.gallery-inline-viewer-content{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.gallery-inline-content{width:100%;height:100%;position:relative;overflow:hidden}.gallery-inline-iframe{width:100%;height:100%;border:none;overflow:hidden}.gallery-inline-video-wrapper{width:100%;height:100%;flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:transparent}.gallery-inline-video{width:100%;height:100%;object-fit:cover}.gallery-inline-image-wrapper{width:100%;height:100%;flex:1;min-height:0;position:relative;background:var(--background);display:flex;align-items:center;justify-content:center}.gallery-inline-image{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:cover;display:block}.gallery-inline-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gallery-spinner-small{border:.125rem solid rgba(77,42,15,.1);border-top:.125rem solid var(--accent);border-radius:50%;width:1.5rem;height:1.5rem;animation:spin 1s linear infinite;margin:0 auto .75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-loading-text{font-size:.75rem;color:var(--text-secondary)}.gallery-inline-viewer-placeholder{position:absolute;inset:0;border-radius:var(--gallery-inline-placeholder-radius);background:var(--gallery-inline-placeholder-bg);border:1px dashed var(--gallery-inline-placeholder-border);color:var(--gallery-inline-placeholder-color);display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.04em;line-height:1.4;pointer-events:none;opacity:0;transform:translateY(12px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 60px #00000029;transition:opacity .25s ease,transform .25s ease;z-index:2}.gallery-inline-viewer[data-placeholder-kind] .gallery-inline-viewer-placeholder{opacity:1;transform:translateY(0);animation:viewerPlaceholderPulse 1.8s ease-in-out infinite}.gallery-inline-error{text-align:center;padding:1rem;color:var(--text-secondary)}.gallery-inline-error .gallery-error-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.5}.gallery-inline-error .gallery-error-message{font-size:.75rem}.gallery-inline-html,.gallery-html-snippet,.gallery-inline-viewer-content .viewer-html-snippet,.inline-viewer .viewer-html-snippet,.inline-html-snippet{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;line-height:1.6}.gallery-inline-html h1,.gallery-inline-html h2,.gallery-inline-html h3,.gallery-inline-html h4,.gallery-html-snippet h1,.gallery-html-snippet h2,.gallery-html-snippet h3,.gallery-html-snippet h4,.gallery-inline-viewer-content .viewer-html-snippet h1,.gallery-inline-viewer-content .viewer-html-snippet h2,.gallery-inline-viewer-content .viewer-html-snippet h3,.gallery-inline-viewer-content .viewer-html-snippet h4,.inline-viewer .viewer-html-snippet h1,.inline-viewer .viewer-html-snippet h2,.inline-viewer .viewer-html-snippet h3,.inline-viewer .viewer-html-snippet h4,.inline-html-snippet h1,.inline-html-snippet h2,.inline-html-snippet h3,.inline-html-snippet h4{color:var(--text-primary);margin-bottom:.75rem}.gallery-inline-html p,.gallery-html-snippet p,.gallery-inline-viewer-content .viewer-html-snippet p,.inline-viewer .viewer-html-snippet p,.inline-html-snippet p{color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.gallery-inline-html ul,.gallery-inline-html ol,.gallery-html-snippet ul,.gallery-html-snippet ol,.gallery-inline-viewer-content .viewer-html-snippet ul,.gallery-inline-viewer-content .viewer-html-snippet ol,.inline-viewer .viewer-html-snippet ul,.inline-viewer .viewer-html-snippet ol,.inline-html-snippet ul,.inline-html-snippet ol{margin-bottom:1rem}.gallery-inline-html li,.gallery-html-snippet li,.gallery-inline-viewer-content .viewer-html-snippet li,.inline-viewer .viewer-html-snippet li,.inline-html-snippet li{margin-bottom:.5rem}.gallery-html-snippet-inner,.gallery-inline-viewer-content .viewer-html-snippet>*,.inline-html-snippet-inner,.inline-html-snippet>*{width:100%;height:auto}.gallery-viewer-metadata{z-index:10;pointer-events:auto;flex-shrink:0}.gallery-viewer-metadata:empty{display:none}.gallery-info-area{background:var(--surface);padding:1.5rem}@media(max-width:47.9375em){.gallery-info-area{padding:.7rem 1rem}}.gallery-info-area{display:flex;gap:1.5rem;align-items:flex-end;box-shadow:-.125rem .75rem #00000014}@media(min-width:64em){.gallery-info-area{padding:1.5rem;gap:1.5rem}}.gallery-info-left{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem}@media(max-width:47.9375em){.gallery-info-left{gap:.2rem}}.gallery-info-right{flex-shrink:0;display:flex;align-items:flex-end}.gallery-viewer-title{font-size:.75rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(min-width:48em){.gallery-viewer-title{font-size:1.25rem}}.gallery-viewer-description{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(min-width:64em){.gallery-viewer-description{font-size:1rem}}.gallery-viewer-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.gallery-viewer-tag{display:inline-flex;align-items:center;padding:.375rem .75rem}@media(max-width:47.9375em){.gallery-viewer-tag{padding:.2rem .6rem}}.gallery-viewer-tag{border:.0625rem solid var(--border);border-radius:2rem;font-size:.65rem;font-weight:600;color:var(--primary-color);white-space:nowrap;cursor:default;pointer-events:none}@media(min-width:64em){.gallery-viewer-tag{font-size:.65rem;padding:.625rem 1.125rem}}.gallery-viewer-actions{display:flex;flex-direction:column;gap:.75rem}@media(min-width:64em){.gallery-viewer-actions{flex-direction:row;gap:1rem}}.gallery-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;background:var(--tile-bg);border:.125rem solid var(--tile-border);border-radius:1.25rem;font-size:.75rem;font-weight:700;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 .0625rem .125rem #0000000d}.gallery-action-btn:hover{background:var(--tile-hover-bg);border-color:var(--accent);transform:translateY(-.125rem);box-shadow:0 .125rem .25rem #0000001f}.gallery-action-btn:active{transform:translateY(0);box-shadow:0 .0625rem .125rem #00000014}.gallery-action-btn.gallery-action-external{border-style:dashed}.gallery-action-btn.gallery-action-download{background:var(--accent);color:var(--background);border-color:var(--accent)}.gallery-action-btn.gallery-action-download:hover{filter:brightness(1.1)}@media(min-width:64em){.gallery-action-btn{font-size:1rem;padding:.75rem 1.5rem}}.gallery-action-icon{width:1rem;height:1rem;flex-shrink:0;opacity:.8}@media(min-width:64em){.gallery-action-icon{width:1.125rem;height:1.125rem}}.gallery-action-label{line-height:1}@media(max-width:47.9375em){.gallery-info-area{flex-direction:column;align-items:start;gap:.2rem}.gallery-info-right{width:100%}.gallery-viewer-actions{flex-direction:row;width:100%}.gallery-viewer-actions .gallery-action-btn{flex:1}}.breadcrumb{display:flex;align-items:center;flex-wrap:nowrap;gap:.25rem;overflow:hidden;min-width:0;-webkit-user-select:none;user-select:none}.breadcrumb *{-webkit-user-select:none;user-select:none}.breadcrumb-overflow{justify-content:flex-start}.breadcrumb-ellipsis-only{font-size:1.25rem;font-weight:600;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s}.breadcrumb-ellipsis-only:hover{background:#ffffff1a}.breadcrumb-item{font-size:1rem;color:var(--text-primary);white-space:nowrap;transition:opacity .2s;font-weight:600;padding:0}.breadcrumb-item-enter{animation:breadcrumbEnter var(--breadcrumb-enter-duration, .4s) cubic-bezier(.4,0,.2,1) both;animation-delay:var(--breadcrumb-animation-delay, 0s)}.breadcrumb-separator-enter{animation:breadcrumbSeparatorEnter var(--breadcrumb-enter-duration, .4s) cubic-bezier(.4,0,.2,1) both;animation-delay:var(--breadcrumb-animation-delay, 0s)}.breadcrumb-item-exit{animation:breadcrumbExit var(--breadcrumb-exit-duration, .3s) cubic-bezier(.4,0,.2,1) both}.breadcrumb-separator.breadcrumb-item-exit{animation:breadcrumbSeparatorExit var(--breadcrumb-exit-duration, .3s) cubic-bezier(.4,0,.2,1) both}@keyframes breadcrumbEnter{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes breadcrumbSeparatorEnter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes breadcrumbExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes breadcrumbSeparatorExit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-10px)}}.breadcrumb-link{cursor:pointer;opacity:.75;transition:opacity .2s,background .2s;padding:0;border-radius:.75rem;display:inline-block}.breadcrumb-link:hover{opacity:1;background:#ffffff1a;text-decoration:none}.breadcrumb-item-active{font-size:1rem;font-weight:600;color:var(--text-primary);padding:0;opacity:1;transition:opacity .2s}.breadcrumb-separator{font-size:.75rem;color:var(--text-primary);-webkit-user-select:none;user-select:none;padding:0 4px}.breadcrumb-ellipsis{font-size:.75rem;color:#ffffffb3;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s}.breadcrumb-ellipsis:hover{background:#ffffff1a;color:#fff}.breadcrumb-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.breadcrumb-modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.75rem;max-width:37.5rem;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 .625rem 2.5rem #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.breadcrumb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:.0625rem solid rgba(255,255,255,.2)}.breadcrumb-modal-header h2{margin:0;color:#fff;font-size:1.25rem}.breadcrumb-modal-close{background:#fff3;border:none;color:#fff;font-size:1.75rem;width:2.25rem;height:2.25rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .2s;padding:0}.breadcrumb-modal-close:hover{background:#ffffff4d}.breadcrumb-modal-list{flex:1;overflow-y:auto;padding:1rem}.breadcrumb-modal-item{display:flex;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#ffffff1a;border-radius:.5rem;cursor:pointer;transition:all .2s;color:#fff}.breadcrumb-modal-item:hover{background:#fff3;transform:translate(.25rem)}.breadcrumb-modal-item:last-child{background:#ffffff26;cursor:default}.breadcrumb-modal-item:last-child:hover{transform:none}.breadcrumb-modal-indent{color:transparent}.breadcrumb-modal-icon{margin-right:.5rem;font-size:1.25rem}.breadcrumb-modal-title{font-size:1rem;font-weight:500}@media(max-width:48em){.breadcrumb-modal-content{max-width:100%;max-height:90vh}.breadcrumb-modal-item{padding:.5rem}}.intro-container{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--background);color:var(--text-primary)}.intro-logo{font-size:6rem;margin-bottom:1.5rem;filter:drop-shadow(.25rem .75rem rgba(77,42,15,.2));opacity:0;animation-fill-mode:forwards;animation-duration:.6s;animation-delay:0s;animation-timing-function:ease-out;animation-name:bounceIn;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55),float 3s ease-in-out .6s infinite}.intro-title{font-size:2.25rem;font-weight:800;text-align:center;margin-bottom:.75rem;text-shadow:0 .125rem .5rem rgba(77,42,15,.15);letter-spacing:.03125rem;opacity:0;animation-fill-mode:forwards;animation-duration:.4s;animation-delay:.2s;animation-timing-function:ease-out;animation-name:fadeInUp}.intro-subtitle{font-size:1.25rem;opacity:.85;text-align:center;font-weight:500;opacity:0;animation-fill-mode:forwards;animation-duration:.4s;animation-delay:.4s;animation-timing-function:ease-out;animation-name:fadeInUp}.intro-fullscreen-section{margin-top:1.5rem;max-width:480px;padding:1.5rem;border-radius:2rem;background:var(--surface-elevated);box-shadow:0 .5rem 1.5rem #00000024;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation-fill-mode:forwards;animation-duration:.4s;animation-delay:.6s;animation-timing-function:ease-out;animation-name:fadeInUp}.intro-fullscreen-text{font-size:1rem;margin-bottom:1rem}.intro-fullscreen-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}@media(min-width:48em){.intro-fullscreen-actions{flex-direction:row;justify-content:center}}.intro-fullscreen-enable,.intro-fullscreen-skip{padding:.75rem 1.5rem;border-radius:1.25rem;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out,color .15s ease-out}.intro-fullscreen-enable{background:var(--accent);color:var(--background);box-shadow:0 .125rem .25rem #00000040}.intro-fullscreen-enable:hover{transform:translateY(-1px);box-shadow:0 .5rem 1.5rem #0000004d}.intro-fullscreen-enable:active{transform:translateY(0);box-shadow:0 .0625rem .125rem #0003}.intro-fullscreen-skip{background:transparent;color:var(--text-secondary);box-shadow:inset 0 0 0 1px rgba(var(--text-secondary),.25)}.intro-fullscreen-skip:hover,.intro-fullscreen-skip:active{background:var(--surface)}.intro-fullscreen-note{font-size:.75rem;color:var(--text-secondary)}