.study-stack,.study-section{gap:1rem;min-width:0;display:grid}.study-groups{gap:2rem}.study-list li,.calendar-navigation{justify-content:space-between;align-items:center;gap:.5rem;min-height:64px;display:flex}.study-trace{gap:.5rem;display:grid}.study-trace ol{padding-left:1.5rem;list-style:decimal}.calendar-navigation h3{font-weight:var(--weight-emphasis)}.calendar-dialog{padding:1rem}.calendar-navigation .experiment-button{min-width:48px}.calendar-scroll{overflow-x:auto}.calendar-grid{table-layout:fixed;border-collapse:collapse;width:100%;min-width:21rem}.calendar-grid th{font-size:var(--type-caption);height:48px;color:var(--muted-foreground)}.calendar-grid td{text-align:center;padding:0}.calendar-grid button{border-radius:var(--radius-md);cursor:pointer;width:100%;min-width:48px;min-height:48px;transition:background-color var(--control-duration) var(--control-ease), var(--focus-transition)}.calendar-grid button:hover{background:var(--muted)}.calendar-grid button[aria-disabled=true]{color:var(--muted-foreground);cursor:default;text-decoration:line-through}.calendar-grid td[aria-selected=true] button{border:1px solid var(--foreground);font-weight:var(--weight-emphasis)}.attachment-drop{border-radius:var(--radius-lg);border:1px dashed var(--border);padding:1rem}.study-download{align-items:center;min-height:48px;display:inline-flex}.attachment-list:empty{display:none}.attachment-list>li{border-bottom:1px solid var(--border);padding-block:1.5rem}.attachment-name{overflow-wrap:anywhere}.attachment-progress [data-slot=progress-track]{height:8px}@media (max-width:480px){.calendar-dialog{padding:.5rem}}@media (max-width:360px){.calendar-dialog{width:calc(100% - 16px);padding:8px}}@media (prefers-reduced-motion:reduce){.study-dialog,.study-backdrop,.calendar-grid button{transition:none}}
.liquid-glass{--lg-primary:var(--color-violet-600);--lg-track:var(--border);--lg-plinth:var(--card);--lg-text:var(--foreground);--lg-stage:var(--color-violet-100);--lg-stage-end:var(--color-violet-200);--lg-glass-tint:var(--color-white)}.lg-status,.lg-credit{color:var(--muted-foreground)}.lg-specimen{border-top:1px solid var(--border);padding-block:24px}.lg-caption{margin-bottom:24px}.lg-caption h2{font-weight:var(--weight-emphasis);gap:16px;display:flex}.lg-caption h2>span{color:var(--muted-foreground);font-weight:var(--weight-secondary);font-variant-numeric:tabular-nums}.lg-stage{isolation:isolate;background:radial-gradient(ellipse at 30% 75%, color-mix(in oklch, var(--color-white) 63%, transparent), transparent 65%), linear-gradient(140deg, var(--lg-stage), var(--lg-stage-end));min-height:232px;color:var(--lg-text);border-radius:16px;place-items:center;padding:48px 24px;display:grid;position:relative}.lg-stage:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(to right, color-mix(in oklch, var(--color-violet-700) 12.5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--color-violet-700) 12.5%, transparent) 1px, transparent 1px);background-size:40px 40px;position:absolute;inset:24px;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.lg-switch-plinth,.lg-slider-plinth,.lg-segment-plinth{background:var(--lg-plinth);box-shadow:0 2px 12px color-mix(in oklch, var(--color-violet-950) 1.5%, transparent);border-radius:24px;padding:24px 40px}.lg-slider-plinth{width:min(100%,360px)}.lg-segment-plinth{border-radius:32px;width:min(100%,432px);padding:16px}.lg-status{margin-top:16px;display:block}.lg-switch{cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:24px;width:80px;height:48px;display:block;position:relative}.lg-switch-track{background:var(--lg-track);transition:background var(--control-duration) var(--control-ease);border-radius:30px;position:absolute;inset:8px 0}.lg-switch-track[data-on=true],.lg-switch-refraction[data-on=true]{background:var(--lg-primary)}.lg-switch>.lg-lens{top:12px}.lg-switch-refraction{background:var(--lg-track);height:24px;transition:background var(--control-duration) var(--control-ease);border-radius:30px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.lg-lens{pointer-events:none;box-shadow:0 2px 6px color-mix(in oklch, var(--color-black) 16%, transparent), inset 0 -4px 10px color-mix(in oklch, var(--color-black) 8%, transparent);border-radius:999px;display:block;position:absolute;top:0;left:0}.lg-lens-clip{border-radius:inherit;position:absolute;inset:0;overflow:clip}.lg-source{position:absolute;top:0;left:0;overflow:visible}.lg-filter{pointer-events:none;position:absolute}.lg-rim{border-radius:inherit;box-shadow:inset 0 1px 1px color-mix(in oklch, var(--color-white) 69%, transparent), inset 0 -1px 1px color-mix(in oklch, var(--color-violet-950) 12.5%, transparent), inset 1px 0 1px color-mix(in oklch, var(--color-white) 31%, transparent);background:linear-gradient(135deg, color-mix(in oklch, var(--color-white) 8%, transparent), transparent 45%, color-mix(in oklch, var(--color-white) 3%, transparent));position:absolute;inset:0}.lg-tint{border-radius:inherit;background:var(--lg-glass-tint);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-black) 2%, transparent);position:absolute;inset:0}.lg-slider{height:48px;position:relative}.lg-slider-track{inset-inline:0;background:var(--lg-track);border-radius:12px;height:8px;position:absolute;top:50%;overflow:clip;transform:translateY(-50%)}.lg-slider-track>span,.lg-slider-refraction>span{background:var(--lg-primary);border-radius:inherit;height:100%;display:block}.lg-slider>.lg-lens{top:12px}.lg-slider-refraction{inset-inline:0;background:var(--lg-track);border-radius:12px;height:16px;position:absolute;top:50%;overflow:clip;transform:translateY(-50%)}.lg-slider input,.lg-optical>input{appearance:none;cursor:ew-resize;background:0 0;border-radius:24px;width:100%;height:100%;margin:0;position:absolute;inset:0}.lg-slider input::-webkit-slider-thumb{appearance:none;background:0 0;width:48px;height:48px}.lg-slider input::-moz-range-thumb{background:0 0;border:0;width:48px;height:48px}.lg-slider input::-moz-range-track{background:0 0}.lg-optical>input::-moz-range-track{background:0 0}.lg-segments{grid-template-columns:repeat(3,1fr);height:48px;display:grid;position:relative}.lg-segments button{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:24px;min-width:0;min-height:48px;position:relative}.lg-expanded{cursor:pointer;align-items:center;gap:16px;min-height:48px;display:flex}.lg-expanded input{accent-color:var(--foreground)}.lg-optical{background:var(--background);border-radius:16px;height:120px;margin:24px 16px 32px;position:relative}.lg-optical>.lg-lens{top:calc(50% - 40px)}.lg-optical-source{color:var(--foreground);background-image:repeating-linear-gradient(90deg, transparent 0 15px, color-mix(in oklch, var(--lg-primary) 29%, transparent) 15px 17px);justify-content:space-around;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.lg-optical-source>span{background:var(--background);font-size:var(--type-body);white-space:nowrap;padding:8px}.lg-optical>input::-webkit-slider-thumb{appearance:none;background:0 0;width:120px;height:80px}.lg-optical>input::-moz-range-thumb{background:0 0;border:0;width:120px;height:80px}.lg-material{gap:16px;padding-bottom:24px;display:grid}.lg-material>label{justify-content:space-between;display:flex}.lg-material>input{width:100%;height:48px;accent-color:var(--foreground)}.lg-material output{font-variant-numeric:tabular-nums}.lg-credit{margin-top:24px}.lg-credit a{color:var(--foreground);text-decoration:none}.lg-credit a:hover,.lg-credit a:focus-visible{text-decoration:underline}.liquid-glass :is(button,input):focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.dark .liquid-glass{--lg-stage:var(--color-violet-950);--lg-stage-end:var(--color-violet-900);--lg-primary:var(--color-violet-400);--lg-glass-tint:var(--color-neutral-50)}.dark .lg-stage{background:radial-gradient(ellipse at 30% 75%, color-mix(in oklch, var(--color-violet-400) 12.5%, transparent), transparent 65%), linear-gradient(140deg, var(--lg-stage), var(--lg-stage-end))}@media (max-width:480px){.lg-stage{min-height:200px;padding:40px 16px}.lg-slider-plinth{padding-inline:32px}.lg-segment-plinth{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.liquid-glass *,.liquid-glass :before{transition:none!important}}@media (prefers-reduced-transparency:reduce){.lg-lens-clip{visibility:hidden}.lg-tint{opacity:1!important}.lg-segments .lg-tint{background:var(--lg-track)}}@media (forced-colors:active){.lg-lens,.lg-switch{border:1px solid buttontext}.lg-lens-clip,.lg-rim{display:none}.lg-tint{background:canvas;opacity:1!important}.lg-slider input,.lg-optical>input{appearance:auto}.lg-slider input::-webkit-slider-thumb{appearance:auto}.lg-optical>input::-webkit-slider-thumb{appearance:auto}.lg-slider input::-moz-range-thumb{background:buttontext}.lg-optical>input::-moz-range-thumb{background:buttontext}.lg-slider-track{background:graytext}.lg-segments button[aria-pressed=true]{outline:2px solid highlight}}.lg-source{background:var(--lg-plinth)}.lg-optical .lg-source{background:var(--background)}.lg-source-content{transform-origin:50%;display:block;position:absolute}.lg-slider input,.lg-optical>input{box-shadow:none;border:0;padding:0}.lg-lens{box-shadow:0 2px 5px color-mix(in oklch, var(--color-black) 9.5%, transparent)}.lg-lens[data-active=true]{box-shadow:0 4px 9px color-mix(in oklch, var(--color-black) 12.5%, transparent)}.lg-rim{box-shadow:inset 0 0 0 .5px color-mix(in oklch, var(--color-black) 7%, transparent), inset 0 1px 1px color-mix(in oklch, var(--color-white) 50%, transparent);background:0 0}.lg-selection-source{color:var(--color-violet-700);grid-template-columns:repeat(3,1fr);align-items:center;display:grid;position:absolute;inset:0}.lg-selection-source>span{background:color-mix(in oklch, var(--lg-primary) 9.5%, transparent);place-items:center;height:100%;display:grid}.lg-segments>.lg-lens{z-index:1}.lg-segments button[aria-pressed=true]{color:#0000}.dark .lg-selection-source{color:var(--color-violet-400)}@media (forced-colors:active),(prefers-reduced-transparency:reduce){.lg-segments>.lg-lens{z-index:0}.lg-segments button[aria-pressed=true]{color:inherit}}
