.platform{background-color:var(--v3-offwhite)}.demo-shell{display:grid;min-height:100vh;grid-template-columns:1fr}@media (min-width:1024px){.demo-shell{grid-template-columns:17rem 1fr}}.demo-rail{position:fixed;inset:0 auto 0 0;z-index:40;width:min(17rem,82vw);background-color:#fff;border-right:1px solid var(--v3-card-line);overflow-y:auto;transform:translateX(-100%);transition:transform .28s ease}.demo-rail-open{transform:translateX(0);box-shadow:0 0 60px rgba(16,31,20,.18)}@media (min-width:1024px){.demo-rail{position:sticky;inset:auto;top:0;height:100vh;width:auto;transform:none;box-shadow:none}}.demo-rail-scrim{position:fixed;inset:0;z-index:35;width:100%;background-color:rgba(16,31,20,.3)}.demo-topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--v3-card-line);background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(8px)}.demo-burger{height:2.25rem;width:2.25rem;flex-shrink:0;justify-content:center;border-radius:10px;border:1px solid var(--v3-card-line);color:var(--v3-slate)}.demo-burger,.demo-nav-item{display:flex;align-items:center}.demo-nav-item{width:100%;gap:.75rem;border-radius:10px;padding:.55rem .8rem;text-align:left;transition:background-color .2s ease,color .2s ease}.demo-nav-item:hover{background-color:var(--v3-offwhite)}.demo-nav-item[aria-current=page]{color:#fff}.demo-search{display:flex;width:100%;align-items:center;gap:.6rem;border-radius:10px;border:1px solid var(--v3-card-line);background-color:var(--v3-offwhite);padding:.6rem .75rem;transition:border-color .2s ease}.demo-search:hover{border-color:rgb(var(--color-accent)/.4)}.demo-panel{border:1px solid var(--v3-card-line);border-radius:14px;background-color:#fff;box-shadow:0 1px 2px rgba(16,31,20,.04),0 8px 24px -18px rgba(16,31,20,.18)}.demo-panel-open{border-color:rgb(var(--color-accent)/.3)}.demo-tile{position:relative;display:block;width:100%;border:1px solid var(--v3-card-line);border-radius:14px;background-color:#fff;padding:1.25rem;box-shadow:0 1px 2px rgba(16,31,20,.04),0 8px 24px -18px rgba(16,31,20,.18);transition:border-color .2s ease,transform .2s ease}@media (min-width:768px){.demo-tile{padding:1.75rem}}.demo-tile:hover{border-color:rgb(var(--color-accent)/.45)}.demo-tile-arrow{position:absolute;top:1.25rem;right:1.25rem;color:var(--v3-hairline);opacity:0;transition:opacity .2s ease,transform .2s ease}.demo-tile:hover .demo-tile-arrow{opacity:1;transform:translateX(3px)}.demo-bar{flex:1;height:.5rem;background-color:var(--v3-offwhite);overflow:hidden}.demo-bar,.demo-bar>span{display:block;border-radius:999px}.demo-bar>span{height:100%;transition:width .5s ease}.demo-dot{display:inline-block;height:.5rem;width:.5rem;border-radius:999px}.demo-tag{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .55rem;font-size:.66rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.demo-tag-firm{background-color:rgb(var(--color-accent)/.12);color:rgb(var(--color-accent))}.demo-tag-weak{background-color:var(--v3-offwhite);color:var(--v3-slate)}.demo-tag-live{background-color:rgb(var(--color-accent)/.06);color:var(--v3-slate);box-shadow:inset 0 0 0 1px rgb(var(--color-accent)/.25)}.demo-seg{display:inline-flex;flex-wrap:wrap;gap:.15rem;border-radius:999px;background-color:var(--v3-offwhite);padding:.25rem}.demo-seg-item{position:relative;border-radius:999px;padding:.45rem .9rem;font-size:.78rem;font-weight:500;color:var(--v3-slate);transition:color .2s ease}.demo-seg-item[aria-selected=true]{color:var(--v3-ink)}.demo-row{cursor:pointer;transition:background-color .2s ease}.demo-row:hover{background-color:var(--v3-offwhite)!important}.demo-person{display:flex;width:100%;align-items:center;gap:.75rem;border-radius:10px;border:1px solid transparent;padding:.6rem .7rem;transition:border-color .2s ease,background-color .2s ease}.demo-person:hover{border-color:var(--v3-card-line);background-color:var(--v3-offwhite)}.demo-phases{display:grid;gap:1rem;counter-reset:phase}@media (min-width:640px){.demo-phases{grid-template-columns:repeat(4,1fr)}}.demo-phases>li{border-top:2px solid rgb(var(--color-accent)/.35);padding-top:.85rem}.demo-drawer-root,.demo-palette-root{position:fixed;inset:0;z-index:60}.demo-drawer-backdrop{position:absolute;inset:0;width:100%;background-color:rgba(16,31,20,.35);backdrop-filter:blur(2px)}.demo-drawer{position:absolute;inset:0 0 0 auto;display:flex;width:min(34rem,100%);flex-direction:column;background-color:#fff;box-shadow:-20px 0 60px rgba(16,31,20,.2)}.demo-close{display:flex;height:2rem;width:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;color:var(--v3-slate);transition:background-color .2s ease}.demo-close:hover{background-color:var(--v3-offwhite)}.demo-palette{position:absolute;left:50%;top:12vh;width:min(38rem,calc(100vw - 2rem));transform:translateX(-50%);overflow:hidden;border-radius:14px;background-color:#fff;box-shadow:0 30px 80px -20px rgba(16,31,20,.4)}.demo-palette-item{display:flex;width:100%;align-items:center;gap:.75rem;border-radius:10px;padding:.65rem .75rem;text-align:left;transition:background-color .15s ease}.demo-palette-item:focus-visible,.demo-palette-item:hover{background-color:var(--v3-offwhite)}.demo-toast{position:fixed;bottom:1.25rem;left:50%;z-index:70;max-width:calc(100vw - 2rem);transform:translateX(-50%);border-radius:999px;background-color:var(--v3-ink);padding:.7rem 1.25rem;font-size:.82rem;color:#fff;box-shadow:0 14px 40px -12px rgba(16,31,20,.5)}@media (prefers-reduced-motion:no-preference){.demo-live{animation:v3-pulse 2s ease-in-out infinite}}