:root{--ui-radius:12px;--ui-radius-pill:999px;--ui-font-sm:.875rem;--ui-font-xs:.75rem}:root[data-glass=dark]{--accent:#74c0fc;--accent-strong:#339af0;--accent-tint:#74c0fc29;--text-dim:#ffffffa6;--control-bg:#ffffff12;--control-hover:#ffffff21;--control-active:#fff3;--surface:#1c1c18d1;--surface-overlay:#1818158c;--divider:#ffffff24;--danger:#ffa8a8;--success:#96f2d7}:root[data-glass=light]{--accent:#1864ab;--accent-strong:#1971c2;--accent-tint:#1971c224;--text-dim:#1313109e;--control-bg:#ffffff57;--control-hover:#ffffff85;--control-active:#ffffffad;--surface:#f4f1ece0;--surface-overlay:#f7f5f199;--divider:#13131029;--danger:#c92a2a;--success:#087f5b}.ui-focusable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-tree-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-calendar-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-calendar-day:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-time-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-fileupload:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-tag-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-btn{position:relative;display:inline-flex;border-radius:var(--ui-radius-pill);font:inherit;font-size:var(--ui-font-sm);color:var(--text);background:var(--control-bg);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);touch-action:manipulation;border:none;justify-content:center;align-items: center;gap:.5rem;padding:.6rem 1.4rem;transition:background .2s,color .45s,transform .15s;font-weight:500}.ui-btn:hover{background:var(--control-hover)}.ui-btn:active{background:var(--control-active);transform:scale(.97)}.ui-btn:disabled{opacity:.45;pointer-events:none}.ui-btn-primary{background:var(--accent-tint);color:var(--accent)}.ui-btn-primary:hover{background:color-mix(in srgb,var(--accent-tint)100%,var(--accent)12%)}.ui-btn-ghost{backdrop-filter:none;-webkit-backdrop-filter:none;background:0 0}.ui-btn-ghost:hover{background:var(--control-bg)}.ui-btn-sm{font-size:var(--ui-font-xs);padding:.35rem .9rem}.ui-toggle{position:relative;display:inline-flex;border-radius:var(--ui-radius-pill);background:var(--control-bg);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);border:none;align-items: center;width:46px;height:26px;padding:3px;transition:background .25s}.ui-toggle[aria-checked=true]{background:var(--accent-tint)}.ui-toggle-thumb{background:var(--text);opacity:.75;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s,opacity .25s}.ui-toggle[aria-checked=true] .ui-toggle-thumb{background:var(--accent);opacity:1;transform:translate(20px)}.ui-toggle-row{display:inline-flex;font-size:var(--ui-font-sm);align-items: center;gap:.6rem}.ui-control{display:block;box-sizing:border-box;border:1px solid var(--divider);border-radius:var(--ui-radius);font:inherit;font-size:var(--ui-font-sm);color:var(--text);background:var(--control-bg);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);width:100%;padding:.6rem .85rem;transition:background .2s,border-color .2s,color .45s}.ui-control::placeholder{color:var(--text-dim)}.ui-control:hover{background:var(--control-hover)}.ui-control:focus{border-color:var(--accent)}textarea.ui-control{resize:vertical;min-height:84px}.ui-label{display:block;font-size:var(--ui-font-sm);color:var(--text);margin-bottom:.35rem;transition:color .45s;font-weight:500}.ui-field{display:block}.ui-field+.ui-field{margin-top:.9rem}.ui-hint{font-size:var(--ui-font-xs);color:var(--text-dim);margin-top:.3rem}.ui-hint-error{color:var(--danger)}.ui-form{display:flex;flex-direction:column;gap:.9rem}.ui-form-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.3rem}.ui-popover-anchor{position:relative}.ui-select-trigger{display:flex;text-align:left;cursor:inherit;justify-content:space-between;align-items: center;gap:.5rem}.ui-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ui-select-placeholder{color:var(--text-dim)}.ui-select-chevron{opacity:.6;flex:none;transition:transform .2s}.ui-select-trigger[aria-expanded=true] .ui-select-chevron{transform:rotate(180deg)}.ui-popover{position:fixed;z-index:80;box-sizing:border-box;border-radius:var(--ui-radius);background:var(--surface-overlay);backdrop-filter:blur(64px)saturate(200%);-webkit-backdrop-filter:blur(64px)saturate(200%);animation:ui-pop .18s cubic-bezier(.2,.8,.3,1);padding:.35rem;box-shadow:0 12px 40px #00000040}.ui-popover:before,.ui-popover:after{content:"";position:absolute;border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:1.2px;inset:0}.ui-popover:before{opacity:var(--rim-white);background:linear-gradient(#ffffff8c 0%,#ffffff1f 30%,#ffffff08 55%,#ffffff14 80%,#ffffff47 100%)}.ui-popover:after{opacity:var(--rim-black);background:linear-gradient(#000c 0%,#0000004d 30%,#00000026 55%,#00000038 80%,#0000008c 100%)}@keyframes ui-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.ui-option{display:flex;font-size:var(--ui-font-sm);border-radius:8px;align-items: center;gap:.5rem;padding:.45rem .65rem;transition:background .15s}.ui-option:hover,.ui-option[data-active=true]{background:var(--control-hover)}.ui-option[aria-selected=true]{color:var(--accent);font-weight:500}.ui-option-check{flex:none;width:1em}.ui-listbox{overflow-y:auto;list-style:none;max-height:240px;margin:0;padding:0}.ui-multiselect-tags{display:flex;flex-wrap:wrap;flex:1;gap:.3rem;min-width:0}.ui-tag{display:inline-flex;border-radius:var(--ui-radius-pill);font-size:var(--ui-font-xs);color:var(--text);background:var(--control-bg);align-items: center;gap:.3rem;padding:.15rem .6rem;transition:color .45s,background .2s;font-weight:500}.ui-tag-accent{background:var(--accent-tint);color:var(--accent)}.ui-tag-success{background:color-mix(in srgb,var(--success)16%,transparent);color:var(--success)}.ui-tag-danger{background:color-mix(in srgb,var(--danger)16%,transparent);color:var(--danger)}.ui-tag-remove{display:inline-flex;color:inherit;font:inherit;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items: center;margin:-.3rem -.5rem -.3rem -.3rem;padding:.3rem}.ui-tag-remove:hover{opacity:1}.ui-link{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent)40%,transparent);text-underline-offset:3px;border-radius:4px;transition:text-decoration-color .2s,color .45s}.ui-link:hover{text-decoration-color:var(--accent)}.ui-breadcrumb ol{display:flex;list-style:none;font-size:var(--ui-font-sm);flex-wrap:wrap;align-items: center;gap:.4rem;margin:0;padding:0}.ui-breadcrumb li{display:flex;align-items: center;gap:.4rem}.ui-breadcrumb-sep{opacity:.4}.ui-breadcrumb [aria-current=page]{color:var(--text-dim)}.ui-tooltip-anchor{position:relative;display:inline-flex}.ui-tooltip{position:absolute;z-index:70;white-space:nowrap;font-size:var(--ui-font-xs);color:var(--text);background:var(--surface);backdrop-filter:blur(30px)saturate(180%);-webkit-backdrop-filter:blur(30px)saturate(180%);pointer-events:none;animation:ui-pop .15s ease;border-radius:8px;padding:.35rem .7rem;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.ui-toaster{position:fixed;z-index:100;display:flex;pointer-events:none;flex-direction:column;align-items: flex-end;gap:.5rem;bottom:1rem;left:1rem;right:1rem}.ui-toast{display:flex;border-radius:var(--ui-radius);font-size:var(--ui-font-sm);color:var(--text);background:var(--surface);backdrop-filter:blur(30px)saturate(180%);-webkit-backdrop-filter:blur(30px)saturate(180%);pointer-events:auto;animation:ui-toast-in .3s cubic-bezier(.2,.8,.3,1);align-items: center;gap:.7rem;max-width:100%;padding:.7rem 1rem;box-shadow:0 12px 40px #00000040}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.ui-toast-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.ui-toast-dot-success{background:var(--success)}.ui-toast-dot-danger{background:var(--danger)}.ui-progress{position:relative;border-radius:var(--ui-radius-pill);background:var(--control-bg);overflow:hidden;height:8px}.ui-progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent));height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.ui-table-wrap{overflow-x:auto;border-radius:var(--ui-radius)}.ui-table{border-collapse:collapse;font-size:var(--ui-font-sm);width:100%}.ui-table th,.ui-table td{text-align:left;white-space:nowrap;border-bottom:1px solid var(--divider);padding:.6rem .85rem;transition:color .45s}.ui-table th{font-weight:600;font-size:var(--ui-font-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr{transition:background .15s}.ui-table tbody tr:hover{background:var(--control-bg)}.ui-skeleton{position:relative;background:var(--control-bg);overflow:hidden;border-radius:10px}:root[data-glass=light] .ui-skeleton{background:#1313101a}.ui-skeleton:after{content:"";position:absolute;animation:ui-prism 1.7s cubic-bezier(.4,0,.3,1)infinite;background:linear-gradient(225deg,#0000 40%,#f08c002e 45%,#e6498047 48%,#ffffff61 50%,#1971c247 52%,#0ca6782e 55%,#0000 60%);inset:-100%}@keyframes ui-prism{0%{transform:translate(45%,-45%)}to{transform:translate(-45%,45%)}}@media (prefers-reduced-motion:reduce){.ui-skeleton:after,.ui-shimmer-line:after,.ui-shimmer-label{animation:none}}.ui-chat-shimmer{display:flex;align-items: flex-start;gap:.7rem}.ui-shimmer-avatar{background:var(--accent-tint);border-radius:50%;flex:none;width:30px;height:30px}.ui-shimmer-body{flex:1;min-width:0}.ui-shimmer-label{display:inline-block;font-size:var(--ui-font-xs);background:linear-gradient(90deg,var(--text-dim)30%,var(--text)50%,var(--text-dim)70%);color:#0000;animation:ui-shimmer-text 1.6s linear infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:.45rem;font-weight:600}@keyframes ui-shimmer-text{0%{background-position:150% 0}to{background-position:-150% 0}}.ui-shimmer-line{position:relative;background:var(--control-bg);overflow:hidden;border-radius:5px;height:10px}.ui-shimmer-line+.ui-shimmer-line{margin-top:8px}.ui-shimmer-line:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--control-hover),transparent);animation:ui-shimmer-slide 1.6s linear infinite;inset:0;transform:translate(-100%)}@keyframes ui-shimmer-slide{to{transform:translate(100%)}}.ui-radio-group{display:flex;border:none;flex-direction:column;gap:.5rem;margin:0;padding:0}.ui-radio-group legend{font-size:var(--ui-font-sm);margin-bottom:.45rem;padding:0;font-weight:500}.ui-radio{display:flex;font-size:var(--ui-font-sm);align-items: center;gap:.55rem}.ui-radio input{appearance:none;border:1.5px solid var(--divider);background:var(--control-bg);border-radius:50%;width:18px;height:18px;margin:0;transition:border-color .2s,box-shadow .2s}.ui-radio input:checked{border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--accent)}.ui-radio input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-fileupload{display:flex;box-sizing:border-box;border:1.5px dashed var(--divider);border-radius:var(--ui-radius);font:inherit;font-size:var(--ui-font-sm);color:var(--text-dim);background:var(--control-bg);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);flex-direction:column;justify-content:center;align-items: center;gap:.35rem;width:100%;padding:1.4rem 1rem;transition:background .2s,border-color .2s}.ui-fileupload:hover,.ui-fileupload[data-drag=true]{background:var(--control-hover);border-color:var(--accent)}.ui-fileupload-title{color:var(--text);font-weight:500}.ui-fileupload-list{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin:.6rem 0 0;padding:0}.ui-timeline{list-style:none;margin:0;padding:0}.ui-timeline li{position:relative;padding:0 0 1.1rem 1.6rem}.ui-timeline li:last-child{padding-bottom:0}.ui-timeline li:before{content:"";position:absolute;background:var(--divider);width:1.5px;top:14px;bottom:-4px;left:4px}.ui-timeline li:last-child:before{display:none}.ui-timeline-dot{position:absolute;background:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);border-radius:50%;width:10px;height:10px;top:4px;left:0}.ui-timeline-title{font-size:var(--ui-font-sm);font-weight:500}.ui-timeline-meta{font-size:var(--ui-font-xs);color:var(--text-dim);margin-top:.15rem}.ui-tree,.ui-tree ul{list-style:none;margin:0;padding:0}.ui-tree ul{border-left:1px solid var(--divider);margin-left:.55rem;padding-left:1.15rem}.ui-tree-row{display:flex;box-sizing:border-box;font:inherit;font-size:var(--ui-font-sm);color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;align-items: center;gap:.4rem;width:100%;padding:.3rem .5rem;transition:background .15s}.ui-tree-row:hover{background:var(--control-bg)}.ui-tree-caret{opacity:.55;flex:none;transition:transform .2s}.ui-tree-caret[data-open=true]{transform:rotate(90deg)}.ui-tree-leaf-pad{flex:none;width:12px}.ui-calendar{min-width:248px;padding:.5rem}.ui-calendar-head{display:flex;justify-content:space-between;align-items: center;margin-bottom:.4rem}.ui-calendar-month{font-size:var(--ui-font-sm);font-weight:600}.ui-calendar-nav{color:var(--text);font:inherit;background:0 0;border:none;border-radius:8px;padding:.25rem .5rem;transition:background .15s}.ui-calendar-nav:hover{background:var(--control-hover)}.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.ui-calendar-dow{text-align:center;font-size:var(--ui-font-xs);color:var(--text-dim);padding:.25rem 0}.ui-calendar-day{font:inherit;font-size:var(--ui-font-xs);color:var(--text);background:0 0;border:none;border-radius:8px;padding:.35rem 0;transition:background .15s}.ui-calendar-day:hover{background:var(--control-hover)}.ui-calendar-day[aria-pressed=true]{background:var(--accent-tint);color:var(--accent);font-weight:600}.ui-calendar-day:disabled{opacity:0;pointer-events:none}.ui-timepicker{display:flex;gap:.5rem;padding:.55rem}.ui-time-trigger{cursor:text}.ui-time-trigger:focus-within{border-color:var(--accent)}.ui-time-input{font:inherit;font-variant-numeric:tabular-nums;color:var(--text);outline:none;background:0 0;border:none;width:100%;min-width:0;padding:0}.ui-time-input::placeholder{color:var(--text-dim)}.ui-time-col-wrap{display:flex;flex-direction:column;flex:1;gap:.3rem;min-width:0}.ui-time-col-label{font-size:var(--ui-font-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);text-align:center;font-weight:500}.ui-time-col{overflow-y:auto;display:flex;mask-image:linear-gradient(#0000,#000 10px calc(100% - 10px),#0000);flex-direction:column;gap:2px;max-height:190px}.ui-time-cell{font:inherit;font-size:var(--ui-font-sm);font-variant-numeric:tabular-nums;text-align:center;color:var(--text);background:0 0;border:none;border-radius:8px;padding:.3rem .9rem;transition:background .15s}.ui-time-cell:hover{background:var(--control-hover)}.ui-time-cell[aria-pressed=true]{background:var(--accent-tint);color:var(--accent);font-weight:600}.ui-timepicker-wheels{flex-direction:column;gap:.4rem;padding:.55rem .75rem .6rem}.ui-wheel-row{position:relative;display:flex;justify-content:center;align-items:stretch;gap:.25rem}.ui-wheel-band{position:absolute;background:var(--accent-tint);pointer-events:none;border-radius:10px;height:36px;top:calc(50% - 18px);left:.25rem;right:.25rem}.ui-time-colon{color:var(--text-dim);align-self: center;padding-bottom:2px;font-size:1rem;font-weight:600}.ui-wheel{box-sizing:border-box;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;mask-image:linear-gradient(#0000,#000 38% 62%,#0000);flex:1;min-width:3.6rem;height:180px;padding:72px 0}.ui-wheel::-webkit-scrollbar{display:none}.ui-wheel-cell{display:flex;scroll-snap-align:center;font-variant-numeric:tabular-nums;color:var(--text-dim);justify-content:center;align-items: center;height:36px;transition:color .15s;font-size:1rem}.ui-wheel-cell[aria-selected=true]{color:var(--accent);font-weight:600}.ui-time-done{font:inherit;font-size:var(--ui-font-sm);color:var(--accent);background:var(--accent-tint);border:none;border-radius:10px;padding:.45rem .9rem;transition:background .15s;font-weight:500}.ui-time-done:hover{background:var(--control-hover)}.ui-card{border-radius:16px;padding:1.25rem}.ui-card-title{margin:0 0 .25rem;transition:color .45s;font-size:1.05rem;font-weight:600}.ui-card-sub{font-size:var(--ui-font-sm);color:var(--text-dim);margin:0 0 .9rem}:root{--noise:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>")}:root[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--base:#131310;--blob-blend:screen;--blob-op:.4}:root[data-theme=light]{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--base:#eeeae4;--blob-blend:multiply;--blob-op:.6}:root[data-glass=dark]{--glass-bg:#ffffff0d;--rim-white:1;--rim-black:0;--frame:#00000073;--text:#fff;--spot-color:#fff;--spot-core:.5;--spot-mid:.2;--scroll-thumb:#ffffff38;--scroll-thumb-hover:#ffffff6b}:root[data-glass=light]{--glass-bg:#ffffff38;--rim-white:0;--rim-black:1;--frame:#ffffff73;--text:#131310;--spot-color:#131310;--spot-core:.22;--spot-mid:.09;--scroll-thumb:#1313103d;--scroll-thumb-hover:#13131073}@supports  not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb)transparent}}::-webkit-scrollbar{background:0 0;width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:999px;min-height:32px}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scroll-thumb-hover)}body{background:var(--base);color:var(--text);min-height:100vh;margin:0;transition:color .45s;font-family:Nunito Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.page-bg{position:fixed;overflow:hidden;pointer-events:none;inset:0}.blobs{position:absolute;filter:blur(clamp(40px,5vw,90px));will-change:transform;mix-blend-mode:var(--blob-blend);opacity:var(--blob-op);pointer-events:none;transition:opacity .45s;inset:-15%}.blob{position:absolute;will-change:transform;border-radius:50%}.ripple{position:fixed;overflow:hidden;pointer-events:none;transition:clip-path .6s cubic-bezier(.4,0,.2,1);inset:0}main{position:relative;max-width:1140px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.theme-nav{display:flex;justify-content:flex-end}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem 1rem;margin:3.5rem 0 2rem}.header-left{display:flex;flex-direction:column;align-items: flex-start;gap:.6rem}.nav-arrow{display:inline-flex;color:var(--text-dim);text-decoration:none;align-items: center;gap:.45rem;transition:color .2s;font-size:.95rem}.nav-arrow:hover{color:var(--text)}.nav-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.nav-arrow-placeholder{visibility:hidden}.nav-arrow-demos{align-self: flex-start}h1{margin:0;transition:color .45s;font-size:3rem;font-weight:500}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}::view-transition-old(root){animation:vt-out .25s cubic-bezier(.4,0,1,1)both}::view-transition-new(root){animation:vt-in .35s cubic-bezier(0,0,.2,1)both}@keyframes vt-out{to{opacity:0;transform:translateY(-10px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.top-nav{display:flex;align-items: center;gap:.4rem}.top-nav a{display:inline-flex;color:var(--text);text-decoration:none;background:var(--control-bg);border-radius:50%;justify-content:center;align-items: center;width:34px;height:34px;transition:background .2s,color .45s;font-size:.875rem}.top-nav a:hover{background:var(--control-hover)}.top-nav a[aria-current=page]{background:var(--accent-tint);color:var(--accent)}.docs-intro{max-width:620px;margin-bottom:2rem}.docs-search{max-width:340px}.docs-empty{color:var(--text-dim)}.demo-stage{position:relative;box-sizing:border-box;background:var(--frame);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);display:flex;border-radius:12px;flex-direction:column;justify-content:center;min-height:160px;padding:1.1rem;transition:background .45s}.demo-stage-tall{min-height:220px}.demo-stage>*{max-width:100%}.demo-stage .stage{backdrop-filter:none;-webkit-backdrop-filter:none;background:0 0;max-width:none;margin:-1.1rem}.demo-row{display:flex;flex-wrap:wrap;align-items: center;gap:.6rem}.demo-col{display:flex;flex-direction:column;gap:.7rem}.demo-text{margin:0;font-size:.9rem;line-height:1.5}.sample{display:flex;flex-direction:column;gap:2rem}.hero{display:flex;flex-direction:column;align-items: flex-start;gap:1rem;max-width:640px;padding:2rem 0 1rem}.hero h2{margin:0;transition:color .45s;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:500;line-height:1.15}.hero p{color:var(--text-dim);margin:0;transition:color .45s;font-size:1.05rem;line-height:1.55}.sample-split{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.sample-footer{display:flex;border-top:1px solid var(--divider);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-top:1rem;transition:color .45s;font-size:.875rem}.progress-row{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem}.dash-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1rem}.dash-toolbar h2{margin:0;transition:color .45s;font-size:1.5rem;font-weight:500}.dash-range{min-width:180px}.dash-big{margin:0 0 .8rem;transition:color .45s;font-size:2rem;font-weight:600}.dash-main,.chat-layout{align-items: start}.chat-log{display:flex;flex-direction:column;gap:.6rem;min-height:220px;margin-bottom:1rem}.chat-bubble{background:var(--control-bg);border-radius:14px;max-width:85%;padding:.55rem .9rem;transition:background .2s,color .45s;font-size:.9rem;line-height:1.45}.chat-you{background:var(--accent-tint);align-self: flex-end}.chat-composer{display:flex;align-items: flex-end;gap:.6rem}.chat-composer textarea{flex:1}@media (max-width:640px){main{padding:1.5rem 1rem}h1{font-size:2rem}.hero{padding-top:.5rem}}.liquid-glass{position:relative;backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);background:var(--glass-bg);will-change:transform,backdrop-filter;transition:background .45s;transform:translateZ(0);box-shadow:0 4px 30px #0000001a}.rim{position:absolute;border-radius:inherit;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:1.2px;transition:opacity .45s;inset:0}.rim-white{opacity:var(--rim-white);background:linear-gradient(#ffffff8c 0%,#ffffff1f 30%,#ffffff08 55%,#ffffff14 80%,#ffffff47 100%)}.rim-black{opacity:var(--rim-black);background:linear-gradient(#000c 0%,#0000004d 30%,#00000026 55%,#00000038 80%,#0000008c 100%)}.noise{position:absolute;border-radius:inherit;opacity:.025;pointer-events:none;background:var(--noise);inset:0}.card{border-radius:12px;padding:.5rem}.card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-label{padding:.75rem .5rem .5rem;transition:color .45s;font-size:.875rem}.stage{position:relative;overflow:hidden;background:var(--frame);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);display:flex;border-radius:12px;justify-content:center;align-items: center;height:160px;transition:background .45s}.theme-toggle{color:#fff;mix-blend-mode:difference;display:flex;background:0 0;border:none;justify-content:center;align-items: center;padding:14px}@media (pointer:fine){*,*:before,*:after{cursor:none}}.bubble{position:fixed;z-index:1000;box-sizing:border-box;pointer-events:none;opacity:0;backdrop-filter:saturate(180%);-webkit-backdrop-filter:saturate(180%);border-radius:15px;width:30px;height:30px;top:0;left:0}.morph-overlay{position:fixed;z-index:999;pointer-events:none;width:100%;height:100%;inset:0}.spot-core{stop-color:var(--spot-color);stop-opacity:var(--spot-core)}.spot-mid{stop-color:var(--spot-color);stop-opacity:var(--spot-mid)}.spot-end{stop-color:var(--spot-color);stop-opacity:0}.refract{position:fixed;z-index:1001;pointer-events:none;overflow:hidden;opacity:0;will-change:transform,opacity;top:0;left:0}.refract-sweep{position:absolute;filter:blur(3px);animation:refract-sweep 2.6s cubic-bezier(.4,0,.3,1)infinite;background:linear-gradient(225deg,#0000 34%,#ffcae81a 43%,#ffe3c217 47%,#c9f6e021 50%,#bee0ff1c 53%,#d6c7ff1a 57%,#0000 66%);inset:-120%}@keyframes refract-sweep{0%{transform:translate(45%,-45%)}to{transform:translate(-45%,45%)}}@media (prefers-reduced-motion:reduce){.refract-sweep{animation:none}}@media (hover:none),(pointer:coarse){.bubble:not(.bubble-local),.morph-overlay,.refract{display:none}}.cursor-stage{user-select:none}.bubble-local{position:absolute;z-index:1}.target{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%)}
