.specimen-tray-position{--specimen-tray-menu-clearance: 64px ;--specimen-tray-top: max( env(safe-area-inset-top, 0px), var(--specimen-tray-visual-offset, 0px) );position:fixed;top:var(--specimen-tray-top);left:0;right:var(--specimen-tray-menu-clearance);z-index:1000;display:flex;justify-content:center}@media(min-width:768px){.specimen-tray-position{--specimen-tray-menu-clearance: 76px }}.sci-pill{display:inline-flex;align-items:center;gap:.375rem;margin-top:.75rem;font-size:.75rem;padding:.375rem .75rem;border-radius:9999px;border:1px solid oklch(40% .17 160 / .3);background:oklch(40% .17 160 / .08);color:oklch(40% .17 160);text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease}.sci-pill:hover{border-color:oklch(40% .17 160 / .55);background:oklch(40% .17 160 / .14);color:oklch(30% .17 160)}[data-theme=night-garden] .sci-pill{color:oklch(72% .17 160);border-color:oklch(72% .17 160 / .25);background:oklch(72% .17 160 / .08)}[data-theme=night-garden] .sci-pill:hover{border-color:oklch(72% .17 160 / .5);background:oklch(72% .17 160 / .15);color:#3be59d}.specimen-tray{position:relative;max-width:100%;width:100%;border-radius:0 0 .75rem;padding:.25rem;background:#110c09d1;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:none;border-bottom:1px solid oklch(100% 0 0 / .07);box-shadow:0 2px 6px #0000001a}[data-theme=day-garden] .specimen-tray{background:#f6f5f2d9;border-bottom-color:#0000000f;box-shadow:0 2px 6px #0000000a}.specimen-tray .tray-track{display:flex;gap:.25rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 .25rem}.specimen-tray .tray-track::-webkit-scrollbar{display:none}@media(min-width:768px){.specimen-tray .tray-track{justify-content:center}}.specimen-tray .tray-fade{position:absolute;top:0;bottom:0;width:2.5rem;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:2}.specimen-tray .tray-fade-left{left:0;background:linear-gradient(to right,oklch(16% .01 60 / .9),transparent)}.specimen-tray .tray-fade-right{right:0;background:linear-gradient(to left,oklch(16% .01 60 / .9),transparent)}[data-theme=day-garden] .specimen-tray .tray-fade-left{background:linear-gradient(to right,oklch(97% .004 90 / .92),transparent)}[data-theme=day-garden] .specimen-tray .tray-fade-right{background:linear-gradient(to left,oklch(97% .004 90 / .92),transparent)}.specimen-tray .tray-fade.visible{opacity:1}.specimen-tray .tray-close{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);width:1.75rem;height:1.75rem;border-radius:50%;display:none;align-items:center;justify-content:center;background:#63636314;color:#cecece66;border:none;cursor:pointer;transition:background .15s ease,color .15s ease;z-index:3}.specimen-tray .tray-close:hover{background:#63636326;color:#cececeb3}[data-theme=day-garden] .specimen-tray .tray-close{color:#2e2e2e59}[data-theme=day-garden] .specimen-tray .tray-close:hover{background:#6363631a;color:#2e2e2e99}.specimen-tray .tray-pill{position:relative;display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;min-height:2.5rem;border-radius:.75rem;border:none;background:transparent;cursor:pointer;white-space:nowrap;scroll-snap-align:center;flex-shrink:0;transition:background .15s ease,transform .08s ease;-webkit-tap-highlight-color:transparent}.specimen-tray .tray-pill:hover{background:#6363630f}[data-theme=day-garden] .specimen-tray .tray-pill:hover{background:#6363630d}.specimen-tray .tray-pill:active{transform:scale(.95);transition-duration:.04s}@media(min-width:768px){.specimen-tray .tray-pill{padding:.375rem .75rem;gap:.375rem}}.specimen-tray .pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;opacity:.55;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease}.specimen-tray .tray-pill.active .pill-dot{opacity:1;transform:scale(1.3)}.specimen-tray .pill-label{font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:#cececea6;transition:color .2s ease,font-weight .15s ease}@media(min-width:768px){.specimen-tray .pill-label{font-size:.8125rem;letter-spacing:.015em}}[data-theme=day-garden] .specimen-tray .pill-label{color:#362c24bf}.specimen-tray .tray-pill.active .pill-label{color:var(--active-color);font-weight:600}[data-theme=day-garden] .specimen-tray .tray-pill.active .pill-label{color:var(--active-color-light)}.specimen-tray .pill-underline{position:absolute;bottom:4px;left:50%;transform:translate(-50%);height:2.5px;border-radius:2px;opacity:.7;transition:width .35s cubic-bezier(.16,1,.3,1)}