.volli-demo{--demo-rail:46px;--demo-nav:38px;isolation:isolate;background:#180f15;border:1px solid #ffffff12;border-radius:24px;height:clamp(440px,35vw,500px);min-height:440px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000008c,0 24px 80px #00000075,inset 0 0 0 1px #e8652a08}.demo-sunset-mesh,.demo-grain{pointer-events:none;position:absolute;inset:0}.demo-sunset-mesh{filter:saturate(1.18)contrast(1.04);background:radial-gradient(72% 66% at 8% 104%,#741b41eb,#0000 69%),radial-gradient(64% 74% at 51% 112%,#e8652af2,#0000 64%),radial-gradient(46% 66% at 96% 94%,#ffa65be0,#0000 64%),radial-gradient(58% 54% at 82% -8%,#5e264e94,#0000 72%),linear-gradient(132deg,#18101e 0%,#2d1220 45%,#4a1b12 76%,#211116 100%);overflow:hidden}.demo-sunset-mesh:before,.demo-sunset-mesh:after{content:"";will-change:transform, opacity;position:absolute}.demo-sunset-mesh:before{filter:blur(28px)saturate(1.28);opacity:.82;background:radial-gradient(circle at 20% 78%,#8a194cd1,#0000 29%),radial-gradient(circle at 58% 68%,#e8652ae0,#0000 34%),radial-gradient(circle at 84% 72%,#ffb467c2,#0000 27%);animation:14s cubic-bezier(.45,.05,.55,.95) infinite alternate sunset-mesh-drift;inset:-28%;transform:translate(-4%,3%)rotate(-4deg)scale(1.04)}.demo-sunset-mesh:after{mix-blend-mode:screen;opacity:.46;background:radial-gradient(circle at 74% 78%,#ffd8a675,#0000 19%),radial-gradient(circle at 42% 96%,#ff6c306b,#0000 25%);animation:11s cubic-bezier(.45,.05,.55,.95) 1.5s infinite alternate sunset-flare-drift;inset:-16%;transform:translate(7%,4%)scale(1.02)}@keyframes sunset-mesh-drift{to{opacity:1;transform:translate(5%,-4%)rotate(5deg)scale(1.13)}}@keyframes sunset-flare-drift{to{opacity:.76;transform:translate(-7%,-3%)scale(1.18)}}.demo-grain{z-index:1;mix-blend-mode:soft-light;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.86'/%3E%3C/svg%3E");background-size:180px 180px}.demo-app-frame{z-index:2;aspect-ratio:16/10;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:15px;position:absolute;top:30px;left:30px;right:30px;overflow:hidden;box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff0a}.demo-chrome{backdrop-filter:blur(18px)saturate(135%);background:#0d0d0deb;border-bottom:1px solid #202020;align-items:center;height:34px;display:flex;position:relative}.demo-window-controls{color:#8a8a8e;align-items:center;gap:10px;padding-left:11px;display:flex}.demo-window-controls>span{border:1px solid #8a8a8e;border-radius:3px;width:10px;height:10px}.demo-window-controls svg{width:13px;height:13px}.demo-search{color:#88888d;background:#ffffff12;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:6px;width:min(310px,34vw);height:23px;padding:0 9px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.demo-search svg{width:11px;height:11px}.demo-workspace{grid-template-columns:var(--demo-rail) var(--demo-nav) minmax(0, 1fr);background:#0d0d0d;height:calc(100% - 34px);display:grid}.demo-project-rail,.demo-nav-rail{flex-direction:column;align-items:center;gap:8px;min-height:0;padding:10px 0;display:flex;position:relative;overflow:visible}.demo-project-rail{z-index:32;background:#0d0d0d}.demo-nav-rail{z-index:31;background:#161616;border-left:1px solid #1d1d1d;border-right:1px solid #232323}.demo-rail-spacer{flex:1}.demo-rail-button,.demo-nav-button{color:#fff;cursor:default;border:0;place-items:center;padding:0;transition:transform .12s cubic-bezier(.23,1,.32,1),filter .16s,background-color .16s,color .16s;display:grid;position:relative}.demo-rail-button{border-radius:9px;width:30px;height:30px;font-size:10px;font-weight:700}.demo-rail-button.is-ember{background:#e8652a}.demo-rail-button.is-gold{background:#c98a1b}.demo-rail-button.is-add{color:#a4a4a8;background:#1c1c1c;margin-top:auto}.demo-rail-button.is-selected{box-shadow:0 0 0 1.5px #f5f5f5,0 0 0 4px #0d0d0d}.demo-rail-button svg,.demo-nav-button svg{width:14px;height:14px}.demo-nav-button{color:#8b8b90;background:0 0;border-radius:7px;width:28px;height:28px}.demo-nav-button.is-active{color:#f5f5f5;background:#242424}.demo-hover-label{z-index:90;color:#e5e5e7;opacity:0;pointer-events:none;white-space:nowrap;background:#242424;border:1px solid #ffffff17;border-radius:5px;width:max-content;padding:4px 7px;font-size:9px;font-weight:560;transition:opacity .14s ease-out,transform .14s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:calc(100% + 9px);transform:translate(-3px,-50%)}.demo-main-surface{background:#111;border:1px solid #262626;border-radius:10px;flex-direction:column;min-width:0;min-height:0;margin:6px;display:flex;overflow:hidden}.demo-home-tabs{background:#161616;border-bottom:1px solid #242424;flex:none;align-items:end;gap:3px;height:32px;padding:0 8px;display:flex}.demo-home-tabs>span{color:#77777b;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:5px;max-width:150px;height:25px;padding:0 10px;font-size:8.5px;font-weight:560;display:inline-flex;overflow:hidden}.demo-home-tabs>span.is-active{color:#e7e7e9;background:#111;border-color:#2c2c2c #2c2c2c #111}.demo-home-tabs svg{flex:none;width:10px;height:10px}.demo-home-newchat{margin-left:auto;color:#cfcfd2!important;gap:3px!important}.demo-home-caret{border-left:1px solid #2f2f2f;align-items:center;padding-left:3px;display:inline-flex}.demo-board-toolbar{flex:none;justify-content:space-between;align-items:center;height:42px;padding:0 12px;display:flex}.demo-board-title{color:#f5f5f5;align-items:center;gap:8px;font-size:11px;display:flex}.demo-board-title strong{font-weight:620}.demo-board-title span{color:#77777b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.demo-board-actions{align-items:center;gap:7px;display:flex}.demo-control,.demo-view-control,.demo-new-ticket{color:#a5a5a9;border:1px solid #2a2a2a;border-radius:999px;align-items:center;gap:5px;height:25px;padding:0 9px;font-size:9px;font-weight:560;display:inline-flex}.demo-control svg,.demo-view-control svg,.demo-new-ticket svg{width:11px;height:11px}.demo-view-control{background:#1c1c1c;border-radius:7px;justify-content:center;width:25px;padding:0}.demo-new-ticket{color:#fff;background:#e8652a;border-color:#e8652a}.demo-board-scroll{overscroll-behavior-x:contain;scrollbar-width:none;flex:1;min-height:0;padding:0 10px 10px;overflow-x:auto}.demo-board-scroll::-webkit-scrollbar{display:none}.demo-board{grid-template-columns:repeat(5,minmax(158px,1fr));align-items:start;gap:9px;min-width:900px;min-height:100%;padding-bottom:8px;display:grid}.demo-column{background:#1c1c1c9e;border:1px solid #0000;border-radius:8px;min-height:126px;padding:8px 7px 7px;transition:border-color .16s,background-color .16s,box-shadow .16s}.demo-column.is-drop-target{background:#e8652a17;border-color:#e8652a8c;box-shadow:inset 0 0 0 1px #e8652a1f}.demo-column-header{color:#f2f2f4;align-items:flex-start;gap:6px;height:20px;padding:0 3px;font-size:9.5px;display:flex}.demo-column-header strong{font-weight:620}.demo-column-header span{color:#77777b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px}.demo-card-list{flex-direction:column;gap:6px;display:flex}.demo-ticket{color:#f5f5f5;cursor:pointer;text-align:left;touch-action:manipulation;user-select:none;background:#161616;border:1px solid #292929;border-radius:7px;flex-direction:column;gap:5px;width:100%;min-height:57px;padding:8px 9px;transition:border-color .16s,background-color .16s,box-shadow .18s,transform .14s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.demo-ticket:after{border-radius:inherit;content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff14,#0000 58%);transition:opacity .18s;position:absolute;inset:0}.demo-ticket:active{transform:scale(.985)}.demo-ticket.is-dragging{cursor:grabbing;border-color:#e8652ab3;box-shadow:0 18px 34px #00000073,0 0 0 1px #e8652a1f}.demo-ticket-meta{color:#8b8b90;letter-spacing:.025em;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.demo-ticket>strong{z-index:1;letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:610;line-height:1.25;display:-webkit-box;position:relative;overflow:hidden}.demo-priority{align-items:flex-end;gap:1.5px;height:9px;display:flex}.demo-priority>span{background:#4c4c4f;border-radius:2px;width:1.5px}.demo-priority>span:first-child{height:3px}.demo-priority>span:nth-child(2){height:6px}.demo-priority>span:nth-child(3){height:9px}.demo-priority>span.is-filled{background:#cb8a47}.demo-agent-status{z-index:1;color:#8f8f94;align-items:center;gap:4px;margin-top:1px;font-size:7.5px;font-weight:520;display:flex;position:relative}.demo-agent-status>span:last-child{color:#69696d;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.demo-live-dot,.demo-idle-dot,.demo-working-dot{background:#e8652a;border-radius:50%;flex:none;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #e8652a8c}.demo-idle-dot{box-shadow:none;background:#69696d}.demo-add-row{color:#77777b;align-items:center;gap:4px;height:25px;padding:0 7px;font-size:8.5px;display:inline-flex}.demo-add-row svg{width:10px;height:10px}.demo-preview-overlay{z-index:100;background:#050505b3;place-items:center;display:grid;position:absolute;inset:0}.demo-preview{background:#111;border:1px solid #303030;border-radius:13px;outline:none;flex-direction:column;width:min(88%,920px);height:min(84%,420px);min-height:350px;display:flex;position:absolute;top:30%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 30px 90px #000000b8,inset 0 1px #ffffff0a}.demo-preview-close{z-index:8;color:#86868b;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;padding:0;transition:color .14s,background-color .14s,transform .12s ease-out;display:grid;position:absolute;top:5px;right:7px}.demo-preview-close:active{transform:scale(.96)}.demo-preview-close svg{width:14px;height:14px}.demo-preview-tabs{background:#161616;border-bottom:1px solid #262626;align-items:end;gap:3px;height:39px;padding:0 44px 0 8px;display:flex}.demo-preview-tabs>span{color:#77777b;border:1px solid #0000;border-radius:7px 7px 0 0;align-items:center;height:31px;padding:0 12px;font-size:9px;font-weight:560;display:inline-flex}.demo-preview-tabs>span.is-active{color:#e7e7e9;background:#111;border-color:#2c2c2c #2c2c2c #111}.demo-preview-tabs .demo-tab-add{justify-content:center;width:28px;padding:0}.demo-tab-add svg{width:11px;height:11px}.demo-preview-content{flex:1;min-height:0;overflow:hidden}.demo-doc-layout,.demo-chat-layout{grid-template-columns:minmax(0,1fr) 220px;height:100%;min-height:0;display:grid}.demo-doc-main{min-width:0;padding:27px 32px 24px;overflow-y:auto}.demo-doc-id{color:#77777b;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.demo-doc-main h2,.demo-chat-heading h2,.demo-done-view h2{color:#f5f5f5;letter-spacing:-.045em;margin:6px 0 13px;font-size:clamp(20px,2.1vw,29px);font-weight:590;line-height:1.1}.demo-doc-main>p{color:#b0b0b4;max-width:610px;margin:0;font-size:11.5px;line-height:1.58}.demo-doc-section{color:#a4a4a8;margin-top:21px;font-size:10px}.demo-doc-section>strong{color:#d6d6d8;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:620}.demo-doc-section ul{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.demo-doc-section li:before{content:"";background:#e8652a;border-radius:50%;width:4px;height:4px;margin:0 8px 2px 0;display:inline-block}.demo-file-ref{color:#d0d0d3;background:#202020;border:1px solid #2e2e2e;border-radius:6px;margin-top:20px;padding:5px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:inline-flex}.demo-doc-activity,.demo-chat-rail{background:#161616;border-left:1px solid #232323;min-width:0}.demo-doc-activity{flex-direction:column;gap:13px;padding:28px 21px;display:flex}.demo-doc-activity>strong,.demo-session-heading>strong{color:#85858a;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:650}.demo-doc-activity>span{color:#9a9a9f;align-items:center;gap:7px;font-size:9.5px;display:flex}.demo-doc-activity svg{color:#77777b;width:11px;height:11px}.demo-chat-main{background:#0f0f0f;flex-direction:column;min-width:0;min-height:0;display:flex}.demo-chat-heading{border-bottom:1px solid #202020;justify-content:space-between;align-items:center;gap:11px;min-height:64px;padding:14px 20px;display:flex}.demo-chat-heading h2{margin:0 0 4px;font-size:16px}.demo-chat-branch{color:#77777b;align-items:center;gap:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:inline-flex}.demo-chat-branch svg{width:9px;height:9px}.demo-chat-scope{color:#c08a68;letter-spacing:.04em;text-transform:uppercase;border:1px solid #34302e;border-radius:999px;flex:none;padding:3px 8px;font-size:8px;font-weight:600}.demo-chat-thread{flex-direction:column;flex:1;gap:16px;min-height:0;padding:18px 20px 8px;display:flex;overflow-y:auto}.demo-chat-turn{gap:5px;min-width:0;display:grid}.demo-chat-author{color:#85858a;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:650}.demo-chat-turn p{max-width:62ch;margin:0;font-size:10.5px;line-height:1.6}.demo-chat-turn.is-you p{color:#e4e4e6;background:#181818;border:1px solid #2b2b2b;border-radius:9px;padding:9px 12px}.demo-chat-turn.is-agent p{color:#b0b0b4}.demo-chat-turn.is-agent .demo-chat-author{color:#d08557}.demo-chat-steps{gap:5px;margin-top:4px;display:grid}.demo-chat-steps>span{color:#cfcfd2;background:#151515;border:1px solid #262626;border-radius:7px;align-items:center;gap:8px;padding:6px 10px;font-size:9.5px;font-weight:560;display:flex}.demo-chat-steps svg{color:#8a8a8f;flex:none;width:11px;height:11px}.demo-chat-steps small{color:#79797e;margin-left:6px;font-size:8.5px;font-weight:400}.demo-chat-handoff{background:#151113;border-left:2px solid #a65736;padding:9px 11px;color:#cbb3a7!important;margin-top:8px!important}.demo-chat-handoff strong{color:#ecdcd2;font-weight:620}.demo-chat-working{color:#c8c8cb;align-items:center;gap:7px;font-size:9.5px;display:flex}.demo-chat-working small{color:#716d73;font-size:8.5px}.demo-chat-spinner{border:1.5px solid #3a2f2b;border-top-color:#e67b49;border-radius:50%;flex:none;width:9px;height:9px;animation:.9s linear infinite demo-chat-spin}@keyframes demo-chat-spin{to{transform:rotate(360deg)}}.demo-chat-composer{background:#161616;border:1px solid #2c2c2c;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:46px;margin:0 16px 14px;padding:9px 10px 9px 13px;display:flex}.demo-chat-input{color:#6b6b70;min-width:0;font-size:10px}.demo-chat-chips{flex:none;align-items:center;gap:6px;display:flex}.demo-chat-chip{color:#9d9da2;white-space:nowrap;background:#1c1c1c;border:1px solid #2f2f2f;border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:560}.demo-chat-send{color:#180c06;background:#e8652a;border-radius:7px;place-items:center;width:22px;height:22px;display:grid}.demo-chat-send svg{width:12px;height:12px}.demo-rail-note{color:#85858a;background:#131313;border:1px solid #262626;border-radius:8px;align-items:flex-start;gap:7px;margin-top:auto;padding:10px;font-size:8.5px;line-height:1.5;display:flex}.demo-rail-note svg{color:#6f6f74;flex:none;width:11px;height:11px;margin-top:1px}.demo-chat-rail{flex-direction:column;gap:8px;min-height:0;padding:20px 14px;display:flex;overflow-y:auto}.demo-session-heading{justify-content:space-between;margin-bottom:5px;padding:0 4px;display:flex}.demo-session-heading>span{color:#66666a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.demo-session-row{color:#b0b0b4;border:1px solid #0000;border-radius:7px;align-items:flex-start;gap:8px;min-height:47px;padding:8px 9px;display:flex}.demo-session-row.is-current{background:#1d1d1d;border-color:#303030}.demo-session-row>span:first-child{margin-top:4px}.demo-session-row>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.demo-session-row strong{font-size:9px;font-weight:610}.demo-session-row small{color:#76767a;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.demo-session-details{border-top:1px solid #272727;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding:14px 4px 0;font-size:8px;display:grid}.demo-session-details span{color:#737377}.demo-session-details strong{color:#b5b5b8;font-weight:560}.demo-done-view{flex-direction:column;align-items:flex-start;height:100%;padding:26px 34px;display:flex;overflow-y:auto}.demo-done-check{color:#8cbda4;background:#18251f;border:1px solid #34443b;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:16px;display:grid}.demo-done-check svg{width:17px;height:17px}.demo-done-view h2{margin-bottom:9px}.demo-done-view>p{color:#9d9da1;max-width:560px;margin:0;font-size:11px;line-height:1.55}.demo-delivery-summary{border-top:1px solid #252525;gap:10px;width:min(100%,560px);margin-top:22px;padding-top:17px;display:grid}.demo-delivery-summary>span{color:#b8b8bb;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.demo-delivery-summary svg{color:#7ca58f;width:13px;height:13px}.demo-phase-switcher{display:none}.volli-demo svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}@media (hover:hover) and (pointer:fine){.demo-rail-button:hover,.demo-nav-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.demo-rail-button:hover .demo-hover-label,.demo-nav-button:hover .demo-hover-label,.demo-rail-button:focus-visible .demo-hover-label,.demo-nav-button:focus-visible .demo-hover-label{opacity:1;transform:translateY(-50%)}.demo-ticket{cursor:grab}.demo-ticket:hover{background:#191817;border-color:#e8652a9e;transform:translateY(-2px);box-shadow:0 10px 24px #0000003d,0 0 0 1px #e8652a0f}.demo-ticket:hover:after{opacity:1}.demo-preview-close:hover{color:#f5f5f5;background:#252525}}@media (width<=960px){.volli-demo{height:clamp(480px,60vh,550px)}.demo-app-frame{aspect-ratio:auto;inset:16px}.demo-preview{top:50%}.demo-board-actions .demo-control:first-child{display:none}.demo-doc-layout,.demo-chat-layout{grid-template-columns:minmax(0,1fr) 190px}}@media (width<=720px){.volli-demo{--demo-rail:38px;--demo-nav:34px;border-radius:18px;height:520px;min-height:520px}.demo-app-frame{aspect-ratio:auto;border-radius:12px;inset:9px}.demo-search{width:min(180px,48vw);left:auto;right:9px;transform:none}.demo-window-controls{gap:7px;padding-left:8px}.demo-window-controls>span:nth-child(2),.demo-window-controls svg{display:none}.demo-project-rail,.demo-nav-rail{gap:7px;padding-top:8px}.demo-rail-button{border-radius:8px;width:27px;height:27px;font-size:9px}.demo-nav-button{width:26px;height:26px}.demo-main-surface{margin:5px}.demo-home-tabs{padding:0 6px}.demo-home-tabs>span:not(.is-active):not(.demo-home-newchat){display:none}.demo-board-toolbar{padding:0 9px}.demo-board-actions .demo-control,.demo-board-actions .demo-view-control{display:none}.demo-new-ticket{padding:0 8px}.demo-board-scroll{scroll-snap-type:x proximity;padding-left:7px;padding-right:7px}.demo-board{grid-template-columns:repeat(5,168px);gap:8px;min-width:920px}.demo-column{scroll-snap-align:start}.demo-ticket{touch-action:manipulation;min-height:62px}.demo-preview{border-radius:13px;width:auto;height:min(88%,438px);min-height:390px;inset:auto 7px 7px;translate:none}.demo-preview-close{width:44px;height:44px;top:2px;right:3px}.demo-preview-tabs{scrollbar-width:none;align-items:end;height:42px;overflow-x:auto}.demo-preview-tabs::-webkit-scrollbar{display:none}.demo-preview-tabs>span{flex:none;height:34px}.demo-preview-content{padding-bottom:52px;overflow-y:auto}.demo-doc-layout,.demo-chat-layout{height:auto;min-height:100%;display:block}.demo-doc-main{padding:25px 21px}.demo-doc-main h2,.demo-done-view h2{font-size:23px}.demo-doc-main>p{font-size:11px}.demo-doc-activity,.demo-chat-rail{display:none}.demo-chat-main{min-height:100%}.demo-chat-heading{min-height:60px;padding:12px 16px}.demo-chat-heading h2{font-size:15px}.demo-chat-scope{display:none}.demo-chat-thread{padding:15px 16px 6px;overflow:visible}.demo-chat-composer{margin:0 13px 12px}.demo-chat-chip{display:none}.demo-done-view{padding:23px 21px}.demo-phase-switcher{z-index:10;backdrop-filter:blur(18px)saturate(130%);background:#181818eb;border:1px solid #303030;border-radius:10px;grid-template-columns:repeat(5,1fr);min-height:52px;padding:3px;display:grid;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 10px 28px #00000061}.demo-phase-switcher button{color:#77777b;cursor:pointer;background:0 0;border:0;border-radius:7px;min-width:0;min-height:44px;padding:0 2px;font-size:8px;font-weight:610}.demo-phase-switcher button.is-active{color:#f5f5f5;background:#303030;box-shadow:0 1px 3px #00000059}}@media (prefers-reduced-motion:reduce){.demo-sunset-mesh:before,.demo-sunset-mesh:after{animation:none;transform:none}.demo-ticket,.demo-column,.demo-rail-button,.demo-nav-button,.demo-preview-close,.demo-hover-label{transition-duration:.01ms!important}.demo-ticket:hover,.demo-rail-button:hover,.demo-nav-button:hover{transform:none!important}}@media (prefers-reduced-transparency:reduce){.demo-chrome,.demo-phase-switcher{backdrop-filter:none;background:#161616}.demo-preview-overlay{background:#050505e0!important}}@media (prefers-contrast:more){.demo-ticket,.demo-main-surface,.demo-preview{border-color:#5a5a5e}}