@font-face{font-family:DM Sans Variable;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2")}@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2")}:root{color:#292b28;font-synthesis:none;--bg:#fff;--paper:#f8f8f6;--panel:#fff;--text:#292b28;--muted:#676d60;--faint:#6b7166;--border:#e9eae5;--strong-border:#d9dcd4;--accent:#e75c36;--accent-text:#a84d31;--accent-pale:#faeee8;--sage:#718978;--shadow:0 2px 3px #25301a03, 0 8px 28px #26322007;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--play-state:running;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-title:1.125rem;--text-subheading:1.5rem;--sidebar-width:18rem;background:#fff;font-family:DM Sans Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:100%}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:14px}.app-main,.sidebar,.mobile-sidebar,.app-command{font-size:var(--text-base);line-height:1.5}.playground,.card-preview{font-size:14px;line-height:normal}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background-color .16s ease, color .16s ease, transform .16s var(--ease-out)}button:active:not(:disabled){transform:scale(.97)}input,textarea{min-width:0;color:inherit}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=range]{accent-color:var(--accent)}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#ed5b352e}small{font-size:11px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;background:var(--text);color:var(--bg);border-radius:8px;padding:12px 20px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:12px}.sidebar{width:var(--sidebar-width);background:var(--paper);border-right:1px solid var(--border);z-index:40;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{padding:32px 25px 23px}.brand{letter-spacing:-1.3px;align-items:center;gap:9px;width:max-content;font-family:Manrope Variable,sans-serif;font-size:1.75rem;font-weight:800;display:flex}.brand-mark{flex-shrink:0;grid-template-rows:repeat(3,8px);grid-template-columns:repeat(3,8px);gap:3px;width:30px;height:30px;display:grid}.brand-lattice-cell{background:var(--accent);opacity:.4;animation:brand-lattice-pulse 3.6s var(--ease-in-out) infinite;border-radius:2px}.brand-lattice-cell[data-hole]{opacity:.12;animation:none}@keyframes brand-lattice-pulse{0%,65%,to{opacity:.25}25%,40%{opacity:1}}[data-reduced=true] .brand-lattice-cell{animation:none}@media (prefers-reduced-motion:reduce){.brand-lattice-cell{animation:none}}.brand-light{font-weight:450}.brand-dot{color:var(--accent)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--strong-border) transparent;flex:1;min-height:0;padding:0 14px 24px;overflow:auto}.sidebar-nav-content{isolation:isolate;position:relative}.nav-highlight{z-index:-1;pointer-events:none;transition:clip-path .16s var(--ease-in-out), opacity .12s ease;position:absolute;inset:0}.nav-highlight-active{background:var(--accent-pale);transition-duration:.2s,.12s}.nav-highlight-hover{background:var(--border)}.sidebar-nav-content[data-instant] .nav-highlight,.nav-highlight[data-initial]{transition:none}@media (prefers-reduced-motion:reduce){.nav-highlight{transition:none}}@media (hover:none),(pointer:coarse){.nav-highlight-hover{display:none}}.nav-item{min-height:44px;font-size:var(--text-base);color:var(--muted);border-radius:6px;align-items:center;gap:11px;margin-bottom:3px;padding:8px 12px;display:flex}.nav-item>span:nth-child(2){flex:1}.nav-item.active,.nav-category-row.active{color:var(--text);font-weight:550}.nav-item.active svg{color:var(--accent)}.nav-count{font-size:var(--text-sm);color:var(--muted);font-weight:500}.new-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:3px}.nav-label{font-size:var(--text-xs);letter-spacing:1.2px;color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:30px 12px 12px;font-weight:600;display:flex}.nav-label>span:last-child{font-size:var(--text-xs);letter-spacing:.5px;color:var(--faint)}.nav-category-row{color:#6c7067;border-radius:6px;align-items:center;min-height:38px;margin:2px 0;display:flex}.nav-category-row>a{font-size:var(--text-base);flex:1;align-items:center;gap:11px;min-width:0;min-height:44px;padding:9px 0 9px 12px;display:flex}.nav-category-row>button{color:#91968b;flex-shrink:0;place-items:center;width:30px;height:34px;display:grid}.nav-category-row>button svg{transition:transform .16s var(--ease-out)}.nav-children{border-left:1px solid var(--strong-border);margin:3px 0 6px 19px;padding-left:12px}.nav-children>a{font-size:var(--text-sm);color:var(--muted);border-radius:4px;justify-content:space-between;align-items:center;min-height:29px;padding:6px 9px;display:flex}.nav-children>a span{background:var(--accent);border-radius:50%;width:4px;height:4px}.notebook-label{padding-top:25px}.sidebar-bottom{background:var(--paper);padding:17px 22px 12px}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.sidebar-footer>span{font-size:var(--text-xs);letter-spacing:.7px;color:var(--faint)}.sidebar-footer>span>span{margin:0 4px}.sidebar-footer button{width:28px;height:28px;color:var(--muted);place-items:center;display:grid}.app-main{margin-left:var(--sidebar-width)}.topbar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;height:auto;min-height:65px;padding:14px 40px;display:flex}.topbar-breadcrumb{font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;display:flex}.topbar-breadcrumb>span:last-child{color:var(--text)}.topbar-breadcrumb>svg{color:#b5b9ad}.topbar-actions{font-size:var(--text-sm);color:var(--muted);flex-shrink:0;align-items:center;gap:22px;display:flex}.topbar-actions a{color:var(--text);border-left:1px solid var(--border);align-items:center;gap:7px;padding-left:22px;display:flex}.live-label{align-items:center;gap:7px;display:flex}.live-label>span{background:#82a681;border-radius:50%;width:5px;height:5px}.topbar-search{place-items:center;width:25px;height:25px;display:grid}.mobile-toggle{display:none}main{min-height:calc(100vh - 130px)}main:focus{outline:none}.catalog-page,.detail-page,.research-page,.foundations-page{max-width:1400px;margin:0 auto;padding:42px 40px 0}.page-intro{margin-bottom:30px}.eyebrow{font-size:var(--text-xs);letter-spacing:1.6px;color:var(--muted);align-items:center;gap:8px;font-weight:550;display:flex}.eyebrow>span:first-child:not(.eyebrow-line){background:var(--accent);border-radius:50%;width:4px;height:4px}.page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-intro h1{letter-spacing:-1.7px;margin:13px 0 11px;font-family:Manrope Variable,sans-serif;font-size:2.375rem;font-weight:550;line-height:1.3}.page-intro p{font-size:var(--text-base);color:var(--muted);line-height:1.65}.catalog-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;height:auto;min-height:60px;display:flex}.collection-tabs{align-items:stretch;gap:23px;height:auto;min-height:44px;display:flex}.collection-tabs button{font-size:var(--text-sm);color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:7px;min-height:44px;padding:10px 0;display:flex;position:relative;top:1px}.collection-tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:550}.collection-tabs button>span{font-size:var(--text-xs);background:var(--paper);color:var(--muted);border-radius:4px;padding:2px 5px}.catalog-search{border:1px solid var(--border);color:var(--faint);border-radius:6px;flex:auto;align-items:center;gap:8px;min-width:0;height:auto;min-height:44px;padding:8px 10px;display:flex}.catalog-search input{font-size:var(--text-base);background:0 0;border:0;outline:none;width:100%;min-width:0}.catalog-search button{padding:0;display:flex}.catalog-meta{font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:18px 0;display:flex}.catalog-meta>span>span:last-child{color:var(--faint)}.meta-divider{color:var(--faint);margin:0 10px}.sort-trigger{border:1px solid var(--strong-border);background:var(--panel);max-width:100%;min-height:42px;color:var(--muted);font-size:var(--text-sm);border-radius:10px;align-items:center;gap:9px;padding:9px 12px;transition:border-color .16s,background-color .16s;display:inline-flex;box-shadow:0 1px 2px #25301a05}.sort-label{color:var(--muted)}.sort-value{color:var(--text);font-weight:550}.sort-chevron{margin-left:3px;display:flex}.sort-trigger[data-popup-open]{border-color:var(--accent);background:var(--accent-pale)}.sort-trigger[data-popup-open] .sort-chevron{transform:rotate(180deg)}.sort-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){.sort-trigger:hover{border-color:var(--accent)}}.sort-positioner{z-index:150}.sort-popup{width:18rem;max-width:var(--available-width);max-height:var(--available-height);border:1px solid var(--strong-border);background:var(--panel);color:var(--text);border-radius:14px;padding:6px;overflow-y:auto;box-shadow:0 4px 8px #25301a08,0 16px 48px #25301a1a}.sort-option{font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9px;outline:none;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:11px 10px;line-height:1.5;display:grid}.sort-option-icon{border:1px solid var(--border);background:var(--paper);width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.sort-option-copy{gap:2px;font-weight:550;display:grid}.sort-description{font-size:var(--text-xs);color:var(--muted);font-weight:400}.sort-check{color:var(--accent-text);grid-column:3;display:flex}.sort-option[data-selected]{background:var(--accent-pale)}.sort-option[data-selected] .sort-option-icon{color:var(--accent-text);background:var(--panel);border-color:#0000}.sort-option[data-highlighted]{box-shadow:inset 0 0 0 1px var(--strong-border);background:var(--paper)}.sort-option[data-highlighted][data-selected]{background:var(--accent-pale)}.pattern-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:24px 20px;display:grid}.pattern-card{min-width:0;position:relative}.card-preview{background:var(--paper);border:1px solid var(--border);isolation:isolate;border-radius:8px;place-items:center;height:215px;display:grid;position:relative;overflow:hidden}.preview-interact{color:var(--muted);z-index:5;opacity:0;align-items:center;gap:4px;font-size:7px;transition:opacity .16s;display:flex;position:absolute;top:10px;left:11px}.card-preview:hover .preview-interact,.card-preview:focus-within .preview-interact{opacity:1}.thumbnail-stage{transform-origin:50%;flex-shrink:0;justify-content:center;align-items:center;width:440px;min-height:300px;display:flex;position:absolute;transform:scale(.65)}.thumbnail-stage .demo-stack{width:100%}.thumbnail-stage .demo-hint,.thumbnail-stage .shader-controls{display:none}.thumbnail-stage .mesh-demo{width:460px}.thumbnail-stage .shader-window{border-radius:0;height:345px}.thumbnail-stage .shader-label strong{font-size:74px}.thumbnail-stage .shader-label small,.thumbnail-stage .shader-corner{display:none}.thumbnail-stage .thinking-orb{width:155px;height:155px}.thumbnail-stage .orb-caption{margin-top:0;font-size:12px}.thumbnail-stage .small-segments{font-size:10px}.thumbnail-stage .notification-pile{width:360px}.thumbnail-stage .preview-error{transform:scale(1.4)}.pattern-card-info{min-width:0;padding:14px 2px 0}.pattern-card-top{justify-content:space-between;align-items:center;gap:7px;display:flex}.pattern-card-top>a{flex-wrap:wrap;flex:1;align-items:center;gap:6px 7px;min-width:0;display:flex}.pattern-card h2{font-size:var(--text-title);letter-spacing:-.1px;font-weight:550}.new-label{font-size:var(--text-xs);letter-spacing:.5px;background:var(--accent-pale);color:#9e472c;border-radius:3px;padding:3px 4px;line-height:1}.card-open-arrow{color:var(--faint);opacity:0;margin-left:auto;transition:opacity .16s}.pattern-card:hover .card-open-arrow{opacity:1}.save-button{color:#a1a59a;border-radius:4px;place-items:center;width:24px;height:25px;padding:0;display:grid}.save-button.saved{color:var(--accent)}.pattern-card-info p{font-size:var(--text-base);color:var(--muted);white-space:normal;margin-top:4px;line-height:1.5}.card-category{font-size:var(--text-xs);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:11px;display:flex}.card-tech{font-size:var(--text-xs);background:var(--paper);border:1px solid var(--border);border-radius:3px;padding:2px 5px}.preview-thinking-orb{background:#f1eff7}.preview-tilt-card{background:#eaece4}.preview-rolling-numbers{background:#f7f2e9}.preview-magnetic-dock{background:#eef0ef}.preview-morphing-modal{background:#f5f2ee}.preview-chart-scrubber{background:#f1f4ef}.preview-placeholder{color:var(--strong-border);place-items:center;height:100%;display:grid}.site-footer{border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:23px 40px;display:flex}.site-footer>span:first-child{color:var(--muted);font-weight:600}.site-footer>span>span{color:var(--faint);margin-left:8px;font-weight:400}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:18px;padding:80px 20px;display:flex}.empty-state h1,.empty-state h2{letter-spacing:-1px;color:var(--text);font-family:Manrope Variable,sans-serif;font-weight:500}.empty-state p{font-size:var(--text-base);line-height:1.6}.primary-button,.secondary-button{font-size:var(--text-sm);border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:500;display:inline-flex}.primary-button{background:var(--text);color:var(--bg)}.secondary-button{background:var(--panel);border:1px solid var(--border)}.secondary-button.is-saved{color:var(--accent);background:var(--accent-pale);border-color:#0000}.back-link{font-size:var(--text-sm);color:var(--muted);align-items:center;gap:7px;display:inline-flex}.detail-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:29px 0 32px;display:flex}.detail-title .eyebrow{font-size:var(--text-xs);letter-spacing:1.3px}.eyebrow-line{background:var(--strong-border);width:16px;height:1px;margin:0 2px}.detail-title h1{letter-spacing:-2px;margin:11px 0;font-family:Manrope Variable,sans-serif;font-size:2.875rem;font-weight:500;line-height:1.25}.title-period{color:var(--accent)}.detail-title p{font-size:var(--text-base);color:var(--muted);line-height:1.6}.detail-title>.secondary-button{flex-shrink:0;align-self:center}.playground{border:1px solid var(--strong-border);background:var(--panel);border-radius:10px;overflow:hidden}.playground-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:53px;padding:0 18px;display:flex}.playground-tabs{gap:22px;height:100%;display:flex}.playground-tabs>button{color:var(--muted);border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 2px;font-size:11px;display:flex;position:relative;top:1px}.playground-tabs>button.active{border-color:var(--accent);color:var(--text)}.playground-actions{align-items:center;gap:6px;display:flex}.playground-actions>button{min-width:28px;height:28px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:5px;font-size:10px;display:flex}.playground-actions>button.active{background:var(--paper);color:var(--accent)}.playground-actions>span{background:var(--border);width:1px;height:14px;margin:0 6px}.viewport-icon{border:1px solid;border-radius:2px;width:12px;height:16px;display:inline-block}.demo-canvas{background:var(--paper);isolation:isolate;justify-content:center;align-items:center;height:560px;padding:50px 30px;display:flex;position:relative}.canvas-grid{background-image:radial-gradient(var(--strong-border) .65px, transparent .65px);opacity:.5;z-index:-1;background-size:16px 16px;position:absolute;inset:0}.demo-viewport{scrollbar-gutter:stable both-edges;justify-content:center;align-items:safe center;width:100%;min-width:0;max-width:680px;height:100%;min-height:0;display:flex;overflow:auto}.demo-viewport>*{flex-shrink:0}.demo-viewport.compact{border:1px solid var(--strong-border);background:var(--paper);max-width:360px;box-shadow:var(--shadow);border-radius:22px;padding:20px 14px}.canvas-index,.canvas-live{letter-spacing:1px;color:var(--faint);font-size:7px;position:absolute;bottom:17px}.canvas-index{left:19px}.canvas-live{align-items:center;gap:6px;display:flex;right:19px}.canvas-live>span{background:var(--sage);border-radius:50%;width:4px;height:4px}.playground-bottom{border-top:1px solid var(--border);color:var(--muted);background:var(--panel);justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;font-size:10px;display:flex}.playground-bottom>span{align-items:center;gap:9px;line-height:1.5;display:flex}.playground-bottom>button{white-space:nowrap;color:var(--faint);align-items:center;gap:7px;font-size:9px;display:flex}.detail-under{flex-wrap:wrap;gap:32px 40px;margin:36px 0 40px;display:flex}.pattern-notes>.eyebrow{font-size:var(--text-xs)}.pattern-notes h2{font-family:Manrope Variable,sans-serif;font-size:var(--text-subheading);letter-spacing:-.5px;margin:12px 0;font-weight:500}.pattern-notes p{font-size:var(--text-base);color:var(--muted);line-height:1.65}.pattern-notes h3{font-size:var(--text-base);margin-top:24px;margin-bottom:7px;font-weight:600}.source-credit{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px;padding-top:20px;display:flex}.source-link-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.source-link-label{font-size:var(--text-xs);color:var(--muted)}.source-link strong{font-size:var(--text-base);font-weight:600}.source-link{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-pale);min-width:0;max-width:100%;color:var(--accent-text);overflow-wrap:anywhere;border-radius:9px;flex:16rem;align-items:center;gap:12px;padding:14px 16px;transition:background-color .16s,border-color .16s;display:flex}.source-link>svg:last-child{margin-left:auto}.original-study{font-size:var(--text-xs);color:var(--faint);max-width:none;margin-left:auto}.motion-settings{border:1px solid var(--border);border-radius:8px;flex:18rem;min-width:0;height:max-content;padding:20px}.motion-settings h3{font-size:var(--text-base);align-items:center;gap:8px;margin-bottom:20px;font-weight:550;display:flex}.setting-row{font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:15px;margin:16px 0;display:flex}.setting-row small{font-size:var(--text-xs);color:var(--faint);margin-top:5px;display:block}.setting-row select{font-size:var(--text-sm);background:var(--paper);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:5px}.mini-switch{background:var(--strong-border);border-radius:20px;flex-shrink:0;width:31px;height:19px;padding:3px;position:relative}.mini-switch span{width:13px;height:13px;transition:transform .18s var(--ease-out);background:#fff;border-radius:50%;display:block;box-shadow:0 1px 3px #0002}.mini-switch.on{background:var(--sage)}.mini-switch.on span{transform:translate(12px)}.tech-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:22px;padding-top:16px;display:flex}.tech-tags span{font-size:var(--text-xs);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:4px 6px}.pattern-pagination{border-top:1px solid var(--border);justify-content:space-between;gap:30px;margin-top:25px;padding:24px 0 35px;display:flex}.pattern-pagination>a{font-size:var(--text-sm);flex:1;align-items:center;gap:14px;min-width:0;display:flex}.pattern-pagination>a:last-child{text-align:right}.pattern-pagination small{font-size:var(--text-xs);letter-spacing:1px;color:var(--faint);margin-bottom:6px;display:block}.pattern-pagination svg{color:var(--muted)}.source-view{color:#d3d9cc;background:#242722}.source-file-header{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex}.source-file-header>strong{font:500 var(--text-sm) monospace;overflow-wrap:anywhere}.source-file-header>span{font-size:var(--text-xs);color:#b4bfaa;margin-left:auto}.source-setup{font-size:var(--text-sm);color:#c5cebd;gap:20px;padding:24px;line-height:1.6;display:grid}.source-step{min-width:0}.source-step h3{font-size:var(--text-base);color:#edf3e6;margin-bottom:8px;font-weight:500}.source-step p code{overflow-wrap:anywhere;color:#edf3e6}.source-command{background:#1b1e19;border:1px solid #ffffff18;border-radius:6px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.source-command code{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;font-size:var(--text-sm);flex:1}.source-command button{color:#edf3e6;border:1px solid #ffffff25;border-radius:4px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.source-view pre{tab-size:2;max-height:600px;margin:0;padding:25px;font-size:11px;line-height:1.85;overflow:auto}.preview-error{justify-items:center;gap:10px;font-size:11px;display:grid}.preview-error button{text-decoration:underline}.research-page,.foundations-page{padding-bottom:45px}.research-summary{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));margin:35px 0;padding:24px 0;display:grid}.research-summary>div{border-right:1px solid var(--border);flex-direction:column;gap:7px;min-width:0;padding-left:24px;display:flex}.research-summary>div:first-child{padding-left:0}.research-summary>div:last-child{border:0}.research-summary strong{letter-spacing:-1px;font-family:Manrope Variable,sans-serif;font-size:2rem;font-weight:500}.research-summary span{font-size:var(--text-sm);color:var(--muted);line-height:1.7}.research-summary span b{font-size:var(--text-xs);font-weight:400}.research-summary svg{color:var(--sage);margin-bottom:8px}.research-intro{max-width:760px;margin:0 0 35px}.research-intro h2{font-family:Manrope Variable,sans-serif;font-size:var(--text-subheading);letter-spacing:-.4px;margin-bottom:14px;font-weight:500}.research-intro p{font-size:var(--text-base);color:var(--muted);margin-bottom:13px;line-height:1.65}.research-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding-bottom:17px;display:flex}.filter-pills{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.filter-pills button{font-size:var(--text-sm);color:var(--muted);border-radius:5px;padding:7px 10px}.filter-pills button.active{background:var(--paper);color:var(--text)}.research-row{border-bottom:1px solid var(--border);gap:20px;padding:16px 0;display:flex}.research-number{font:var(--text-xs) monospace;color:var(--faint);flex-shrink:0;width:2ch;padding-top:3px}.research-row>div{flex:1;min-width:0}.research-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.research-title>a{font-size:var(--text-title);overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;font-weight:500;display:flex}.research-title svg{color:var(--faint)}.research-status{font-size:var(--text-xs);background:var(--paper);color:var(--muted);border-radius:3px;padding:3px 6px}.status-reviewed{color:#52745b;background:#edf3ec}.status-moved{color:#796530;background:#f6f2e7}.status-excluded{color:#934b3b;background:#f9efeb}.research-row p{font-size:var(--text-base);color:var(--muted);max-width:820px;margin-top:6px;line-height:1.65}.research-row small{font-size:var(--text-xs);color:var(--faint);margin-top:6px;display:block}.research-row small span{margin:0 5px}.foundation-principles{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:30px;margin:45px 0;display:grid}.foundation-principles section>span{font:var(--text-sm) monospace;color:var(--accent-text)}.foundation-principles h2{letter-spacing:-.3px;margin:20px 0 12px;font-size:1.25rem;font-weight:500}.foundation-principles p{font-size:var(--text-base);color:var(--muted);line-height:1.65}.foundation-section{border-top:1px solid var(--border);padding:32px 0}.foundation-section h2{font-size:var(--text-subheading);letter-spacing:-.5px;margin-bottom:10px;font-weight:500}.foundation-section>p,.foundation-section>div>p{font-size:var(--text-base);color:var(--muted);line-height:1.7}.foundation-colors{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:14px;margin-top:25px;display:grid}.foundation-colors button{text-align:left;padding:0}.foundation-colors button>span{border:1px solid var(--border);border-radius:6px;height:80px;margin-bottom:9px;display:block}.foundation-colors strong{font-size:var(--text-base);font-weight:500;display:block}.foundation-colors code{font-size:var(--text-xs);color:var(--muted);margin-top:5px;display:block}.motion-token-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:20px;margin-top:25px;display:grid}.motion-token-grid>div{border:1px solid var(--border);border-radius:7px;padding:20px}.motion-token-grid small{font-size:var(--text-sm);color:var(--muted)}.motion-token-grid strong{margin-top:15px;font-size:1.0625rem;font-weight:450;display:block}.motion-token-grid p{font-size:var(--text-base);color:var(--muted);margin-top:8px;line-height:1.65}.easing-token{font-size:var(--text-sm);background:var(--paper);color:var(--muted);white-space:normal;overflow-wrap:anywhere;border-radius:5px;margin-top:20px;padding:15px;display:block}.reduced-preference{justify-content:space-between;align-items:center;gap:30px;display:flex}[data-theme=dark]{--bg:#191b18;--paper:#1f221e;--panel:#262925;--text:#e1e5db;--muted:#a1a99a;--faint:#99a28f;--border:#32372f;--strong-border:#464d41;--accent:#f38d6a;--accent-text:#f38d6a;--accent-pale:#3c2c25;--sage:#95b29b;--shadow:0 8px 28px #0002;color:var(--text);background:var(--bg)}[data-theme=dark] .nav-item,[data-theme=dark] .nav-category-row{color:var(--muted)}[data-theme=dark] .new-label{color:var(--accent)}[data-theme=dark] .nav-item.active,[data-theme=dark] .nav-category-row.active{color:var(--text)}[data-theme=dark] .preview-magnetic-dock,[data-theme=dark] .preview-tilt-card,[data-theme=dark] .preview-chart-scrubber{background:#283029}[data-theme=dark] .preview-thinking-orb{background:#292836}[data-theme=dark] .preview-rolling-numbers,[data-theme=dark] .preview-morphing-modal{background:#312e27}[data-theme=dark] .status-reviewed{color:#b1c7a8;background:#2b392b}[data-theme=dark] .status-moved{color:#cbb781;background:#373224}[data-theme=dark] .status-excluded{color:#d5a090;background:#402d26}@media (hover:hover) and (pointer:fine){.nav-item:hover,.nav-category-row:hover,.nav-children>a:hover{color:var(--text)}.save-button:hover{background:var(--accent-pale);color:var(--accent)}.pattern-card-top>a:hover h2{color:var(--accent-text)}.playground-actions button:hover,.topbar-search:hover{background:var(--paper)}.secondary-button:hover{border-color:var(--strong-border)}.filter-pills button:hover{background:var(--paper)}.back-link:hover{color:var(--accent-text)}.source-link:hover{background:var(--panel);border-color:var(--accent-text)}}@media (width>=1600px){.catalog-page,.detail-page,.research-page,.foundations-page{padding-left:55px;padding-right:55px}.pattern-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.card-preview{height:260px}.thumbnail-stage{transform:scale(.8)}}@media (width<=1200px){.sidebar{width:var(--sidebar-width)}.app-main{margin-left:var(--sidebar-width)}.sidebar-top{padding-left:22px}.catalog-page,.detail-page,.research-page,.foundations-page{padding:32px 28px 0}.research-page,.foundations-page{padding-bottom:35px}.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:65px;padding:14px 28px}.pattern-grid{gap:22px 16px}.card-preview{height:190px}.thumbnail-stage{transform:scale(.55)}.page-intro h1{font-size:2.0625rem}.detail-under{grid-template-columns:1fr 245px;gap:30px}.topbar-actions{gap:15px}.live-label{display:none}.pattern-card-info p{font-size:var(--text-base)}.pattern-card h2{font-size:var(--text-title)}.catalog-search input{width:100%;min-width:0}.collection-tabs{gap:16px;height:auto;min-height:44px}.catalog-meta>span>span:last-child,.meta-divider{display:none}}@media (width<=1000px){.pattern-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.card-preview{height:218px}.thumbnail-stage{transform:scale(.65)}.detail-under{grid-template-columns:1fr}.motion-settings{max-width:none}.catalog-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;height:auto;min-height:60px}.collection-tabs button{font-size:var(--text-sm)}.catalog-search input{width:100%;min-width:0}.research-toolbar{flex-direction:column}.research-toolbar .catalog-search input{width:100%}.foundation-principles{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:20px}.motion-token-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.foundation-colors{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}.topbar-pattern{display:none}.detail-title h1{font-size:2.25rem}.detail-title .secondary-button{width:33px;height:33px;padding:8px;font-size:0}.detail-title .secondary-button svg{width:17px}.research-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:24px}.research-summary>div:nth-child(3){padding-left:0}.research-summary>div:nth-child(2){border:0}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:65px;padding:14px 21px}.topbar-breadcrumb{font-size:var(--text-sm);gap:10px}.topbar-actions a{font-size:var(--text-sm);padding-left:13px}.topbar-actions{gap:10px}.topbar-search{width:20px}.catalog-page,.detail-page,.research-page,.foundations-page{padding:29px 21px 0}.page-intro h1{letter-spacing:-1.3px;font-size:2rem}.page-intro p{font-size:var(--text-base);max-width:480px;line-height:1.65}.page-intro{margin-bottom:25px}.card-preview{height:210px}.thumbnail-stage{transform:scale(.62)}.catalog-search input{width:100%;min-width:0}.collection-tabs button,.catalog-meta{font-size:var(--text-sm)}.pattern-card h2{font-size:var(--text-title)}.pattern-card-info p{font-size:var(--text-base)}.site-footer{font-size:var(--text-xs);gap:15px;padding:20px 21px}.detail-title{margin:25px 0}.detail-title h1{font-size:2.4375rem}.detail-title p{font-size:var(--text-base)}.demo-canvas{padding:45px 18px}.playground-bottom>button>span{display:none}.playground-bottom{gap:10px;padding:13px}.playground-bottom>span{font-size:9px}.playground-toolbar{padding:0 13px}.playground-actions>button>span:not(.viewport-icon){display:none}.detail-under{gap:30px}.pattern-pagination{gap:20px}.pattern-pagination>a{font-size:var(--text-sm);gap:8px}.original-study{font-size:var(--text-xs);max-width:none}.research-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));margin-top:25px}.research-page,.foundations-page{padding-bottom:35px}.foundation-principles{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:26px;margin:30px 0}.foundation-principles h2{margin-top:8px}.foundation-principles p{max-width:450px;line-height:1.65}.research-row{gap:12px}.research-row p{font-size:var(--text-base);line-height:1.65}.source-file-header>span{display:none}}@media (width<=480px){.topbar-actions a{display:none}.catalog-page,.detail-page,.research-page,.foundations-page{padding-left:17px;padding-right:17px}.page-intro h1{font-size:1.75rem}.eyebrow{font-size:var(--text-xs);letter-spacing:1.4px}.pattern-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:25px}.card-preview{height:246px}.thumbnail-stage{transform:scale(.76)}.pattern-card h2{font-size:var(--text-title)}.pattern-card-info p{font-size:var(--text-base)}.card-category,.card-tech{font-size:var(--text-xs)}.catalog-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;height:auto;min-height:60px;padding-top:4px}.collection-tabs{gap:20px;height:auto;min-height:44px}.catalog-search{flex:auto;min-width:0;height:auto;min-height:44px;padding:6px 8px}.catalog-search input{width:100%;font-size:var(--text-base);min-width:0}.collection-tabs button{font-size:var(--text-sm);padding-bottom:10px}.catalog-meta{font-size:var(--text-sm)}.card-open-arrow{opacity:1}.page-intro p{font-size:var(--text-base);line-height:1.65}.detail-title h1{font-size:2.0625rem}.detail-title p{font-size:var(--text-base);max-width:250px}.detail-title .eyebrow{font-size:var(--text-xs);letter-spacing:1px}.playground-tabs{gap:14px}.playground-tabs>button{gap:5px;font-size:10px}.playground-actions{gap:3px}.playground-actions>span{margin:0 1px}.playground-actions>button{min-width:23px}.demo-canvas{padding:42px 12px}.demo-viewport.compact{padding:16px 9px}.pattern-notes h2{font-size:var(--text-subheading)}.pattern-notes p{font-size:var(--text-base);line-height:1.65}.source-credit{gap:8px}.original-study{text-align:right;max-width:none;line-height:1.5}.research-title{flex-wrap:wrap;gap:7px}.research-summary strong{font-size:1.75rem}.research-summary span{font-size:var(--text-xs)}.research-intro p{font-size:var(--text-base);line-height:1.65}.research-intro h2{font-size:var(--text-subheading)}.filter-pills button{font-size:var(--text-sm);padding:7px}.site-footer>span:last-child{text-align:left;max-width:none;line-height:1.6}.source-view pre{padding:15px;font-size:10px}.foundation-colors{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:10px}.foundation-colors button>span{height:65px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.force-reduced *,[data-reduced=true] *,[data-reduced=true] :before,[data-reduced=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.preview-mesh-gradient .thumbnail-stage{width:100%;height:100%;min-height:0;inset:0;transform:none}.preview-mesh-gradient .mesh-demo,.preview-mesh-gradient .shader-window{border-radius:0;width:100%;max-width:none;height:100%}.preview-mesh-gradient .shader-label strong{letter-spacing:-4px;font-size:64px}.preview-mesh-gradient .shader-label>span{letter-spacing:3px;font-size:6px}.preview-mesh-gradient .shader-controls{display:none}.nav-children>a.active{color:#a84d31}[data-theme=dark] .nav-children>a.active{color:var(--accent)}.nav-item.active .nav-count{color:inherit}@media (width<=480px){.preview-mesh-gradient .shader-label strong{font-size:82px}}.sidebar-top,.sidebar-bottom{flex-shrink:0}.page-intro h1,.detail-title h1{overflow-wrap:anywhere}.detail-title>div{flex:20rem;min-width:0}.pattern-notes{flex:26rem;min-width:0}.setting-row>span{min-width:0}.pattern-pagination>a>span{overflow-wrap:anywhere;min-width:0}.app-command .command-input [cmdk-input],.app-command [cmdk-item],.app-command [cmdk-empty]{font-size:var(--text-base)}.app-command [cmdk-group-heading],.app-command .command-footer,.app-command .command-input kbd{font-size:var(--text-xs)}.app-command .command-footer{flex-wrap:wrap;gap:8px 16px}.command-popup.app-command{max-height:calc(100dvh - 32px);top:min(18%,80px);overflow:auto}@media (width<=760px){.catalog-meta{align-items:flex-start}.collection-tabs{flex-wrap:wrap}.research-summary>div{padding-left:0}.research-summary>div:nth-child(2n){border:0}}@media (width<=1024px){.sidebar{display:none}.app-main{margin-left:0}.mobile-toggle{place-items:center;padding:0;display:grid}.desktop-only{display:none}.mobile-sidebar{z-index:101;background:var(--paper);width:min(24rem,100vw - 24px);transition:transform .25s var(--ease-out);outline:none;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:20px 0 60px #0002}.mobile-sidebar[data-starting-style],.mobile-sidebar[data-ending-style]{transform:translate(-100%)}.mobile-sidebar .sidebar-top{padding-top:29px}.mobile-sidebar .nav-item,.mobile-sidebar .nav-category-row>a{font-size:var(--text-base);min-height:42px}.mobile-sidebar .nav-children>a{font-size:var(--text-sm);min-height:36px}.mobile-close{color:var(--muted);position:absolute;top:30px;right:16px}.mobile-backdrop{z-index:100!important}}.feature-banner{isolation:isolate;color:#fff;background:linear-gradient(125deg,#ffbf75,#e75c36 45%,#b53a1c);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:center;min-height:390px;margin-bottom:30px;display:grid;position:relative;overflow:hidden}.banner-mesh,.banner-mesh>canvas,.feature-banner:after{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.banner-mesh>canvas{display:block}.feature-banner:after{content:"";background:linear-gradient(90deg,#1c0d07a6,#1c0d0761 65%,#1c0d0773)}.banner-copy{z-index:1;min-width:0;padding:clamp(28px,4vw,52px);position:relative}.banner-copy h1{letter-spacing:normal;color:#fff;max-width:11em;margin:0;font-family:Manrope Variable,sans-serif;font-size:clamp(2rem,3.8vw,3.5rem);font-weight:500;line-height:1.12}.banner-introduction{max-width:36rem;font-size:var(--text-base);color:#fff;margin-top:20px;line-height:1.75}.banner-introduction a{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.banner-introduction a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #fff}.live-pattern-counter{width:fit-content;font-size:var(--text-sm);background:#140f1c70;border:1px solid #ffffff3d;border-radius:8px;align-items:center;gap:12px;margin-top:24px;padding:10px 16px 10px 12px;display:flex}.live-pattern-counter strong{font-variant-numeric:tabular-nums;border-right:1px solid #ffffff3d;padding-right:12px;font-family:ui-monospace,monospace;font-size:1.75rem;font-weight:500;line-height:1}.counter-indicator{background:#bcf5c8;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.4s ease-in-out infinite counter-live;box-shadow:0 0 0 4px #bcf5c81f}@keyframes counter-live{50%{opacity:.45}}[data-reduced=true] .counter-indicator{animation:none}@media (prefers-reduced-motion:reduce){.counter-indicator{animation:none}}.banner-author>a:focus-visible{outline-offset:5px;outline:2px solid #fff}.banner-author{z-index:1;text-align:right;font-size:var(--text-sm);color:#fff;align-self:end;margin:0 36px 42px 0;line-height:1.7;position:relative}.author-credit{margin:0}.banner-author>a{color:inherit;align-items:center;gap:7px;display:inline-flex}.home-changelog{border:1px solid var(--border);background:var(--panel);border-radius:12px;min-width:0;padding:24px 28px}.changelog-heading{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-bottom:8px;padding-bottom:16px;display:flex}.changelog-heading h2{margin:0;font-size:1.125rem;font-weight:550}.changelog-heading>span{font-size:var(--text-sm);color:var(--muted)}.home-changelog ol{grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;column-gap:40px;margin:0;padding:0;list-style:none;display:grid}.home-changelog a{min-height:44px;color:var(--text);border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin-inline:-8px;padding:10px 8px;font-size:.9375rem;line-height:1.45;display:flex}.home-changelog a svg{color:var(--muted);flex-shrink:0}.home-changelog a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.home-changelog a:hover{background:var(--paper)}.banner-author>a:hover{text-underline-offset:4px;text-decoration:underline}}@media (width<=1100px){.feature-banner{grid-template-columns:minmax(0,1fr)}.banner-author{text-align:left;margin:0 clamp(28px,4vw,52px) 28px}}@media (width<=480px){.banner-copy{padding:28px 22px}.banner-copy h1{font-size:2.25rem}.banner-author{margin:0 22px 24px}.home-changelog{padding:20px 22px}.home-changelog ol{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.feature-banner:after{background:#1c0d078c}}.sidebar-study{border:1px solid var(--strong-border);background:var(--paper);width:290px;max-width:100%;height:450px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.sidebar-study-brand{align-items:center;gap:10px;padding:19px 22px;display:flex}.sidebar-study-brand>span{background:var(--accent);width:32px;height:32px;color:var(--paper);border-radius:9px;place-items:center;display:grid}.sidebar-study-brand strong{letter-spacing:-1px;font-size:23px}.sidebar-study-brand strong span{font-weight:400}.sidebar-study .nav-label{padding-top:18px}.sidebar-study-status{border-top:1px solid var(--border);color:var(--muted);flex-shrink:0;padding:12px 22px;font-size:12px}.demo-stack{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:620px;display:flex;position:relative}.demo-hint{color:var(--muted);text-align:center;margin:0;font-size:11px;line-height:1.7}.demo-eyebrow{letter-spacing:1.6px;color:var(--muted);font-size:9px;font-weight:500}.row{align-items:center;gap:8px;display:flex}.demo-stack h3{letter-spacing:-.5px;font-size:19px;font-weight:500;line-height:1.35}.demo-button{background:var(--panel);border:1px solid var(--strong-border);border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:11px 17px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #00000004}.demo-button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.demo-button.full{width:100%}.demo-button kbd{color:var(--faint);margin-left:12px;font-size:10px}.demo-text-button{color:var(--muted);justify-content:center;align-items:center;gap:6px;min-height:30px;padding:6px;font-size:11px;display:inline-flex}.demo-icon-button{border:1px solid var(--border);background:var(--panel);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.demo-symbol{background:var(--accent-pale);width:54px;height:54px;color:var(--accent);border-radius:15px;place-items:center;display:grid}.muted{color:var(--muted)}.green{color:#648467}.error{color:#b84d37}.spin{animation:.8s linear infinite spin}.demo-canvas *,.card-preview *{animation-play-state:var(--play-state,running)}.demo-canvas :is(button,input,select,textarea){max-width:100%}.small-segments{border:1px solid var(--border);background:var(--panel);border-radius:8px;justify-content:center;align-items:center;gap:2px;padding:4px;display:flex}.small-segments button{color:var(--muted);border-radius:5px;min-height:29px;padding:7px 11px;font-size:10px}.small-segments button.active{background:var(--paper);color:var(--text);box-shadow:0 1px 3px #0000000c}.range-label{color:var(--muted);justify-content:center;align-items:center;gap:15px;font-size:10px;display:flex}.range-label input{width:140px}.range-label output{font-variant-numeric:tabular-nums;min-width:30px;font-size:9px}.range-label input[type=range]{height:3px}.demo-stack .full{width:100%}.dock{background:linear-gradient(155deg,#ffffffdc,#e7e9e2e6);border:1px solid #fff;border-radius:21px;align-items:flex-end;gap:11px;padding:13px 17px 8px;display:flex;position:relative;box-shadow:0 6px 14px #2536220b,0 16px 32px -12px #24372620}.dock-item{border-radius:11px;flex-direction:column;justify-content:space-between;align-items:center;width:51px;height:63px;padding:0;display:flex;position:relative;overflow:visible}.dock-item>span:first-child{color:#fff;transform-origin:50% 100%;border-radius:12px;place-items:center;width:51px;height:51px;display:grid;box-shadow:inset 0 0 0 1px #fff6,0 3px 5px #0000000b}.dock-0>span:first-child{background:linear-gradient(145deg,#80a1c5,#43649a)}.dock-1>span:first-child{background:linear-gradient(145deg,#d9b876,#c2924b)}.dock-2>span:first-child{background:linear-gradient(145deg,#ed9589,#d76562)}.dock-3>span:first-child{background:linear-gradient(145deg,#abada4,#708273)}.dock-4>span:first-child{background:linear-gradient(145deg,#a9a8b8,#77768a)}.dock-item>i{background:0 0;border-radius:50%;width:3px;height:3px;margin:3px auto}.dock-item>i.selected{background:#66715f}.dock-tooltip{background:var(--text);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:5px;padding:5px 8px;font-size:9px;transition:opacity .125s;position:absolute;bottom:83px}.dock-item:focus-visible .dock-tooltip{opacity:1}.dialog-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:200;transition:opacity .22s var(--ease-out);background:#1c271b44;position:fixed;inset:0}.dialog-backdrop[data-starting-style],.dialog-backdrop[data-ending-style]{opacity:0}.command-popup{background:var(--panel);border:1px solid var(--strong-border);z-index:210;border-radius:13px;outline:0;width:min(540px,100vw - 32px);position:fixed;top:18%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 100px #11240c30}.command-input{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:12px;padding:18px;display:flex}.command-input [cmdk-input]{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:13px}.command-input button{padding:0}.command-input kbd{border:1px solid var(--border);color:var(--faint);border-radius:4px;padding:3px 5px;font-size:9px}[cmdk-list]{max-height:350px;padding:8px;overflow:auto}[cmdk-group-heading]{letter-spacing:.8px;color:var(--faint);padding:15px 12px 8px;font-size:9px;font-weight:500}[cmdk-item]{cursor:pointer;min-height:40px;color:var(--muted);border-radius:7px;align-items:center;gap:11px;padding:10px 12px;font-size:12px;display:flex}[cmdk-item][data-selected=true]{background:var(--paper);color:var(--text)}[cmdk-item]>svg:last-child{color:var(--faint);margin-left:auto}[cmdk-empty]{text-align:center;color:var(--muted);padding:35px 20px;font-size:12px}.command-footer{color:var(--muted);border-top:1px solid var(--border);background:var(--paper);align-items:center;gap:20px;padding:13px 18px;font-size:9px;display:flex}.command-footer span:last-child{margin-left:auto}.command-pattern-icon{background:var(--panel);border:1px solid var(--border);width:25px;height:25px;color:var(--sage);border-radius:5px;place-items:center;display:grid}.bloom{justify-content:center;align-items:flex-end;width:250px;height:180px;padding-bottom:15px;display:flex;position:relative}.bloom-trigger{background:var(--text);width:54px;height:54px;color:var(--bg);z-index:2;border-radius:50%;place-items:center;display:grid;box-shadow:0 5px 12px #0001}.bloom-trigger svg{transition:transform .22s var(--ease-out)}.bloom-option{border:1px solid var(--strong-border);background:var(--panel);width:45px;height:45px;box-shadow:var(--shadow);color:var(--sage);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:21px}.bloom-option>span{color:var(--muted);font-size:8px;position:absolute;top:50px}.expand-nav{border:1px solid var(--strong-border);background:var(--panel);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:6px;padding:8px;display:flex}.expand-nav>button{color:var(--muted);border-radius:11px;align-items:center;gap:9px;padding:13px;font-size:12px;display:flex}.expand-nav>button.active{background:var(--accent-pale);color:var(--accent)}.breadcrumb-card{background:var(--panel);border:1px solid var(--border);width:385px;max-width:100%;box-shadow:var(--shadow);border-radius:12px;padding:17px}.breadcrumbs{border-bottom:1px solid var(--border);align-items:center;gap:5px;margin:0;padding:0 0 15px;list-style:none;display:flex}.breadcrumbs li{color:var(--faint);align-items:center;gap:4px;font-size:10px;display:flex}.breadcrumbs button{color:var(--muted);padding:3px 5px;font-size:10px}.breadcrumbs button[aria-current]{color:var(--text)}.folder-area{align-items:center;min-height:100px;display:flex}.folder-button{width:100%;color:var(--muted);text-align:left;align-items:center;gap:15px;padding:15px 7px;font-size:12px;display:flex}.folder-button>svg:first-child{color:#c2a772;fill:#d6c49255}.folder-button>svg:last-child{color:var(--faint);margin-left:auto}.folder-area .row{gap:12px;font-size:12px}.folder-area .row>svg{color:var(--sage)}.folder-area small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.scrollspy-demo{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:480px;max-width:100%;height:285px;display:flex;overflow:hidden}.scrollspy-demo>nav{background:var(--paper);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;width:125px;padding:25px 14px;display:flex}.scrollspy-demo>nav button{text-align:left;color:var(--muted);border-radius:5px;padding:8px;font-size:10px}.scrollspy-demo>nav button.active{background:var(--panel);color:var(--accent)}.scrollspy-content{scrollbar-width:thin;scrollbar-color:var(--strong-border) transparent;flex:1;padding:0 23px;overflow:auto}.scrollspy-content section{height:220px;padding:22px 0}.scrollspy-content section:last-child{height:285px}.scrollspy-content section>small{color:var(--accent);font-size:10px}.scrollspy-content h3{letter-spacing:-.5px;margin:10px 0;font-size:21px;font-weight:500}.scrollspy-content p{color:var(--muted);font-size:11px;line-height:1.9}.scrollspy-content section>span{color:var(--faint);margin-top:14px;font-size:9px;display:block}.expanding-search{background:var(--panel);border:1px solid var(--strong-border);box-shadow:var(--shadow);border-radius:13px;width:245px;max-width:100%;overflow:hidden}.expanding-search.is-open{width:340px;padding:15px}.search-invite{width:100%;color:var(--muted);align-items:center;gap:10px;padding:17px 20px;font-size:12px;display:flex}.search-invite kbd{color:var(--faint);margin-left:auto;font-size:10px}.expanding-search>.row{color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:12px}.expanding-search input{background:0 0;border:0;outline:none;flex:1;font-size:12px}.expanding-search .row button{padding:0}.search-destinations{flex-direction:column;gap:3px;padding-top:8px;display:flex}.search-destinations>button{text-align:left;color:var(--muted);border-radius:6px;align-items:center;gap:9px;padding:10px 7px;font-size:11px;display:flex}.search-destinations>button>svg:last-child{margin-left:auto}.search-destinations p{color:var(--faint);text-align:center;padding:15px;font-size:11px}.morph-button{color:#fff;background:#323b2d;border:1px solid #323b2d;border-radius:11px;justify-content:center;min-width:185px;min-height:48px;padding:15px 24px;font-size:12px;display:flex;box-shadow:inset 0 1px #ffffff20,0 3px 5px #1d2a1810}.morph-button.saving{opacity:1}.morph-button.done{color:#4c7047;background:#e5eee3;border-color:#cbdcc7}.hold-button{border:1px solid var(--strong-border);background:var(--panel);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:9px;min-width:195px;padding:15px 23px;font-size:12px;position:relative;overflow:hidden}.hold-button>.row{z-index:1;justify-content:center;position:relative}.hold-fill{clip-path:inset(0 100% 0 0);transition:clip-path .16s var(--ease-out);background:#e5ad8155;position:absolute;inset:0}.hold-button.holding .hold-fill{clip-path:inset(0);transition:clip-path 1.4s linear}.hold-button.done{color:#5c7c51;background:#e8efe5;border-color:#d4e2cd}.hold-button.done .hold-fill{clip-path:inset(0 100% 0 0)}.toast-illustration{width:320px;max-width:100%;height:90px;position:relative}.toast-illustration>div{border:1px solid var(--strong-border);background:var(--panel);border-radius:10px;height:64px;position:absolute;inset:0;box-shadow:0 2px 4px #00000004}.toast-illustration>div:first-child{opacity:.55;transform:translateY(18px)scale(.9)}.toast-illustration>div:nth-child(2){opacity:.8;transform:translateY(9px)scale(.95)}.toast-illustration>div:last-child{align-items:center;gap:12px;padding:13px 16px;display:flex}.success-icon{color:#648657;background:#e9f0e6;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.toast-illustration small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.toast-illustration>div:last-child>span:last-child{font-size:11px}.like-button{background:var(--panel);border:1px solid var(--border);color:#b4b8ac;width:92px;height:92px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:relative;overflow:visible}.like-button.liked{color:#d87070}.like-count{color:var(--muted);font-size:11px}.burst-particle{width:5px;height:5px;transform:rotate(var(--angle)) translateY(-38px);animation:burst .65s var(--ease-out) forwards;background:#df927e;border-radius:50%;position:absolute;top:calc(50% - 2.5px);left:calc(50% - 2.5px)}.copy-token{background:var(--panel);border:1px solid var(--strong-border);box-shadow:var(--shadow);border-radius:11px;align-items:center;gap:15px;padding:14px 16px;display:flex}.token-swatch{background:#ed5b35;border-radius:8px;width:31px;height:31px;box-shadow:inset 0 0 0 1px #00000005}.copy-token code{margin-right:20px;font-size:14px}.copy-token>button{min-width:65px;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.copy-token>button.copied{color:var(--sage)}.progress-ring{width:140px;height:140px;position:relative}.progress-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:5px}.ring-track{stroke:var(--border)}.ring-fill{stroke:var(--sage);stroke-linecap:round}.progress-ring>span{letter-spacing:-2px;color:var(--text);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:38px;font-weight:400;display:flex;position:absolute;inset:0}.progress-ring>span small{letter-spacing:0;color:var(--muted);font-size:18px}.progress-ring>.ring-complete{color:var(--sage)}.ring-complete>svg{width:32px;height:32px}.ring-burst-particle{--burst-start:-58px;--burst-end:-90px;background:var(--sage);pointer-events:none}.ring-burst-particle:nth-of-type(2n){background:var(--accent)}.live-island{color:#f4f7ee;background:#20221f;border-radius:28px;width:285px;overflow:hidden;box-shadow:0 5px 15px #0002}.live-island.expanded{border-radius:24px;width:330px;max-width:100%}.island-summary{text-align:left;align-items:center;gap:11px;width:100%;min-height:57px;padding:10px;display:flex}.album-art{color:#e7dfba;background:linear-gradient(135deg,#af835b,#5d684d);border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.island-summary>span:nth-child(2){flex:1;font-size:11px}.island-summary small{color:#a1ac96;margin-top:4px;font-size:9px;display:block}.equalizer{align-items:center;gap:3px;height:22px;margin-right:6px;display:flex}.equalizer>i{background:#b4c88d;border-radius:4px;width:3px;height:9px;animation:.8s ease-in-out infinite alternate equalizer}.equalizer>i:nth-child(2){height:19px;animation-delay:.2s}.equalizer>i:nth-child(3){height:15px;animation-delay:.35s}.equalizer>i:nth-child(4){height:7px;animation-delay:.5s}.equalizer.stopped i{animation-play-state:paused}.island-details{padding:7px 20px 18px}.music-progress{background:#ffffff20;border-radius:3px;height:3px;margin-bottom:13px;overflow:hidden}.music-progress span{background:#b4c88d;width:39%;height:3px;display:block}.island-details>.row{justify-content:space-between}.island-details small{color:#b2b9a8;font-size:8px}.island-details button{place-items:center;height:28px;display:grid}.notification-pile{width:375px;max-width:100%;min-height:90px;position:relative}.notification-pile.expanded{flex-direction:column;gap:9px;display:flex}.notification-card{background:var(--panel);border:1px solid var(--strong-border);box-shadow:var(--shadow);border-radius:11px;align-items:center;gap:10px;min-height:70px;padding:15px;display:flex}.notification-avatar{color:#806c58;background:#eae5df;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:12px;display:grid}.notification-card>span:nth-child(2){flex:1;font-size:10px}.notification-card small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.notification-card button{color:var(--muted);padding:4px}.notification-empty{min-height:130px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:12px;display:flex}.modal-mini{border:1px solid var(--border);background:var(--panel);border-radius:15px;width:300px;max-width:100%;padding:11px 20px 20px;box-shadow:0 2px 5px #29352108,0 12px 26px #29352109}.mini-handle{background:var(--border);border-radius:4px;width:26px;height:3px;margin:0 auto 19px;display:block}.modal-mini>.row{gap:13px;font-size:12px}.mini-icon{border:1px solid var(--border);width:35px;height:35px;color:var(--sage);border-radius:9px;place-items:center;display:grid}.modal-mini small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.dialog-popup{background:var(--panel);border:1px solid var(--strong-border);z-index:210;border-radius:23px;outline:none;width:min(390px,100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%;box-shadow:0 24px 100px #17201130}.morph-dialog-viewport{z-index:210;transition:opacity .2s var(--ease-out);justify-content:center;align-items:center;padding:20px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.morph-dialog-viewport[data-starting-style],.morph-dialog-viewport[data-ending-style]{opacity:0}.morph-dialog-viewport[data-instant]{transition:none}.morph-dialog{flex-shrink:0;padding:0;position:relative;top:auto;left:auto;overflow:hidden;translate:none}.morph-dialog-frame{position:relative}.morph-dialog-content{max-height:calc(100dvh - 42px);padding:28px;position:relative;overflow-y:auto}.morph-dialog-view[inert]{pointer-events:none}.morph-dialog-content:has(.morph-dialog-view[inert]){overflow:hidden}.dialog-popup h2,.bottom-sheet h2{letter-spacing:-.7px;margin:15px 0 8px;font-family:Manrope Variable,sans-serif;font-size:23px;font-weight:500}.dialog-popup p,.bottom-sheet p{color:var(--muted);font-size:12px;line-height:1.7}.dialog-close{color:var(--muted);z-index:2;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:15px;right:15px}.dialog-symbol{background:var(--paper);border:1px solid var(--border);width:51px;height:51px;color:var(--sage);border-radius:14px;place-items:center;display:grid}.dialog-options{flex-direction:column;gap:6px;margin-top:25px;display:flex}.dialog-options>button{text-align:left;border:1px solid var(--border);border-radius:10px;align-items:center;gap:13px;min-height:63px;padding:13px 10px;display:flex}.dialog-options>button>svg:first-child{color:var(--sage)}.dialog-options>button>span{flex:1;font-size:12px}.dialog-options small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.dialog-options>button>svg:last-child{color:var(--faint)}.modal-colors{justify-content:center;gap:13px;padding:30px 10px;display:flex}.modal-colors button{color:#fff;border-radius:50%;width:42px;height:42px}.privacy-row{color:var(--muted);align-items:center;gap:10px;padding:25px 0;font-size:11px;line-height:1.7;display:flex}.privacy-row>svg{color:var(--sage)}.member-list{flex-direction:column;gap:12px;padding:23px 0;display:flex}.member-list>div{align-items:center;gap:11px;font-size:11px;display:flex}.sheet-icon{width:80px;height:80px;color:var(--sage);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;place-items:center;display:grid}.bottom-sheet{background:var(--panel);border:1px solid var(--strong-border);z-index:210;width:min(430px,100vw - 24px);transition:transform .3s var(--ease-drawer), opacity .25s var(--ease-out);border-radius:24px;outline:none;max-height:calc(100dvh - 30px);padding:18px 28px 26px;position:fixed;bottom:16px;left:50%;overflow:auto;translate:-50%;box-shadow:0 10px 70px #1a271930}.bottom-sheet[data-starting-style],.bottom-sheet[data-ending-style]{opacity:0;transform:translateY(110%)}.sheet-handle{background:var(--strong-border);border-radius:5px;width:32px;height:4px;margin:0 auto 25px;display:block}.format-options{gap:10px;margin:25px 0;display:flex}.format-options>button{border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:9px;min-height:115px;padding:16px 8px;font-size:11px;display:flex;position:relative}.format-options>button.active{background:var(--paper);border-color:var(--sage)}.format-options>button>svg{color:var(--sage);position:absolute;top:8px;right:8px}.file-format{border:1px solid var(--strong-border);width:31px;height:38px;color:var(--sage);background:var(--panel);border-radius:5px;place-items:center;font-family:Georgia,serif;font-size:15px;display:grid}.bottom-sheet>.demo-hint{margin-top:13px;font-size:9px;display:block}.physical-stack{width:300px;max-width:95%;height:215px;margin-bottom:25px;position:relative}.stack-card{transform-origin:50% 75%;border:1px solid #00000006;border-radius:14px;flex-direction:column;justify-content:space-between;padding:25px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 5px 15px #222a190c}.stack-card h3{letter-spacing:-1px;font-family:Manrope Variable,sans-serif;font-size:27px;font-weight:500}.stack-card>svg{align-self:flex-end}.stack-tone-1{color:#53614d;background:#e3e7d8}.stack-tone-2{color:#9c6245;background:#f0d2be}.stack-tone-3{color:#68768f;background:#d8ddea}.stack-card .demo-eyebrow{color:inherit;opacity:.65;font-size:8px}.tilt-scene{perspective:800px;width:335px;max-width:100%;padding:10px 0}.membership-card{color:#e3e8d5;isolation:isolate;background:linear-gradient(120deg,#3d4a3a,#24362c);border-radius:14px;width:100%;height:203px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,0 16px 30px -12px #21302070}.membership-card>.row{justify-content:space-between}.membership-card>.row:first-child>span{letter-spacing:4px;font-size:14px}.membership-card .card-bottom{font-size:10px;position:absolute;bottom:21px;left:22px;right:22px}.membership-card small{letter-spacing:1.8px;color:#b0bca5;margin-top:9px;font-size:6px;display:block}.card-orbits{z-index:-1;width:210px;height:160px;position:absolute;top:20px;left:105px;transform:rotate(-20deg)}.card-orbits i{border:1px solid #b6c39b66;border-radius:50%;position:absolute;inset:0;transform:rotate(0)}.card-orbits i:nth-child(2){inset:10px 20px;transform:rotate(45deg)}.card-orbits i:nth-child(3){inset:20px 40px;transform:rotate(90deg)}.spotlight-card{color:#e6ecdb;text-align:left;isolation:isolate;--px:170px;--py:100px;background:#222a20;border:1px solid #43503c;border-radius:14px;width:340px;max-width:100%;min-height:240px;padding:28px;position:relative;overflow:hidden}.spotlight-glow{background:radial-gradient(170px circle at var(--px) var(--py), #b4c68733, transparent 80%);z-index:-1;pointer-events:none;position:absolute;inset:0}.spotlight-content>svg{color:#aabb8e;margin-bottom:27px}.spotlight-content h3{font-size:21px}.spotlight-content p{color:#a6b398;margin:10px 0 22px;font-size:11px;line-height:1.8}.spotlight-content .row{color:#c2d1ae;gap:20px;font-size:10px}.flip-scene{perspective:1000px;text-align:left;background:0 0;border:0;width:300px;max-width:100%;height:225px;padding:0;display:block}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;display:block;position:relative}.flip-front,.flip-back{backface-visibility:hidden;box-shadow:var(--shadow);border:1px solid #00000008;border-radius:13px;flex-direction:column;justify-content:space-between;padding:25px;display:flex;position:absolute;inset:0}.flip-front{color:#53614a;background:#e2e7d8}.flip-front h3,.flip-back h3{letter-spacing:-.6px;font-family:Georgia,serif;font-size:29px;font-weight:400}.flip-front small,.flip-back small{letter-spacing:1.6px;font-size:7px}.flip-front>svg{align-self:flex-end}.flip-back{color:#795741;background:#e9cdb7;transform:rotateY(180deg)}.expanding-note{background:var(--panel);border:1px solid var(--border);width:310px;max-width:100%;box-shadow:var(--shadow);border-radius:13px;overflow:hidden}.note-art{background:#eee5d3;height:115px;position:relative;overflow:hidden}.note-art span{background:#d49a65;border-radius:50%;width:90px;height:90px;position:absolute;top:28px;left:51%}.note-art i{background:#acb597;border-radius:50%;width:250px;height:190px;position:absolute;top:60px;left:-25px;transform:rotate(15deg)}.note-art b{background:#727e64;border-radius:50%;width:260px;height:200px;position:absolute;top:78px;left:100px;transform:rotate(-10deg)}.note-body{padding:20px}.note-body>small{letter-spacing:1.4px;color:var(--faint);font-size:7px}.note-body h3{margin:10px 0;font-size:18px}.note-reveal{opacity:0;transition:grid-template-rows .28s var(--ease-in-out), opacity .18s var(--ease-out);grid-template-rows:0fr;display:grid}.expanding-note[data-open] .note-reveal{opacity:1;grid-template-rows:1fr}.note-reveal-inner{min-height:0;overflow:hidden}.note-reveal p{color:var(--muted);margin-bottom:10px;font-size:11px;line-height:1.85}.note-body button{padding-left:0;font-size:10px}.note-toggle-label{text-align:left;display:grid}.note-toggle-label>span{transition:opacity .16s var(--ease-out);grid-area:1/1}.note-label-close,.expanding-note[data-open] .note-label-read{opacity:0}.expanding-note[data-open] .note-label-close{opacity:1}.expanding-note[data-instant] .note-reveal,.expanding-note[data-instant] .note-toggle-label>span{transition:none}.context-canvas{border:1px dashed var(--strong-border);background:var(--panel);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;width:335px;max-width:100%;height:220px;display:flex}.context-canvas>svg{color:var(--sage);margin-bottom:15px}.context-canvas h3{font-size:18px}.context-canvas p{color:var(--muted);margin-top:9px;font-size:11px}.context-canvas>span{color:var(--faint);margin-top:23px;font-size:9px}.context-popup{z-index:250;border:1px solid var(--strong-border);background:var(--panel);min-width:210px;transform-origin:var(--transform-origin);transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);border-radius:9px;outline:0;padding:5px;box-shadow:0 8px 24px #0002}.context-popup[data-starting-style],.context-popup[data-ending-style]{opacity:0;transform:scale(.96)}.context-item{color:var(--muted);cursor:pointer;border-radius:5px;outline:0;align-items:center;gap:11px;padding:11px 10px;font-size:11px;display:flex}.context-item[data-highlighted]{color:var(--text);background:var(--paper)}[data-base-ui-portal]{z-index:250;position:relative}.rolling-number{letter-spacing:-4px;color:var(--text);font-family:Manrope Variable,sans-serif;font-size:76px;font-weight:450;line-height:1.3}.number-controls{align-items:center;gap:7px;display:flex}.number-controls>button{background:var(--panel);border:1px solid var(--strong-border);min-width:34px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:flex}.number-controls>button:not(:nth-child(2)){padding:8px}.demo-stack h3.display-type{letter-spacing:-2px;text-align:center;max-width:430px;font-family:Manrope Variable,sans-serif;font-size:44px;font-weight:500;line-height:1.2}.split-type .word-mask{vertical-align:top;display:inline-block;overflow:hidden}.word-mask>span,.blur-type>span{display:block}.blur-type>span:last-child{color:var(--sage);font-family:Georgia,serif;font-style:italic}.demo-stack h3.scramble-type{letter-spacing:0;white-space:nowrap;font-family:monospace;font-size:36px;font-weight:400;line-height:1.3}.word-loop{min-height:60px;color:var(--sage);width:350px;max-width:100%;display:block;overflow:hidden}.word-loop>span{letter-spacing:-1.5px;font-family:Georgia,serif;font-size:48px;font-style:italic;display:block}.typewriter-box{border:1px solid var(--border);background:var(--panel);width:370px;max-width:100%;min-height:190px;box-shadow:var(--shadow);border-radius:13px;padding:25px}.typewriter-box>.demo-eyebrow{font-size:7px}.typewriter-box>p{letter-spacing:-.4px;color:var(--text);min-height:78px;margin-top:20px;font-family:Georgia,serif;font-size:27px;line-height:1.45}.text-caret{vertical-align:-.1em;background:var(--accent);width:2px;height:1em;margin-left:3px;animation:1s steps(2,start) infinite blink;display:inline-block}.marquee-demo{gap:38px;width:100%;overflow:hidden}.marquee-viewport{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:25s linear infinite marquee;display:flex}.marquee-group{flex-shrink:0;align-items:center;gap:45px;padding-right:45px;display:flex}.marquee-group>span{letter-spacing:-1px;color:var(--muted);white-space:nowrap;font-size:26px}.gradient-type{color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite gradient-shift}.gradient-sunset{background-image:linear-gradient(100deg,#945137,#e88d59,#8d6467,#945137)}.gradient-ocean{background-image:linear-gradient(100deg,#255767,#799fbf,#737bab,#255767)}.gradient-forest{background-image:linear-gradient(100deg,#3f6546,#8e9e68,#4f796d,#3f6546)}.demo-form{width:335px;max-width:100%}.demo-form>h3{letter-spacing:-.7px;margin:12px 0 24px;font-size:22px}.demo-form>label{margin-bottom:10px;font-size:11px;font-weight:500;display:block}.demo-form input{font-size:12px}.input-with-icon{background:var(--panel);border:1px solid var(--strong-border);min-height:45px;color:var(--faint);border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 1px 2px #00000004}.input-with-icon:focus-within{border-color:var(--sage);box-shadow:0 0 0 3px #71897810}.input-with-icon.invalid{background:#be5d3605;border-color:#c7746055}.input-with-icon>input{width:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0}.input-with-icon>button{color:var(--muted);place-items:center;padding:0;display:grid}.field-hint{color:var(--muted);min-height:19px;margin:9px 0 18px;font-size:10px;line-height:1.5}.field-hint.error{color:#b4543e}.field-hint.green{color:#638462}.strength-bars{gap:5px;margin:15px 0;display:flex}.strength-bars>i{background:var(--border);border-radius:4px;flex:1;height:4px;transition:background-color .2s}.strength-1>i.filled{background:#c3876b}.strength-2>i.filled{background:#c0a571}.strength-3>i.filled{background:#799576}.password-rules{flex-direction:column;gap:9px;margin:0 0 15px;padding:0;list-style:none;display:flex}.password-rules>li{color:var(--faint);align-items:center;gap:8px;font-size:10px;display:flex}.password-rules>li.met{color:var(--sage)}.rule-dot{border:1px solid;border-radius:50%;width:4px;height:4px;margin:0 4px}.otp-control{width:316px;max-width:100%;height:54px;position:relative}.otp-slots{pointer-events:none;gap:7px;height:100%;display:flex}.otp-slots>span{border:1px solid var(--strong-border);background:var(--panel);color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;flex:1;place-items:center;font-size:22px;display:grid}.otp-control:focus-within .otp-slots>.current{border-color:var(--sage);box-shadow:0 0 0 3px #71897815}.otp-control>input{opacity:.01;color:#0000;caret-color:#0000;cursor:text;letter-spacing:28px;background:0 0;border:0;outline:0;width:100%;font-size:20px;position:absolute;inset:0}.tag-field{background:var(--panel);border:1px solid var(--strong-border);border-radius:10px;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:7px;min-height:103px;padding:12px;display:flex}.input-tag{background:var(--paper);border:1px solid var(--border);border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-size:11px;display:flex}.input-tag>button{color:var(--muted);padding:0;display:flex}.tag-field>input{background:0 0;border:0;outline:none;flex:1;min-width:120px;padding:8px 0;font-size:11px}.tag-actions{justify-content:space-between;margin-top:8px}.tag-actions .demo-hint{font-size:9px}.elastic-control{border:1px solid var(--border);background:var(--panel);width:340px;max-width:100%;box-shadow:var(--shadow);border-radius:14px;padding:23px}.elastic-control>.row{justify-content:space-between;font-size:12px}.elastic-control>.row:first-child svg{color:#b8a172}.slider-track{margin-top:13px;padding-top:56px;padding-bottom:10px;position:relative}.slider-track input{appearance:none;background:linear-gradient(90deg, var(--sage) var(--range-value), var(--border) var(--range-value));cursor:pointer;border-radius:6px;width:100%;height:5px;margin:0;display:block}.slider-track input::-webkit-slider-thumb{appearance:none;border:1px solid var(--strong-border);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0002}.slider-track input::-moz-range-thumb{border:1px solid var(--strong-border);background:#fff;border-radius:50%;width:20px;height:20px}.value-bubble{background:var(--text);color:var(--bg);font-variant-numeric:tabular-nums;border-radius:6px;padding:7px 9px;font-size:10px;position:absolute;top:10px;transform:translate(-25%)}.value-bubble:after{content:"";background:inherit;width:8px;height:8px;position:absolute;bottom:-4px;left:calc(50% - 4px);transform:rotate(45deg)}.elastic-control>.row:last-child{padding-top:15px}.color-object{width:180px;height:150px;margin-bottom:7px;position:relative}.color-object>span{background:var(--object-color);border-radius:35px;width:130px;height:130px;transition:background-color .22s;position:absolute;top:15px;left:25px;transform:rotate(-12deg);box-shadow:inset 8px 10px 15px #ffffff32,inset -12px -10px 25px #00000018,0 18px 20px -12px #0002}.color-object>i{background:#ffffffb3;border-radius:50%;width:59px;height:59px;position:absolute;top:41px;left:60px;box-shadow:inset 0 2px 8px #0001}.color-object>b{filter:blur(8px);background:#0000000c;border-radius:50%;width:57px;height:12px;position:absolute;top:109px;left:111px}.color-swatches{align-items:center;gap:14px;display:flex}.color-swatches>button{color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:relative}.color-swatches>button.active:after{content:"";border:1px solid;border-color:var(--strong-border);border-radius:50%;position:absolute;inset:-4px}.rating-face{color:#b9a574;font-size:59px;line-height:1}.star-rating{gap:6px;display:flex}.star-rating>button{color:var(--strong-border);place-items:center;min-width:38px;min-height:38px;padding:6px;display:grid}.star-rating>button.selected{color:#b8a174}.toggle-card{border:1px solid var(--border);background:var(--panel);width:390px;max-width:100%;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:13px;padding:20px;display:flex}.availability-icon{color:#8887a7;background:#f0edf6;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.availability-icon.on{color:#b2995b;background:#f5efde}.toggle-card>div{flex:1;min-width:0}.toggle-card h3{letter-spacing:-.2px;font-size:13px;font-weight:500}.toggle-card p{color:var(--muted);margin-top:5px;font-size:9px}.physical-switch{background:#c5c8bf;border-radius:22px;flex-shrink:0;width:53px;height:29px;padding:3px;box-shadow:inset 0 1px 3px #0001}.physical-switch.on{background:#829b7b}.physical-switch>span{background:#fff;border-radius:50%;width:23px;height:23px;display:block;box-shadow:0 1px 3px #0003}.mesh-demo{width:100%;max-width:550px}.shader-window{isolation:isolate;background:linear-gradient(130deg,#f4b888,#db6250,#8f81ad);border-radius:12px;width:100%;height:290px;position:relative;overflow:hidden}.shader-window>canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.shader-label{color:#fff2dc;text-shadow:0 1px 15px #6d301220;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shader-label>span{letter-spacing:5px;font-size:9px;font-weight:500}.shader-label>strong{letter-spacing:-6px;font-family:Georgia,serif;font-size:94px;font-style:italic;font-weight:400;line-height:1.2}.shader-label>small{letter-spacing:1px;color:#fff4e5cc;margin-top:19px;font-size:9px}.shader-corner{color:#fff5e999;letter-spacing:2px;font:7px monospace;position:absolute;bottom:14px;right:15px}.shader-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:17px;display:flex}.palette-controls{gap:8px;display:flex}.palette-controls>button{color:var(--muted);border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.palette-controls>button.active{border-color:var(--border);background:var(--panel);color:var(--text)}.palette-dot{border-radius:50%;width:11px;height:11px;display:block}.palette-0{background:linear-gradient(140deg,#f4b888,#db6250,#8f81ad)}.palette-1{background:linear-gradient(140deg,#b2e0d7,#386b92,#6b61a1)}.palette-2{background:linear-gradient(140deg,#d3d7a0,#678c56,#bab565)}.shader-controls>label{color:var(--muted);align-items:center;gap:8px;font-size:9px;display:flex}.shader-controls input{width:74px;height:3px;accent-color:var(--sage)}.thinking-orb{isolation:isolate;background:radial-gradient(circle at 35% 25%,#fff9ff,#c3b4e7 38%,#a094c2 69%,#aaa1bd 100%);border-radius:50%;width:185px;height:185px;position:relative;overflow:hidden;box-shadow:inset 0 0 22px 6px #ffffffb3,inset -10px -8px 35px #77619066,0 22px 38px -18px #78659550}.orb-layer{mix-blend-mode:multiply;filter:blur(15px);border-radius:43%;animation:12s linear infinite orb-turn;position:absolute;inset:-15%}.orb-one{opacity:.85;background:conic-gradient(from 10deg,#0000,#b297d9,#0000,#7fa5d2,#0000,#f2bfcc)}.orb-two{opacity:.8;background:conic-gradient(from 90deg,#0000,#96b7f7,#fff0ed,#0000,#e0aedf);animation:7s linear infinite reverse orb-turn;inset:12%}.orb-three{background:linear-gradient(35deg,#0000,#f7e1d8,#b2b4ea,#0000);animation:9s linear infinite orb-turn;inset:20% -10%}.orb-shine{background:radial-gradient(at 28% 18%,#fffb,#0000 42%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 18px 5px #fff7}.orb-idle .orb-layer{opacity:.5;animation-duration:25s}.orb-speaking{animation:.9s ease-in-out infinite alternate orb-breathe}.orb-speaking .orb-layer{animation-duration:3s}.orb-caption{color:var(--muted);text-align:center;font-size:11px}.particle-demo{width:100%}.particle-window{background:#202921;border:1px solid #354530;border-radius:12px;width:100%;max-width:490px;height:270px;position:relative;overflow:hidden}.particle-window>canvas{width:100%;height:100%;display:block}.particle-caption{pointer-events:none;letter-spacing:5px;color:#c5ceba;mix-blend-mode:screen;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.effect-demo{gap:20px;max-width:520px}.aurora-window{isolation:isolate;background:#182a2d;border-radius:12px;width:100%;height:290px;position:relative;overflow:hidden}.aurora-ribbon{filter:blur(25px);z-index:-1;border-radius:50%;width:140%;height:170px;animation:11s ease-in-out infinite alternate aurora-drift;position:absolute;left:-20%}.ribbon-one{background:linear-gradient(120deg,#69998c88,#8bb9a4cc,#53767b11);top:-30px;transform:rotate(-25deg)}.ribbon-two{background:linear-gradient(120deg,#8194bd66,#b4c3c388,#355d5a55);animation-delay:-5s;top:50px;transform:rotate(15deg)}.ribbon-three{background:linear-gradient(120deg,#267c7355,#abcc9a77,#0000);animation-delay:-3s;top:90px;transform:rotate(-10deg)}.aurora-rose{background:#332630}.aurora-rose .ribbon-one{background:#bd799288}.aurora-rose .ribbon-two{background:#dcbaae88}.aurora-rose .ribbon-three{background:#79599288}.aurora-dusk{background:#21223d}.aurora-dusk .ribbon-one{background:#8179bd88}.aurora-dusk .ribbon-two{background:#c2a2ce88}.aurora-dusk .ribbon-three{background:#566bab88}.aurora-title{color:#eff5e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.aurora-title small{letter-spacing:3px;font-size:8px}.aurora-title h3{letter-spacing:-1.5px;margin-top:16px;font-family:Georgia,serif;font-size:43px;font-style:italic;font-weight:400}.grain-window{isolation:isolate;background:radial-gradient(at 15% 10%,#ecc796,#0000 65%),radial-gradient(at 75% 120%,#7d8b63,#0000 70%),#c39676;border-radius:12px;width:100%;height:290px;position:relative;overflow:hidden}.grain-svg{mix-blend-mode:multiply;pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.grain-window>span{letter-spacing:-1.8px;color:#fff9e8;font-family:Manrope Variable,sans-serif;font-size:40px;font-weight:500;line-height:1.25;position:absolute;top:65px;left:35px}.grain-window>span>em{letter-spacing:-1.2px;font-family:Georgia,serif;font-weight:400}.grain-window>small{letter-spacing:2px;color:#fff9e8bb;font-size:7px;position:absolute;bottom:27px;left:37px}.beam-card{isolation:isolate;background:#fff;border-radius:16px;width:330px;max-width:100%;padding:2px;position:relative;box-shadow:inset 0 0 0 1px #e8dce1,0 10px 30px #61253d0c}.beam-track{border-radius:inherit;pointer-events:none;padding:2px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.beam-track:before{content:"";aspect-ratio:1;background:conic-gradient(#0000 0% 58%,#f9a8d400 62%,#f9a8d4 70%,#ec4899 78%,#e11d48 84%,#fb7185 87%,#0000 92% 100%);width:200%;animation:6s linear infinite beam-orbit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.beam-glow{filter:blur(5px);opacity:.5;border-radius:19px;padding:6px;inset:-3px}@keyframes beam-orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}.beam-content{color:#32232c;padding:30px;position:relative}.beam-content>svg{color:#d72e68;margin-bottom:23px}.beam-content h3{font-size:21px}.beam-content p{color:#78616d;margin-top:10px;font-size:11px;line-height:1.7}.beam-action{color:#af2554;align-items:center;gap:22px;margin-top:25px;padding:0;font-size:10px;display:flex}.beam-paused .beam-track:before{animation-play-state:paused}.ripple-canvas{isolation:isolate;background:#e8e5da;border:1px solid #dcdccf;border-radius:14px;width:400px;max-width:100%;height:270px;position:relative;overflow:hidden}.ripple-canvas>span{letter-spacing:-1px;z-index:1;color:#7c8466;font-family:Manrope Variable,sans-serif;font-size:32px;line-height:1.2;position:relative}.ripple-canvas em{letter-spacing:-1px;font-family:Georgia,serif;font-size:47px}.click-ripple{pointer-events:none;border:1px solid #9fae83;border-radius:50%;width:20px;height:20px;position:absolute}.glass-landscape{isolation:isolate;background:linear-gradient(150deg,#d9c8b1,#bfc4ae);border-radius:13px;justify-content:center;align-items:center;width:100%;height:290px;display:flex;position:relative;overflow:hidden}.glass-sun{z-index:-1;background:#d17a50;border-radius:50%;width:130px;height:130px;position:absolute;top:25px;left:25%}.glass-hill{z-index:-1;border-radius:50%;width:470px;height:230px;position:absolute}.hill-one{background:#82927a;bottom:-80px;left:-90px;transform:rotate(15deg)}.hill-two{background:#4a6658;bottom:-120px;right:-125px;transform:rotate(-25deg)}.glass-panel{color:#fff;text-shadow:0 1px 8px #00000008;background:#ffffff24;border:1px solid #ffffff65;border-radius:20px;width:235px;height:212px;padding:24px;box-shadow:inset 0 1px #ffffff60,0 12px 30px #33432715}.glass-panel>svg{margin-bottom:20px}.glass-panel h3{letter-spacing:-.8px;font-family:Manrope Variable,sans-serif;font-size:26px;font-weight:500;line-height:1.2}.glass-panel>span{letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:20px;font-size:6px;display:flex}.glass-controls{gap:28px;display:flex}.glass-controls .range-label{gap:9px}.glass-controls input{width:85px}.chart-card{background:var(--panel);border:1px solid var(--border);width:390px;max-width:100%;box-shadow:var(--shadow);border-radius:13px;padding:23px}.chart-card>.row{justify-content:space-between}.chart-card .demo-eyebrow{letter-spacing:1.2px;font-size:8px}.data-badge{color:#506c49;background:#edf3e9;border-radius:4px;align-items:center;gap:4px;padding:4px 5px;font-size:8px;display:flex}.chart-value{letter-spacing:-1.7px;margin-top:17px;font-family:Manrope Variable,sans-serif;font-size:36px;line-height:1.3}.chart-value>span{color:var(--muted);letter-spacing:0;margin-left:10px;font-family:DM Sans Variable,sans-serif;font-size:9px}.line-chart{touch-action:pan-y;cursor:crosshair;width:100%;margin-top:12px;display:block}.chart-range{opacity:.5;width:100%;height:2px;accent-color:var(--sage);margin:4px 0 10px;display:block}.chart-labels{letter-spacing:1px;color:var(--faint);justify-content:space-between;font-size:7px}.chart-card h3{letter-spacing:-.7px;margin-top:8px;font-size:20px}.chart-card .small-segments{background:var(--paper);border:0;padding:3px}.chart-card .small-segments button{min-height:25px;padding:5px 7px;font-size:8px}.chart-card .small-segments button.active{background:var(--panel)}.bar-chart{justify-content:space-between;align-items:flex-end;gap:10px;height:185px;padding:20px 1px 0;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;height:100%;display:flex}.bar-column>span{color:var(--muted);font-size:8px}.bar-track{background:var(--paper);border-radius:4px;width:100%;height:130px;position:relative;overflow:hidden}.bar-track>i{transform-origin:bottom;background:#a7b79b;border-radius:4px;position:absolute;inset:0}.bar-column:nth-child(4) .bar-track>i{background:#6c8361}.bar-column>small{color:var(--faint);font-size:8px}.donut-demo{border:1px solid var(--border);background:var(--panel);max-width:100%;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:32px;padding:25px;display:flex}.donut-visual{flex-shrink:0;width:175px;height:175px;position:relative}.donut-visual svg{width:100%;height:100%}.donut-visual circle{transition:opacity .22s,stroke-width .22s}.donut-visual>span{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:0}.donut-visual strong{letter-spacing:-1px;font-family:Manrope Variable,sans-serif;font-size:34px;font-weight:500}.donut-visual strong>small{letter-spacing:0;font-size:16px}.donut-visual>span>small{color:var(--muted);font-size:9px}.donut-legend{min-width:145px}.donut-legend>.demo-eyebrow{letter-spacing:1.3px;margin-bottom:18px;font-size:6px;display:block}.donut-legend>button{width:100%;color:var(--muted);border-radius:4px;align-items:center;gap:8px;padding:10px 6px;font-size:10px;display:flex}.donut-legend>button.active{background:var(--paper);color:var(--text)}.donut-legend i{border-radius:2px;width:6px;height:6px}.donut-legend b{margin-left:auto;font-size:9px;font-weight:400}.table-card{border:1px solid var(--border);background:var(--panel);width:450px;max-width:100%;box-shadow:var(--shadow);border-radius:12px;padding:22px;overflow:hidden}.table-card table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.table-card caption{text-align:left;letter-spacing:-.4px;padding:0 0 19px;font-size:17px;font-weight:500}.table-card th{color:var(--muted);border-bottom:1px solid var(--border);font-size:9px;font-weight:400}.table-card th button{align-items:center;gap:8px;padding:10px 0;display:flex}.table-card td{border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 0;font-size:10px}.table-card tr:last-child td{border:0;padding-bottom:2px}.project-dot{vertical-align:1px;background:#9cae91;border-radius:2px;width:6px;height:6px;margin-right:9px;display:inline-block}.table-card td:last-child{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:9px}.table-progress{background:var(--border);vertical-align:middle;border-radius:4px;width:50px;height:3px;margin-right:10px;display:inline-block;position:relative;overflow:hidden}.table-progress>i{background:var(--sage);transform-origin:0;position:absolute;inset:0}.filter-demo{max-width:420px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;width:100%;min-height:210px;display:grid}.filter-tile{color:#727a64;background:#eaece2;border:1px solid #00000007;border-radius:9px;flex-direction:column;justify-content:space-between;align-items:center;height:108px;padding:15px 10px 11px;display:flex;overflow:hidden}.filter-tile>span:last-child{flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.filter-tile small{opacity:.7;font-size:7px}.tile-shape{border:1px solid;border-radius:50%;width:28px;height:28px;position:relative}.tile-1{color:#a27e5f;background:#f0e1d2}.tile-1>.tile-shape{border-radius:5px;transform:rotate(15deg)}.tile-2{color:#8d85a3;background:#e4e2ed}.tile-2>.tile-shape{border-width:0 0 1px 1px;border-radius:0;width:24px;transform:rotate(-45deg)}.tile-3{color:#778c84;background:#e4e9e7}.tile-3>.tile-shape{border-width:1px 0 0 1px;border-radius:0}.tile-4{color:#b5a775;background:#eee8d5}.tile-4>.tile-shape{border-radius:50% 50% 0 0}.tile-5{color:#a38c7d;background:#e6ddd7}.tile-5>.tile-shape{border-radius:3px;transform:rotate(45deg)}.swipe-area{border-radius:16px;width:340px;max-width:100%;height:270px;position:relative;overflow:hidden}.swipe-layer{transform-origin:50%;height:235px;position:absolute;inset:8px 30px auto}.swipe-layer:not([data-active]){pointer-events:none}.swipe-card{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;transform-origin:50% 100%;border:1px solid #00000008;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:22px;display:flex;position:absolute;inset:0;box-shadow:0 5px 15px #2731200c}.swipe-card:active{cursor:grabbing}.swipe-0{color:#8a795a;background:#ece2cf}.swipe-1{color:#708561;background:#dce4d4}.swipe-2{color:#b18266;background:#eed7c8}.swipe-card .demo-eyebrow{color:inherit;opacity:.7;font-size:7px}.swipe-art{border:1px solid;border-radius:50%;align-self:center;width:86px;height:86px;position:relative}.swipe-art:after{content:"";border:1px solid;border-radius:50%;position:absolute;inset:9px -10px;transform:rotate(-30deg)}.swipe-art:before{content:"";border:1px solid;border-radius:50%;position:absolute;inset:-10px 19px;transform:rotate(30deg)}.swipe-card h3{letter-spacing:-.5px;font-family:Georgia,serif;font-size:22px;font-weight:400}.swipe-card>small{font-size:8px}.swipe-badge{letter-spacing:1px;pointer-events:none;background:#fffdf5;border:1.5px solid;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:600;position:absolute;top:43px}.swipe-pass{color:#a74232;right:18px;transform:rotate(8deg)}.swipe-save{color:#3c684e;left:18px;transform:rotate(-8deg)}.swipe-empty{text-align:center;border:1px dashed var(--strong-border);color:var(--muted);background:var(--panel);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:8px 30px 27px}.swipe-empty p{font-size:11px;line-height:1.6}.swipe-caption{gap:4px;display:grid}.swipe-controls{align-items:center;gap:18px;margin-top:5px;display:flex}.swipe-controls>button{border:1px solid var(--strong-border);background:var(--panel);width:42px;height:42px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.swipe-controls>button:nth-child(2){border-color:var(--border);width:31px;height:31px;color:var(--faint)}.swipe-controls>button:last-child{color:#bb7e71}.reorder-demo{width:370px;max-width:100%}.reorder-demo>.demo-eyebrow{margin-bottom:18px;font-size:8px;display:block}.reorder-demo>ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.reorder-row{background:var(--panel);border:1px solid var(--strong-border);touch-action:none;border-radius:9px;align-items:center;gap:12px;padding:13px;display:flex;position:relative;box-shadow:0 2px 5px #00000003}.reorder-row>.grip{cursor:grab;color:var(--faint)}.reorder-row>span{flex:1;font-size:11px}.reorder-row>div{flex-direction:column;gap:2px;display:flex}.reorder-row button{color:var(--muted);place-items:center;padding:2px;display:grid}.reorder-row button:disabled{opacity:.2}.comparison-demo{width:100%}.comparison-window{isolation:isolate;border-radius:12px;width:100%;max-width:480px;height:285px;position:relative;overflow:hidden}.compare-art{color:#4e5350;background:#e7e5df;position:absolute;inset:0;overflow:hidden}.compare-art .compare-sun{background:#b9bcb6;border-radius:50%;width:92px;height:92px;position:absolute;top:30px;right:55px}.compare-art>i{background:#a5aaa1;border-radius:50%;width:450px;height:180px;position:absolute;bottom:-40px;left:-110px;transform:rotate(15deg)}.compare-art>b{background:#7f877b;border-radius:50%;width:450px;height:200px;position:absolute;bottom:-80px;right:-170px;transform:rotate(-25deg)}.compare-art>strong{letter-spacing:-1px;z-index:1;font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.2;position:absolute;top:48px;left:30px}.compare-art>small{letter-spacing:1.5px;background:#fff4;border-radius:3px;padding:5px;font-size:7px;position:absolute;bottom:13px;right:14px}.compare-after{color:#7a6844;background:#eedfc7}.compare-after .compare-sun{background:#ce9e66}.compare-after>i{background:#a1b18f}.compare-after>b{background:#637b5f}.compare-after>small{left:14px;right:auto}.comparison-window input{opacity:0;cursor:ew-resize;z-index:3;width:100%;height:100%;margin:0;position:absolute;inset:0}.compare-divider{pointer-events:none;z-index:2;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.compare-divider>span{color:#78836e;background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:1px;width:33px;height:33px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0002}.composer-demo{text-align:center;width:420px;max-width:100%}.composer-demo>svg{color:var(--sage);margin-bottom:15px}.composer-demo>h3{letter-spacing:-.8px;margin-bottom:22px;font-family:Manrope Variable,sans-serif;font-size:25px;font-weight:500}.prompt-composer{background:var(--panel);border:1px solid var(--strong-border);border-radius:14px;padding:15px;box-shadow:0 3px 5px #00000004,0 10px 25px #34432605}.prompt-composer textarea{resize:none;background:0 0;border:0;outline:0;width:100%;min-height:65px;padding:0;font-size:12px;line-height:1.6}.prompt-composer>.row{justify-content:space-between}.prompt-composer>.row>span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.prompt-composer button{background:var(--text);width:30px;height:30px;color:var(--bg);border-radius:50%;place-items:center;display:grid}.suggestion-chips{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px;display:flex}.suggestion-chips>button{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:6px;padding:7px 9px;font-size:8px}.composer-result{color:var(--faint);overflow-wrap:anywhere;margin-top:15px;font-size:9px;line-height:1.6}.stream-card{border:1px solid var(--border);background:var(--panel);width:440px;max-width:100%;box-shadow:var(--shadow);border-radius:14px;padding:23px}.assistant-avatar{background:var(--paper);border:1px solid var(--border);width:27px;height:27px;color:var(--sage);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.stream-card>.row:first-child{gap:9px}.stream-card strong{font-size:11px;font-weight:500}.stream-card>.row:first-child>small{color:var(--faint);margin-left:auto;font-size:8px}.stream-text{min-height:135px;color:var(--text);padding:20px 0;font-size:12px;line-height:1.9}.stream-card>.row:last-child{border-top:1px solid var(--border);justify-content:space-between;padding-top:9px}.sample-label{letter-spacing:1.2px;color:var(--faint);font-size:6px}.reasoning-card{border:1px solid var(--border);background:var(--panel);width:400px;max-width:100%;box-shadow:var(--shadow);border-radius:13px;overflow:hidden}.reasoning-trigger{text-align:left;align-items:center;gap:11px;width:100%;padding:18px;display:flex}.reasoning-trigger>span:nth-child(2){flex:1;font-size:11px}.reasoning-trigger small{color:var(--faint);margin-top:5px;font-size:8px;display:block}.reasoning-trigger>svg{color:var(--muted);transition:transform .18s var(--ease-out)}.reasoning-log{margin-left:32px;overflow:hidden}.reasoning-log>div{border-left:1px solid var(--strong-border);align-items:flex-start;gap:10px;margin-left:0;padding:9px 18px 14px 13px;display:flex;position:relative}.reasoning-log>div>svg{color:var(--sage);margin-top:1px}.reasoning-log span{font-size:10px}.reasoning-log small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.7;display:block}.reasoning-answer{border-top:1px solid var(--border);background:var(--paper);padding:19px 21px;font-size:12px;line-height:1.8}.tools-card{background:var(--panel);border:1px solid var(--border);width:375px;max-width:100%;box-shadow:var(--shadow);border-radius:13px;padding:23px}.tools-card>.row:first-child{justify-content:space-between;margin-bottom:14px}.tools-card .demo-eyebrow{letter-spacing:1px;font-size:7px}.tool-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:15px 0;display:flex}.tool-row>span:nth-child(2){flex:1;font-size:11px}.tool-row>small{color:var(--faint);font-size:8px}.tool-status{color:var(--sage);place-items:center;display:grid}.tool-row.running .tool-status,.tool-row.running>small{color:var(--accent)}.tools-card>.demo-button{margin-top:20px;font-size:10px}.approval-card{border:1px solid var(--border);background:var(--panel);width:345px;max-width:100%;box-shadow:var(--shadow);border-radius:15px;padding:25px}.approval-icon{color:#929764;background:#eef0e5;border-radius:13px;place-items:center;width:45px;height:45px;margin-bottom:20px;display:grid}.approval-card>.demo-eyebrow{font-size:7px}.approval-card h3{letter-spacing:-.5px;margin:10px 0;font-size:20px}.approval-card p{color:var(--muted);font-size:11px;line-height:1.8}.approval-diff{background:var(--paper);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:8px;margin:20px 0;padding:17px;font-size:11px;display:flex}.approval-diff>span{color:var(--faint);font-size:10px;text-decoration:line-through}.approval-diff svg{color:var(--faint)}.approval-diff strong{color:var(--sage);font-size:11px;font-weight:500}.approval-card>.row{gap:8px}.approval-card>.row>.demo-button{flex:1;padding:10px 9px;font-size:10px}.approval-card>.demo-hint{margin-top:15px;font-size:8px;display:block}.approval-card>.demo-text-button{margin-top:20px}.dropzone{border:1px dashed var(--strong-border);background:var(--panel);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:13px;width:370px;max-width:100%;min-height:255px;padding:28px;transition:border-color .15s,background-color .15s;display:flex}.dropzone.dragging{background:var(--accent-pale);border-color:var(--accent)}.dropzone>.demo-symbol{background:var(--paper);color:var(--sage);width:49px;height:49px;margin-bottom:4px}.dropzone h3{letter-spacing:-.5px;font-size:18px;font-weight:500}.dropzone p{color:var(--muted);font-size:10px}.dropzone>.demo-button{min-height:35px;margin-top:5px;font-size:10px}.upload-filename{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.upload-progress{background:var(--border);border-radius:5px;width:100%;height:4px;margin:6px 0;position:relative;overflow:hidden}.upload-progress span{transform-origin:0;background:var(--sage);transition:transform .15s linear;position:absolute;inset:0}.stepper-card{background:var(--panel);border:1px solid var(--border);width:365px;max-width:100%;box-shadow:var(--shadow);border-radius:15px;padding:25px}.stepper-progress{align-items:center;gap:12px;margin-bottom:30px;display:flex}.stepper-progress>span{border:1px solid var(--border);width:23px;height:23px;color:var(--faint);background:var(--paper);border-radius:50%;place-items:center;font-size:9px;display:grid;position:relative}.stepper-progress>span.active{color:#779365;background:#e6eee1;border-color:#d5e1cd}.stepper-progress>span:not(:last-child):after{content:"";background:var(--border);width:8px;height:1px;position:absolute;top:10px;left:25px}.stepper-card .demo-eyebrow{font-size:7px}.stepper-card h3{letter-spacing:-.6px;margin:12px 0 20px;font-size:21px;font-weight:500;line-height:1.4}.plain-input{background:var(--paper);border:1px solid var(--strong-border);border-radius:8px;width:100%;padding:13px;font-size:11px}.stepper-actions{justify-content:space-between;margin-top:25px}.stepper-actions>.demo-button{min-height:36px;padding:10px 12px;font-size:10px}.stepper-actions>.demo-text-button{font-size:10px}.plan-options{gap:10px;display:flex}.plan-options>button{border:1px solid var(--border);border-radius:8px;flex:1;justify-content:space-between;align-items:center;min-height:60px;padding:15px 12px;font-size:12px;display:flex}.plan-options>button.active{border-color:var(--sage);background:var(--paper)}.plan-options svg{color:var(--sage)}.workspace-summary{flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}.workspace-summary>.demo-symbol{color:var(--sage);background:var(--paper)}.workspace-summary strong{letter-spacing:-.3px;overflow-wrap:anywhere;text-align:center;font-size:15px;font-weight:500}.workspace-summary small{color:var(--muted);font-size:9px}.scroll-expand{border:1px solid var(--border);background:var(--panel);scrollbar-width:thin;scrollbar-color:var(--strong-border) transparent;border-radius:13px;width:100%;max-width:600px;height:340px;overflow:auto}.scroll-expand-track{height:760px;position:relative}.scroll-expand-sticky{justify-content:center;align-items:center;height:340px;display:flex;position:sticky;top:0;overflow:hidden}.expand-landscape{isolation:isolate;transform-origin:50%;background:linear-gradient(145deg,#e1ddc5,#c7cdba);width:100%;height:100%;position:relative;overflow:hidden}.landscape-sun{z-index:-1;background:#d8ad78;border-radius:50%;width:100px;height:100px;position:absolute;top:22px;right:21%}.landscape-hill{z-index:-1;border-radius:50%;width:600px;height:250px;position:absolute}.landscape-far{background:#94a17e;bottom:-95px;left:-110px;transform:rotate(16deg)}.landscape-near{background:#55705a;bottom:-123px;right:-170px;transform:rotate(-16deg)}.expand-landscape>div{color:#364f3a;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;inset:0}.expand-landscape small{letter-spacing:2px;font-size:8px}.expand-landscape h3{letter-spacing:-1.5px;font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.1}.scroll-instruction{letter-spacing:1.5px;color:var(--muted);background:var(--panel);border-radius:15px;padding:7px 12px;font-size:7px;position:absolute;bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes burst{0%{opacity:1;transform:rotate(var(--angle)) translateY(var(--burst-start,-32px))}to{opacity:0;transform:rotate(var(--angle)) translateY(var(--burst-end,-70px))}}@keyframes equalizer{to{transform:scaleY(.35)}}@keyframes blink{to{opacity:0}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes gradient-shift{to{background-position:200%}}@keyframes orb-turn{to{transform:rotate(360deg)}}@keyframes orb-breathe{to{transform:scale(1.045)}}@keyframes aurora-drift{to{transform:translateY(35px)rotate(12deg)}}@media (hover:hover) and (pointer:fine){.dock-item:hover .dock-tooltip{opacity:1}.demo-button:hover{background:var(--paper);border-color:#aeb6a4}.demo-button.primary:hover{color:#fff;background:#424d39;border-color:#424d39}.demo-text-button:hover{color:var(--text)}.search-destinations>button:hover,.dialog-options>button:hover{background:var(--paper)}.bloom-trigger:hover{background:#46513d}.like-button:hover{color:#cf8b80}.star-rating>button:hover{transform:scale(1.1)}.spotlight-card:focus-visible .spotlight-glow{background:radial-gradient(180px,#b4c68733,#0000 80%)}}[data-theme=dark] .dock{background:linear-gradient(135deg,#545f4d,#3e4937);border-color:#69735f}[data-theme=dark] .notification-avatar{color:#d1bd9e;background:#4e473f}[data-theme=dark] .morph-button{background:#5d6e50;border-color:#6a7a5e}[data-theme=dark] .morph-button.done,[data-theme=dark] .hold-button.done{color:#c1d2b4;background:#344a32;border-color:#48623f}[data-theme=dark] .approval-icon{color:#bfcb99;background:#3c422f}[data-theme=dark] .data-badge{color:#a9c197;background:#34452c}[data-theme=dark] .input-with-icon.invalid{background:#b84e3210;border-color:#b46c5388}[data-theme=dark] .field-hint.error{color:#e6977c}[data-theme=dark] .field-hint.green,[data-theme=dark] .green{color:#a3c28f}[data-theme=dark] .stepper-progress>span.active{color:#bdd2a6;background:#3d4a30;border-color:#5a6b49}[data-theme=dark] .gradient-sunset{background-image:linear-gradient(100deg,#e7b990,#ee9774,#ba8d97,#e7b990)}[data-theme=dark] .gradient-ocean{background-image:linear-gradient(100deg,#86c0cd,#a8c5e7,#b0a8e2,#86c0cd)}[data-theme=dark] .gradient-forest{background-image:linear-gradient(100deg,#96be86,#c2c491,#88b6aa,#96be86)}@media (width<=600px){.donut-demo{gap:18px;padding:20px}.donut-visual{width:145px;height:145px}.donut-legend{min-width:125px}.donut-legend>button{font-size:9px}.donut-legend>.demo-eyebrow{font-size:5px}.demo-stack h3.display-type{font-size:38px}.word-loop{width:290px}.word-loop>span{font-size:42px}.table-card{padding:17px}.table-card td{font-size:9px}.table-progress{width:35px;margin-right:6px}.shader-controls{flex-wrap:wrap;justify-content:center}.shader-window{height:270px}.mesh-demo{max-width:100%}.shader-label>strong{font-size:80px}}@media (width<=400px){.demo-viewport>.demo-stack{gap:20px}.demo-stack h3.display-type{letter-spacing:-1.5px;font-size:33px}.demo-stack h3.scramble-type{font-size:28px}.word-loop{width:260px}.word-loop>span{font-size:38px}.dock{border-radius:16px;gap:7px;padding:11px 10px 7px}.dock-item{width:43px;height:54px}.dock-item>span:first-child{border-radius:10px;width:43px;height:43px}.dock-item svg{width:21px;height:21px}.dock-tooltip{bottom:74px}.modal-mini{width:265px;padding:10px 16px 17px}.modal-mini>.row{gap:10px;font-size:11px}.demo-button{padding:11px 13px;font-size:11px}.toggle-card{gap:10px;padding:15px}.toggle-card h3{font-size:11px}.toggle-card p{font-size:8px}.availability-icon{width:32px;height:32px}.availability-icon svg{width:21px}.physical-switch{width:49px;height:27px}.physical-switch>span{width:21px;height:21px}.donut-demo{gap:10px;padding:13px}.donut-visual{width:133px;height:133px}.donut-legend{min-width:112px}.donut-legend>button{gap:5px;padding:9px 3px;font-size:8px}.donut-legend b{font-size:8px}.donut-visual strong{font-size:30px}.chart-card{padding:18px}.chart-value{font-size:32px}.chart-value>span{margin-left:8px;font-size:8px}.otp-control{height:47px}.otp-slots{gap:5px}.otp-slots>span{border-radius:6px;font-size:19px}.glass-controls{gap:17px}.glass-controls input{width:68px}.copy-token{gap:10px;padding:12px}.copy-token code{margin-right:7px;font-size:12px}.copy-token>button{font-size:10px}.scrollspy-demo>nav{width:94px;padding:22px 8px}.scrollspy-demo>nav button{padding:7px;font-size:9px}.scrollspy-content{padding:0 15px}.scrollspy-content h3{font-size:20px}.scrollspy-content p{font-size:10px}.membership-card{height:188px;padding:20px}.membership-card .card-bottom{font-size:9px}.membership-card small{font-size:5px}.notification-card{gap:8px;padding:12px}.notification-card>span:nth-child(2){font-size:9px}.notification-avatar{width:26px;height:26px;font-size:10px}.notification-card small{font-size:7px}.notification-pile{max-width:calc(100% - 4px)}.reorder-row{gap:7px;padding:11px}.reorder-row>span{font-size:10px}.stream-card{padding:18px}.stream-card strong{font-size:10px}.stream-card>.row:first-child>small{font-size:7px}.stream-text{min-height:160px;font-size:11px}.tools-card{padding:18px}.tools-card .demo-eyebrow{font-size:6px}.tool-row>span:nth-child(2){font-size:10px}.approval-card,.stepper-card{padding:20px}.stepper-card h3{font-size:19px}.grain-window>span{letter-spacing:-1px;font-size:33px;left:25px}.grain-window>small{left:27px}.aurora-title h3{font-size:35px}.table-card td,.table-card th{font-size:8px}.table-progress{width:29px}.project-dot{margin-right:6px}.filter-grid{gap:7px}.filter-tile{height:100px;padding:12px 8px}.filter-tile>span:last-child{font-size:9px}.small-segments button{padding:7px 9px;font-size:9px}.dropzone h3{font-size:16px}.dropzone{padding:23px 18px}.comparison-window{height:260px}.compare-art>strong{font-size:30px;left:23px}.compare-art .compare-sun{width:75px;height:75px;right:27px}.shader-controls>label{display:none}.physical-stack{width:270px;height:210px}.stack-card{padding:22px}.stack-card h3{font-size:25px}.flip-scene{width:280px}.typewriter-box>p{font-size:24px}.typewriter-box{padding:21px}.context-canvas{height:210px}.prompt-composer{padding:12px}.composer-demo>h3{font-size:23px}.suggestion-chips{gap:5px}.suggestion-chips>button{padding:7px;font-size:7px}.shader-label>span{letter-spacing:3px;font-size:8px}.shader-label>strong{font-size:74px}.expand-landscape h3{font-size:38px}.expand-landscape small{letter-spacing:1.5px;font-size:6px}}@media (prefers-reduced-motion:reduce){.orb-layer,.thinking-orb,.aurora-ribbon,.beam-track:before,.marquee-track,.gradient-type,.equalizer>i,.spin,.text-caret{animation:none!important}.burst-particle{display:none}.flip-inner{transition:none!important}}@media (width<=350px){.dock{gap:6px;padding:10px 8px 7px}.dock-item{width:39px}.dock-item>span:first-child{width:39px;height:39px}.donut-visual{width:115px;height:115px}.donut-legend{min-width:102px}.expand-nav{gap:3px;padding:6px}.expand-nav>button{padding:10px}.glass-controls{gap:12px}.glass-controls input{width:58px}}.demo-canvas[style*="--play-state: paused"] *,.demo-canvas[style*="--play-state: paused"] :before,.demo-canvas[style*="--play-state: paused"] :after{animation-play-state:paused!important}.agent-todo-demo{flex-direction:column;align-self:center;gap:16px;width:440px;max-width:100%;min-height:290px;display:flex}.agent-todo-card{border:1px solid var(--strong-border);background:var(--panel);width:100%;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.agent-todo-header{text-align:left;border-radius:16px;align-items:center;gap:10px;width:100%;min-height:54px;padding:12px 16px;display:flex}.agent-todo-title{flex:1;min-width:0;font-size:14px;font-weight:550;line-height:1.4}.agent-todo-header:focus-visible{outline-offset:-4px}.agent-todo-heading-icon{width:22px;height:22px;color:var(--muted);flex-shrink:0;position:relative}.agent-todo-heading-icon>svg,.agent-todo-success{margin:auto;transition:opacity .18s;position:absolute;inset:0}.agent-todo-success{color:#fff;background:#27734e;border-radius:50%;place-items:center;display:grid}.agent-todo-count{font-variant-numeric:tabular-nums;color:var(--muted);align-items:baseline;font-size:12px;font-weight:550;display:inline-flex}.agent-todo-card[data-complete=true] .agent-todo-count{color:#27734e}[data-theme=dark] .agent-todo-card[data-complete=true] .agent-todo-count{color:#80c99c}.agent-todo-chevron{color:var(--muted);transition:transform .2s var(--ease-out)}.agent-todo-disclosure{opacity:0;transition:grid-template-rows .24s var(--ease-out), opacity .18s ease;grid-template-rows:0fr;display:grid}.agent-todo-disclosure[data-open=true]{opacity:1;grid-template-rows:1fr}.agent-todo-clip{min-height:0;overflow:hidden}.agent-todo-list{margin:0;padding:0 12px 12px;list-style:none}.agent-todo-row{min-height:42px;color:var(--muted);align-items:center;gap:10px;padding:8px 4px;display:flex}.agent-todo-row[data-status=running]{color:var(--text)}.agent-todo-mark{flex-shrink:0;width:22px;height:22px}.agent-todo-progress{transition:stroke-dashoffset .24s linear,opacity .18s}.agent-todo-check{transition:stroke-dashoffset .24s var(--ease-out), opacity .18s ease}.agent-todo-task{flex:1;min-width:0;font-size:14px;line-height:20px}.agent-todo-task>span{text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:100%;display:block;position:relative;overflow:hidden}.agent-todo-task>span:after{content:"";transform-origin:0;height:1px;transition:transform .24s var(--ease-out);background:currentColor;position:absolute;inset:50% 0 auto;transform:scaleX(0)}.agent-todo-row[data-status=complete] .agent-todo-task>span:after{transform:scaleX(1)}.agent-todo-percent{text-align:right;font-variant-numeric:tabular-nums;min-width:34px;color:var(--muted);font-size:12px}.agent-todo-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;display:flex}.agent-todo-caption{color:var(--muted);margin-right:auto;font-size:12px}.agent-todo-demo[data-reduced] *,.agent-todo-demo[data-reduced] :after{transition-duration:0s}@media (prefers-reduced-motion:reduce){.agent-todo-demo *,.agent-todo-demo :after{transition-duration:0s}}.control-fields{flex-direction:column;gap:10px;width:320px;max-width:100%;font-size:14px;display:flex}.control-fields>label{padding-left:3px;font-weight:550}.control-input-shell,.control-select-trigger,.control-multi-field{border:1px solid var(--strong-border);background:var(--panel);min-height:46px;color:var(--text);border-radius:24px;align-items:center;gap:10px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:flex}.control-input-shell:focus-within,.control-multi-field:focus-within,.control-select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-pale)}.control-input-shell input,.control-chips input{background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;height:44px;font-size:14px}.control-input-shell input:focus-visible,.control-chips input:focus-visible{outline:none}.control-input-shell>svg{color:var(--muted)}.control-input-shell button,.control-multi-field>button{min-width:24px;height:32px;color:var(--muted);flex-shrink:0;place-items:center;display:grid}.control-input-shell[data-error=true]{border-color:#c35341}.control-field-message{min-height:18px;color:var(--muted);margin:-3px 3px 4px;font-size:12px}.control-success{width:19px;height:19px;transition:opacity .16s;color:var(--sage)!important}.control-success path{transition:stroke-dashoffset .24s var(--ease-out)}.control-select-trigger{text-align:left;justify-content:space-between;width:100%;font-size:14px}.control-select-trigger>span:last-child{transition:transform .18s var(--ease-out);display:flex}.control-select-trigger[data-popup-open]>span:last-child{transform:rotate(180deg)}.control-positioner{z-index:240;outline:none;max-width:calc(100vw - 24px)}.control-popup{width:var(--anchor-width);min-width:180px;max-width:calc(100vw - 24px);max-height:min(300px, var(--available-height));border:1px solid var(--strong-border);background:var(--panel);color:var(--text);transform-origin:var(--transform-origin);transition:transform .22s var(--ease-out), opacity .15s ease;border-radius:16px;outline:none;padding:6px;overflow-y:auto;box-shadow:0 12px 35px #0002}.control-popup[data-starting-style],.control-popup[data-ending-style]{opacity:0;transform:translateY(-6px)scale(.96)}.control-popup[data-side=top][data-starting-style],.control-popup[data-side=top][data-ending-style]{transform:translateY(6px)scale(.96)}.control-popup[data-instant]{transition:none}.control-option{cursor:pointer;border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:8px 12px;font-size:14px;display:flex}.control-option[data-highlighted]{background:var(--paper)}.control-option[data-selected]{color:var(--accent-text);background:var(--accent-pale)}.control-option>span:last-child{display:flex}.control-empty{color:var(--muted);padding:12px;font-size:13px}.control-empty:empty{display:none}.control-multi-field{border-radius:20px;align-items:flex-start;padding:6px 10px}.control-chips{flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.control-chips input{flex:1 0 100px;width:100px;height:30px}.control-chip{background:var(--accent-pale);color:var(--accent-text);animation:control-chip-in .16s var(--ease-out);border-radius:16px;align-items:center;gap:5px;padding:6px 8px 6px 10px;font-size:12px;display:inline-flex}.control-chip button{border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.control-chip button:hover{background:var(--border)}@keyframes control-chip-in{0%{opacity:0;transform:scale(.94)translateY(3px)}to{opacity:1;transform:none}}.control-tabs{width:380px;max-width:100%}.control-tab-list{isolation:isolate;border-radius:25px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;display:grid;position:relative}.control-tab{z-index:1;min-width:0;min-height:40px;color:var(--muted);border-radius:22px;font-size:13px;position:relative}.control-tab[data-active]{color:var(--accent-text)}.control-tab-indicator{background:var(--accent-pale);width:calc(33.3333% - 2.66667px);transition:transform .22s var(--ease-out);border-radius:22px;position:absolute;top:4px;bottom:4px;left:4px}.control-tab-indicator[data-instant]{transition:none}.control-tabs[data-variant=segment] .control-tab-list{background:var(--border);border-radius:12px}.control-tabs[data-variant=segment] .control-tab-indicator{background:var(--panel);box-shadow:var(--shadow);border-radius:9px}.control-tabs[data-variant=underline] .control-tab-list{border-bottom:1px solid var(--border);border-radius:0}.control-tabs[data-variant=underline] .control-tab-indicator{background:var(--accent);border-radius:0;height:2px;top:auto;bottom:-1px}.control-tab-panels{display:grid}.control-tab-panel{text-align:center;grid-area:1/1;min-height:150px;padding:30px 10px 10px;font-size:16px}.control-tab-panel[data-ending-style]{visibility:hidden}.control-tab-panel p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.7}.control-choice-group{border:0;width:320px;max-width:100%;margin:0;padding:0}.control-choice-group legend{padding:0 0 18px;font-size:16px;font-weight:600}.control-check-row,.control-radio-row{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex;position:relative}.control-check-row[data-disabled],.control-radio-row[data-disabled]{opacity:.45;cursor:not-allowed}.control-check-box{flex-shrink:0;width:22px;height:22px;position:relative}.control-check-box input{opacity:0;width:100%;height:100%;cursor:inherit;z-index:1;margin:0;position:absolute;inset:0}.control-check-surface{border:1px solid var(--strong-border);background:var(--panel);color:#fff;transition:background-color .16s ease, transform .12s var(--ease-out);border-radius:6px;place-items:center;display:grid;position:absolute;inset:0}.control-check-surface svg{width:18px;height:18px}.control-check-surface path{transition:stroke-dashoffset .18s var(--ease-out)}.control-check-box input:checked+.control-check-surface,.control-check-box input:indeterminate+.control-check-surface{background:var(--accent-text);border-color:var(--accent-text)}.control-check-box input:active+.control-check-surface{transform:scale(.92)}.control-check-box input:focus-visible+.control-check-surface{outline:2px solid var(--accent);outline-offset:4px}.control-choice-divider{border-top:1px solid var(--border);margin:8px 0}.control-radio-row{min-height:50px}.control-radio-row input{opacity:0;width:22px;height:22px;margin:0;position:absolute;left:0}.control-radio-ring{border:1px solid var(--strong-border);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.control-radio-dot{background:var(--accent-text);border-radius:50%;width:12px;height:12px}.control-radio-row input:checked+.control-radio-ring{border-color:var(--accent-text)}.control-radio-row input:focus-visible+.control-radio-ring{outline:2px solid var(--accent);outline-offset:4px}.control-radio-row small{color:var(--muted);margin-left:auto;font-size:12px}.control-fields[data-instant] *,.control-choice-group[data-instant] *{transition-duration:0s;animation:none}.comet-control{aspect-ratio:1;width:270px;max-width:100%;position:relative}.comet-control-ring{touch-action:none;cursor:grab;border-radius:50%;outline:none;width:100%;height:100%;overflow:visible}.comet-control-ring:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.comet-control-ring:active{cursor:grabbing;outline:none}.comet-track,.comet-lit,.comet-tail{fill:none;stroke-linecap:round}.comet-track{stroke:var(--strong-border);stroke-width:4px}.comet-lit{stroke:var(--accent);stroke-width:4px}.comet-tail{stroke:var(--accent)}.comet-head{fill:var(--accent)}.comet-reading{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.comet-reading strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:42px;font-weight:500}.comet-reading small{letter-spacing:0;color:var(--muted);margin-left:3px;font-size:18px}.comet-reading>span{color:var(--muted);font-size:13px}.grain-noise{pointer-events:none;mix-blend-mode:overlay;width:100%;height:100%;position:absolute;inset:0}.records-demo{border:1px solid var(--strong-border);background:var(--panel);border-radius:14px;width:680px;min-width:0;max-width:100%;font-size:12px;overflow:hidden}.records-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.records-toolbar strong{margin-right:auto;font-size:15px}.records-toolbar>span{color:var(--muted)}.records-scroll{scrollbar-width:thin;width:100%;max-height:330px;overflow:auto}.records-scroll:focus-visible{outline-offset:-3px}.records-table{border-collapse:collapse;text-align:left;width:100%;min-width:630px}.records-table th,.records-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 10px}.records-table th{z-index:1;color:var(--muted);background:var(--paper);white-space:nowrap;font-size:11px;font-weight:500;position:sticky;top:0}.records-table th>button{font-size:inherit;text-align:left;align-items:center;gap:6px;display:flex}.records-table td{color:var(--muted)}.records-table tr[data-selected=true] td{background:var(--accent-pale)}.records-checkbox{width:15px;height:15px;accent-color:var(--accent-text);cursor:pointer;display:block}.record-name{text-align:left;color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.record-avatar{border:1px solid var(--border);background:var(--paper);width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;font-size:12px;display:grid}.record-name small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.record-tags{flex-wrap:wrap;gap:4px;min-width:145px;max-width:200px;display:flex}.record-tags>span,.record-tags>button{background:var(--accent-pale);color:var(--accent-text);white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:10px}.record-tags>span:nth-child(2n){background:var(--border);color:var(--muted)}.record-tags>button{background:var(--paper);color:var(--muted);border:1px solid var(--border)}.record-strength{white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.record-strength>span{align-items:center;gap:2px;display:flex}.record-strength i{background:var(--border);border-radius:1px;width:3px;height:12px}.record-strength i[data-lit=true]{background:var(--sage)}.records-footer{min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:11px;display:flex}.records-footer>button{flex-shrink:0}.table-filter-chips{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding:12px;display:flex}.table-filter-chips button{isolation:isolate;color:var(--muted);align-items:center;gap:7px;padding:9px 10px;font-size:12px;display:flex;position:relative}.table-filter-chips button[aria-pressed=true]{color:var(--text)}.table-filter-active{border:1px solid var(--strong-border);background:var(--paper);z-index:-1;border-radius:8px;position:absolute;inset:0}.table-filter-chips small{color:var(--muted);font-size:10px}.filter-records{min-width:570px}.filter-records td:first-child{color:var(--text)}.table-status{white-space:nowrap;border:1px solid var(--border);border-radius:7px;align-items:center;gap:6px;padding:5px 7px;font-size:11px;display:flex}.table-status>span{background:var(--muted);border-radius:50%;width:6px;height:6px}.table-status[data-status=In\ progress]>span{background:var(--accent)}.table-status[data-status=Completed]>span{background:var(--sage)}.table-empty{text-align:center;height:150px}.table-empty button{text-decoration:underline}.filter-table-demo .records-scroll{min-height:290px}.rb-stepper{border:1px solid var(--strong-border);background:var(--panel);width:390px;max-width:100%;box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.rb-stepper-indicators{margin:0;padding:28px 26px;list-style:none;display:flex}.rb-stepper-indicators li{flex:1;align-items:center;display:flex}.rb-stepper-indicators li:last-child{flex:0}.rb-stepper-indicators button{background:var(--border);width:30px;height:30px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;transition:background-color .18s,color .18s;display:grid}.rb-stepper-indicators button[data-state=active],.rb-stepper-indicators button[data-state=complete]{background:var(--accent-text);color:#fff}.rb-stepper-indicators button>span{background:#fff;border-radius:50%;width:9px;height:9px}.rb-stepper-connector{background:var(--border);border-radius:2px;flex:1;height:2px;margin:0 10px;overflow:hidden}.rb-stepper-connector i{background:var(--accent-text);transform-origin:0;width:100%;height:100%;transition:transform .24s var(--ease-out);display:block}.rb-stepper-stage{min-height:230px;overflow:hidden}.rb-stepper-content{padding:2px 26px 20px}.rb-stepper-content h3{letter-spacing:-.5px;margin:0;font-size:20px;line-height:1.3}.rb-stepper-content p{color:var(--muted);margin:10px 0 20px;font-size:13px;line-height:1.65}.rb-stepper-content label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.rb-stepper-welcome{background:var(--accent-pale);min-height:100px;color:var(--accent-text);border-radius:12px;align-items:center;gap:18px;padding:18px;font-size:13px;display:flex}.rb-stepper-summary{background:var(--paper);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:20px;font-size:15px;display:flex}.rb-stepper-summary span{color:var(--muted);font-size:12px}.rb-stepper-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.rb-stepper[data-instant] *{transition:none}.lattice-demo{border:1px solid var(--strong-border);background:var(--panel);border-radius:18px;align-items:center;gap:12px;padding:22px 26px;display:flex}.lattice-demo strong{font-size:16px;font-weight:500}.lattice-matrix{flex-shrink:0;gap:3px;display:grid}.lattice-cell{background:var(--text);opacity:.18;width:7px;height:7px;animation:lattice-cell-pulse 1.2s var(--ease-in-out) infinite;border-radius:2px;transition:background-color .18s,opacity .18s}.lattice-cell[data-hole=true]{opacity:.06}.lattice-demo[data-state=done] .lattice-cell[data-on=true]{background:var(--sage);opacity:1}.lattice-demo[data-state=error] .lattice-cell[data-on=true]{background:var(--accent);opacity:1}.lattice-timer{font-variant-numeric:tabular-nums;min-width:38px;color:var(--muted);font-size:13px}.lattice-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}@keyframes lattice-cell-pulse{0%,65%,to{opacity:.15}25%,40%{opacity:1}}@media (prefers-reduced-motion:reduce){.control-popup,.control-tab-indicator,.control-success path,.control-check-surface,.control-check-surface path,.rb-stepper-connector i{transition:none}.control-chip,.lattice-cell{animation:none}}.transition-chart-card{border:1px solid var(--border);background:var(--panel);width:520px;max-width:100%;box-shadow:var(--shadow);border-radius:18px;padding:24px}.transition-chart-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.transition-chart-heading h3{letter-spacing:-.3px;font-size:17px;font-weight:550}.transition-chart-heading p{color:var(--muted);margin-top:5px;font-size:13px}.transition-chart-heading .small-segments{margin:0}.transition-chart-svg{width:100%;height:auto;margin:16px 0 8px;display:block;overflow:visible}.transition-chart-grid line{stroke:var(--border);stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.transition-chart-grid text,.transition-chart-tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.transition-chart-line{stroke:var(--accent)}.transition-chart-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:12px;display:flex}.transition-chart-footer p{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.transition-chart-footer strong{color:var(--text);font-size:14px;font-weight:550}.transition-chart-footer>span{flex-shrink:0}.basic-pie-card{border:1px solid var(--border);background:var(--panel);width:380px;max-width:100%;box-shadow:var(--shadow);border-radius:18px;padding:24px}.basic-pie-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.basic-pie-heading h2{letter-spacing:-.3px;font-size:17px;font-weight:550}.basic-pie-redraw{border:1px solid var(--border);background:var(--panel);min-height:36px;color:var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;display:inline-flex}.basic-pie-redraw:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.basic-pie-svg{width:240px;max-width:100%;height:auto;margin:18px auto;display:block}.basic-pie-slice{stroke:var(--panel);stroke-width:2px;stroke-linejoin:round}.basic-pie-legend{border-top:1px solid var(--border);gap:10px;margin:0;padding:16px 0 0;font-size:14px;list-style:none;display:grid}.basic-pie-legend li{align-items:center;gap:9px;display:flex}.basic-pie-key{border-radius:3px;width:9px;height:9px}.basic-pie-legend strong{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:550}@media (hover:hover) and (pointer:fine){.basic-pie-redraw:hover{border-color:var(--accent);color:var(--accent)}}