*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent}::-webkit-scrollbar{block-size:6px;inline-size:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-rule);transition:background-color var(--dur-short) var(--ease-out);background-clip:padding-box;border:1px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-muted)}::-webkit-scrollbar-thumb:active{background-color:var(--color-ink)}::-webkit-scrollbar-corner{background:0 0}html,body,#adaptive-grid-demo{min-block-size:100%}html,body{overflow-x:clip}html{background:var(--color-paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-paper);min-inline-size:0;color:var(--color-ink);font-family:var(--font-body);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}a{text-decoration:none}button{white-space:nowrap}:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:var(--space-2xs)}.adaptive-demo{min-block-size:100dvh;padding:var(--space-lg) max(var(--space-md), env(safe-area-inset-right)) var(--space-2xl) max(var(--space-md), env(safe-area-inset-left));isolation:isolate;position:relative;overflow:clip}.adaptive-demo__relief{z-index:var(--z-base);opacity:.17;pointer-events:none;inline-size:min(38rem,72vw);margin:0;position:absolute;inset-block-start:0;inset-inline-end:-15rem}.adaptive-demo__relief img{filter:grayscale();mix-blend-mode:multiply;block-size:auto;inline-size:100%;display:block}html[data-theme=dark] .adaptive-demo__relief img{filter:grayscale()invert();mix-blend-mode:screen}.adaptive-demo__masthead,.adaptive-demo__collections{z-index:var(--z-raised);inline-size:min(100%, var(--content-max));margin-inline:auto;position:relative}.adaptive-demo__masthead{gap:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule);padding-block-end:var(--space-2xl);display:grid}.adaptive-demo__edition,.adaptive-demo__folio,.adaptive-demo__row-index,.adaptive-tile__tag,.adaptive-tile__count,.folder-tray__label,.folder-tray__count,.folder-tray__index{color:var(--color-muted);font-size:var(--text-xs);text-transform:uppercase;margin:0;font-weight:500}.adaptive-demo__title-group h1,.folder-tray h2{min-inline-size:0;font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-style:normal;font-weight:400}.adaptive-demo__title-group h1{font-size:var(--text-3xl);line-height:1}.adaptive-demo__title-group p{margin:var(--space-xs) 0 0;color:var(--color-ink-2)}.adaptive-demo__tools{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.adaptive-demo__theme{inline-size:var(--control-height);block-size:var(--control-height);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-2);cursor:pointer;place-items:center;padding:0;display:inline-grid}.adaptive-demo__collections{gap:var(--space-xl);padding-block-start:var(--space-xl);display:grid}.adaptive-demo__collection{grid-template-columns:var(--space-md) minmax(0, 1fr);gap:var(--space-sm);display:grid}.adaptive-demo__row-content{min-inline-size:0}.adaptive-demo__row-index{writing-mode:vertical-rl;padding-block-start:var(--space-xs);position:relative}.adaptive-demo__row-index:after{content:"";inline-size:var(--space-xl);border-block-start:var(--rule-hair) solid var(--color-accent);margin-block-start:var(--space-xs);display:block}.magnetic-row{gap:var(--space-xs);min-inline-size:0;display:grid}.adaptive-tile{min-block-size:9rem;min-inline-size:0;padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);background-color:var(--color-paper-2);background-image:linear-gradient(145deg, var(--color-paper-2), var(--color-paper));box-shadow:inset 0 0 0 var(--rule-hair) var(--color-paper);text-align:start;cursor:pointer;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden;container-type:inline-size}.adaptive-tile--folder{background-image:radial-gradient(color-mix(in oklch, var(--color-rule-2) 58%, transparent) 1px, transparent 1px), linear-gradient(145deg, var(--color-paper-2), var(--color-paper));background-position:0 0,0 0;background-size:16px 16px,auto}.adaptive-tile--folder:after{content:"";opacity:.11;pointer-events:none;block-size:4.4rem;inline-size:5.2rem;transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset-block-end:.45rem;inset-inline-end:.65rem}.adaptive-tile--folder:hover:after{opacity:.17;transform:scale(1.04)}.adaptive-tile--folder:before{content:"";inline-size:38%;block-size:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);border-block-end:0;position:absolute;inset-block-start:calc(var(--rule-hair) * -1);inset-inline-start:var(--space-md)}.adaptive-tile__folder-footer{justify-content:space-between;align-items:center;gap:var(--space-xs);inline-size:100%;margin-block-start:var(--space-xs);display:flex}.adaptive-tile__count{margin-inline-start:auto}.adaptive-tile__peek-stack{flex-shrink:0;align-items:center;display:inline-flex}.adaptive-tile__peek-icon{border-radius:var(--radius-xs);background:var(--color-paper-2);box-shadow:0 0 0 var(--rule-hair) var(--color-rule-2);transition:transform var(--dur-short) var(--ease-out);justify-content:center;align-items:center;padding:1.5px;display:inline-flex}.adaptive-tile__peek-icon+.adaptive-tile__peek-icon{margin-inline-start:-5px}.adaptive-tile:hover .adaptive-tile__peek-icon:nth-child(2){transform:translate(2px)}.adaptive-tile:hover .adaptive-tile__peek-icon:nth-child(3){transform:translate(4px)}.adaptive-tile__topline,.folder-tray__header,.folder-tray__link{align-items:center;display:flex}.adaptive-tile__topline{justify-content:space-between;gap:var(--space-sm)}.adaptive-tile__pin,.adaptive-tile--folder .adaptive-tile__topline>svg{color:var(--color-accent-text)}.adaptive-tile__body,.adaptive-tile__detail{min-inline-size:0;display:block}.adaptive-tile__title{align-items:center;gap:var(--space-xs);min-inline-size:0;font-family:var(--font-display);font-size:var(--text-xl);text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:400;line-height:1.1;display:flex;overflow:hidden}.adaptive-tile__title-text{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.adaptive-tile[data-pinned=true] .adaptive-tile__title{font-size:var(--text-2xl)}.adaptive-tile__detail{color:var(--color-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin-block-start:var(--space-xs);overflow:hidden}.adaptive-tile--expanded,.adaptive-tile--selected{border-color:var(--color-accent);background-color:var(--color-accent-soft);background-image:linear-gradient(145deg, var(--color-accent-soft), var(--color-paper-2));box-shadow:inset var(--rule-strong) 0 0 var(--color-accent)}.adaptive-tile--expanded .adaptive-tile__count,.adaptive-tile--selected .adaptive-tile__count{color:var(--color-accent-text)}.folder-tray{z-index:var(--z-raised);inline-size:min(38rem, calc(100% - var(--space-lg)));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent;max-block-size:min(70dvh,32rem);padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--color-paper-2) 82%, transparent);box-shadow:0 var(--space-xl) var(--space-3xl) color-mix(in oklch, var(--color-shadow) 26%, transparent);will-change:transform, opacity;position:relative;overflow-y:auto;transform:translateZ(0)}.folder-overlay{z-index:var(--z-modal);padding:var(--space-md);place-items:center;display:grid;position:fixed;inset:0;transform:translateZ(0)}.folder-overlay__backdrop{background:color-mix(in oklch, var(--color-overlay-base) 22%, transparent);cursor:default;-webkit-backdrop-filter:blur(16px)saturate(85%);will-change:opacity;border:0;block-size:100%;min-block-size:0;inline-size:100%;padding:0;display:block;position:absolute;inset:0;transform:translateZ(0)}.folder-tray__header{gap:var(--space-sm);grid-template-columns:minmax(0,1fr) auto auto;align-items:start;display:grid}.folder-tray h2,.folder-tray__title{align-items:center;gap:var(--space-xs);font-size:var(--text-xl);line-height:1.1;display:inline-flex}.folder-tray__title-icon{color:var(--color-accent);flex-shrink:0}.folder-tray__tools,.folder-tray__item-actions{align-items:center;gap:var(--space-3xs);display:flex}.folder-tray__tool,.folder-tray__close,.folder-tray__item-actions button{border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);cursor:pointer;background:0 0;place-items:center;block-size:2rem;min-block-size:0;inline-size:2rem;padding:0;display:inline-grid}.folder-tray__tool--danger,.folder-tray__item-actions button:last-child{color:var(--color-danger)}.folder-tray__links{grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-md);display:grid}.folder-tray__item{border-block-start:var(--rule-hair) solid var(--color-rule-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;min-inline-size:0;display:grid}.folder-tray__link{gap:var(--space-sm);min-inline-size:0;padding-block:var(--space-sm)}.folder-tray__link-copy{flex:1;min-inline-size:0;display:grid}.folder-tray__link-title,.folder-tray__link-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-tray__link-title{align-items:center;gap:var(--space-xs);min-inline-size:0;font-family:var(--font-display);font-size:var(--text-lg);display:flex}.folder-tray__link-title-text{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.folder-tray__link-detail{color:var(--color-muted);font-size:var(--text-xs)}.folder-tray__item-actions{padding-inline-start:var(--space-xs)}.folder-tray__item-actions button{border-color:#0000;block-size:1.75rem;inline-size:1.75rem}.folder-tray__empty{padding-block:var(--space-lg);color:var(--color-muted);text-align:center;grid-column:1/-1;margin:0}@container (width<=13rem){.adaptive-tile__detail{opacity:0}.adaptive-tile__title,.adaptive-tile[data-pinned=true] .adaptive-tile__title{font-size:var(--text-lg)}}.folder-tray-enter-active,.folder-tray-leave-active{transition:opacity var(--dur-medium) var(--ease-smooth)}.folder-tray-enter-active .folder-tray,.folder-tray-leave-active .folder-tray{transition:transform var(--dur-medium) var(--ease-smooth), opacity var(--dur-medium) var(--ease-smooth)}.folder-tray-enter-from,.folder-tray-leave-to{opacity:0}.folder-tray-enter-from .folder-tray,.folder-tray-leave-to .folder-tray{opacity:0;transform:translateY(10px)scale(.98)}@media (width<=39.99rem){.magnetic-row{grid-template-columns:minmax(0,1fr)!important}}@media (width>=40rem){.adaptive-demo{padding:var(--space-xl) clamp(var(--space-lg), 5vw, var(--space-3xl)) var(--space-3xl)}.adaptive-demo__masthead{grid-template-columns:minmax(0,7fr) minmax(10rem,3fr);align-items:end}.adaptive-demo__edition{grid-column:1/-1}.adaptive-demo__title-group{margin-inline-start:var(--space-index-offset)}.adaptive-demo__title-group h1{font-size:var(--text-4xl)}.adaptive-demo__tools{justify-content:flex-end}.magnetic-row,.adaptive-tile{min-block-size:13.5rem}.folder-tray__links{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-tray__item{padding-inline:var(--space-sm);border-inline-start:var(--rule-hair) solid var(--color-rule-2)}}@media (width>=60rem){.adaptive-demo{padding-block-start:var(--space-2xl)}.adaptive-demo__relief{opacity:.2;inline-size:min(38rem,38vw);inset-inline-end:-7rem}.adaptive-demo__collections{gap:var(--space-2xl);padding-block-start:var(--space-2xl)}.adaptive-demo__collection{grid-template-columns:var(--space-xl) minmax(0, 1fr);gap:var(--space-lg)}.adaptive-demo__collection:nth-child(2) .magnetic-row,.adaptive-demo__collection:nth-child(2) .adaptive-tile{min-block-size:11.5rem}}@media (hover:hover) and (pointer:fine){.adaptive-tile,.folder-tray__link,.folder-tray__tool,.folder-tray__item-actions button,.folder-tray__close,.adaptive-demo__theme{transition:border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);will-change:transform;transform:translateZ(0)}.adaptive-tile:hover,.folder-tray__tool:hover,.folder-tray__item-actions button:hover,.folder-tray__close:hover,.adaptive-demo__theme:hover{border-color:var(--color-accent)}.adaptive-tile:hover{transform:translateY(calc(var(--space-3xs) * -1.5));box-shadow:0 6px 18px -4px color-mix(in oklch, var(--color-shadow) 14%, transparent)}.folder-tray__link:hover{background:var(--color-paper-2);transform:translateX(var(--space-2xs))}}.adaptive-tile:active,.folder-tray__link:active,.folder-tray__tool:active,.folder-tray__item-actions button:active,.folder-tray__close:active{transition-duration:var(--dur-press);transform:scale(.976)translateY(1px)}.bookmark-favicon{vertical-align:middle;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.bookmark-favicon__image{object-fit:contain;block-size:100%;inline-size:100%;display:block}.bookmark-favicon__fallback{opacity:.65;block-size:100%;inline-size:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:var(--dur-micro)!important}}