:root{--portal-tint:var(--color-celestial-blue);--portal-canvas:color-mix(in srgb, color-mix(in srgb, var(--color-black) 95%, var(--color-white)) 97%, var(--portal-tint));--portal-panel:color-mix(in srgb, color-mix(in srgb, var(--color-black) 91%, var(--color-white)) 97%, var(--portal-tint));--portal-raised:color-mix(in srgb, color-mix(in srgb, var(--color-black) 86%, var(--color-white)) 96%, var(--portal-tint));--portal-border:color-mix(in oklab, var(--color-white) 13%, transparent);--portal-border-strong:color-mix(in oklab, var(--color-white) 20%, transparent)}.portal-canvas{background-color:var(--portal-canvas)}.portal-ambient:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60rem 40rem at 12% -10%, color-mix(in oklab, var(--color-eminence) 18%, transparent), transparent 60%), radial-gradient(44rem 30rem at 108% 8%, color-mix(in oklab, var(--color-orange-wheel) 9%, transparent), transparent 62%);position:fixed;inset:0}.portal-ambient>*{z-index:1;position:relative}.portal-panel{background-color:var(--portal-panel);border:1px solid var(--portal-border);box-shadow:inset 0 1px 0 0 color-mix(in oklab, var(--color-white) 7%, transparent), 0 1px 2px 0 color-mix(in oklab, var(--color-black) 50%, transparent), 0 8px 24px -12px color-mix(in oklab, var(--color-black) 80%, transparent)}.portal-panel-raised{background-color:var(--portal-raised);border:1px solid var(--portal-border)}.portal-panel-interactive{transition:transform .2s var(--ease-brand), border-color .2s var(--ease-brand), background-color .2s var(--ease-brand)}@media (hover:hover){.portal-panel-interactive:hover{border-color:color-mix(in oklab, var(--color-orange-wheel) 45%, transparent);background-color:var(--portal-raised);transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.portal-panel-interactive{transition-property:border-color,background-color}.portal-panel-interactive:hover{transform:none}}.portal-row{transition:background-color .15s var(--ease-brand)}@media (hover:hover){.portal-row:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.portal-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--color-white) 18%, transparent) transparent}.portal-scroll::-webkit-scrollbar{width:8px;height:8px}.portal-scroll::-webkit-scrollbar-track{background:0 0}.portal-scroll::-webkit-scrollbar-thumb{background-color:color-mix(in oklab, var(--color-white) 16%, transparent);border-radius:999px}.portal-scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab, var(--color-white) 26%, transparent)}@keyframes portal-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.portal-rise{animation:portal-rise .42s var(--ease-brand) both}@media (prefers-reduced-motion:reduce){.portal-rise{animation:none}}.portal-ambient a,.portal-ambient button,.portal-ambient input,.portal-ambient select,.portal-ambient textarea{transition-timing-function:var(--ease-brand);transition-duration:.16s}@media (prefers-reduced-motion:reduce){.portal-ambient a,.portal-ambient button,.portal-ambient input,.portal-ambient select,.portal-ambient textarea{transition-duration:0s}}.portal-ambient button:active:not(:disabled),.portal-ambient a[role=button]:active{transform:translateY(.5px)}@media (prefers-reduced-motion:reduce){.portal-ambient button:active:not(:disabled),.portal-ambient a[role=button]:active{transform:none}}.portal-ambient select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}.portal-ambient input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.45;cursor:pointer}.portal-ambient input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:.8}@keyframes portal-pulse{0%,to{opacity:.55}50%{opacity:.25}}.portal-skeleton{background-color:color-mix(in oklab, var(--color-white) 8%, transparent);border-radius:.75rem;animation:1.6s ease-in-out infinite portal-pulse}@media (prefers-reduced-motion:reduce){.portal-skeleton{animation:none}}
