.button{padding:var(--size-14);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-button-background);color:var(--color-button-foreground)}.button--primary:hover:not(:disabled),.button--primary:active:not(:disabled){background:var(--color-button-background-hover);color:var(--color-button-foreground)}.button--primary:disabled{opacity:.5;cursor:not-allowed}.button--primary:disabled:hover,.button--primary:disabled:active{background:var(--color-button-background);color:var(--color-button-foreground);opacity:.5}.button--secondary{background:var(--color-button-secondary-background);border-color:var(--color-button-secondary-background);color:var(--color-button-secondary-foreground)}.button--secondary:hover:not(:disabled),.button--secondary:active:not(:disabled){background:var(--color-button-secondary-background-hover);border-color:var(--color-button-secondary-background-hover);color:var(--color-button-secondary-foreground-hover)}.button--secondary:disabled{background:var(--color-button-secondary-background);border-color:var(--color-button-secondary-background);color:var(--color-button-secondary-foreground-disabled);cursor:not-allowed}.button--secondary:disabled:hover,.button--secondary:disabled:active{background:var(--color-button-secondary-background);border-color:var(--color-button-secondary-background);color:var(--color-button-secondary-foreground-disabled)}
.dialog{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0009;border:none;padding:0;position:absolute;inset:0}.dialog__panel{z-index:1;background:var(--solid-white);border:1px solid var(--neutral-100);box-sizing:border-box;flex-direction:column;gap:20px;width:340px;display:flex;position:relative}.dialog__header{border-bottom:1px solid var(--neutral-100);align-items:center;gap:20px;padding:20px;display:flex}.dialog__title{min-width:0;font-family:var(--family-mono);font-size:var(--size-14);font-weight:var(--weight-medium);line-height:var(--line-18);color:var(--color-text-primary);flex:1;margin:0}.dialog__close{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex}.dialog__close-icon{width:20px;height:20px;display:block}.dialog__body{box-sizing:border-box;width:100%;padding:0 20px}.dialog__panel:not(:has(.dialog__footer)) .dialog__body{padding-bottom:20px}.dialog__footer{box-sizing:border-box;width:100%;padding:0 20px 20px}
.dropdown{display:inline-flex;position:relative}.dropdown__trigger{padding:var(--size-14);cursor:pointer;border:none;border:1px solid var(--color-dropdown-foreground);background-color:var(--color-dropdown-background);color:var(--color-dropdown-foreground);justify-content:center;align-items:center;gap:16px;display:inline-flex}.dropdown__trigger:hover:not(:disabled){background:var(--color-dropdown-background-hover);color:var(--color-dropdown-foreground-hover)}.dropdown__trigger:active:not(:disabled),.dropdown__trigger[aria-expanded=true]{background:var(--color-dropdown-background-hover);color:var(--color-button-secondary-foreground)}.dropdown__trigger:disabled{cursor:not-allowed;color:var(--color-button-secondary-foreground-disabled)}.dropdown__trigger:disabled .dropdown__arrow{opacity:.5}.dropdown__badge{background:var(--color-dropdown-foreground);width:24px;height:24px;color:var(--solid-white);font-size:var(--size-12);flex-shrink:0;justify-content:center;align-items:center;line-height:12px;display:inline-flex}.dropdown__label{white-space:nowrap}.dropdown__arrow{background-color:currentColor;flex-shrink:0;width:20px;height:20px;-webkit-mask-image:url(/icons/arrow-down.svg);mask-image:url(/icons/arrow-down.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dropdown__panel{z-index:50;min-width:223.6px;padding:var(--size-14);background:var(--color-dropdown-background);border:1px solid var(--color-dropdown-foreground);flex-direction:column;gap:16px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.dropdown__row{align-items:center;gap:8px;width:100%;display:flex}.dropdown__row-name{min-width:0;color:var(--color-text-primary);flex:1}.dropdown__row-meta{white-space:nowrap;color:var(--color-accent-green);flex-shrink:0}.dropdown__panel--menu{gap:0;padding:0}.dropdown__menu-item{cursor:pointer;width:100%;color:var(--color-text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:20px;display:flex}.dropdown__menu-item:hover{background:var(--neutral-100)}.dropdown__menu-icon{flex-shrink:0;width:20px;height:20px;display:block}.dropdown__menu-label{flex:1;min-width:0}.dropdown__message{color:var(--color-text-muted);margin:0}.dropdown__error{color:var(--color-text-error);margin:0}@media (max-width:720px){.dropdown__panel{min-width:min(243px,100vw - 40px)}}
.feedback-dialog__form{flex-direction:column;gap:20px;width:100%;display:flex}.feedback-dialog__field{flex-direction:column;gap:4px;width:100%;display:flex}.feedback-dialog__label{color:var(--color-text-primary);margin:0}.feedback-dialog__textarea{width:100%;height:181px;padding:var(--size-14);border:1px solid var(--color-input-border);background:var(--color-input-background);color:var(--color-text-primary);box-sizing:border-box;resize:none;outline:none;overflow-y:auto}.feedback-dialog__textarea::placeholder{color:var(--color-text-placeholder)}.feedback-dialog__textarea:focus{border-color:var(--color-input-border-focus)}.feedback-dialog__textarea:disabled{background:var(--color-input-background-disabled);border-color:var(--color-input-border-disabled);color:var(--color-input-text-disabled);opacity:.6}.feedback-dialog__stars{align-items:flex-start;gap:4px;display:flex}.feedback-dialog__star{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.feedback-dialog__star:disabled{cursor:not-allowed;opacity:.6}.feedback-dialog__star-icon{pointer-events:none;width:34px;height:32px;display:block}.feedback-dialog__actions{gap:20px;width:100%;display:flex}.feedback-dialog__action{flex:1;min-width:0}.feedback-dialog__action--submit:disabled{opacity:1;background:var(--neutral-400);color:#fff6;cursor:not-allowed}.feedback-dialog__action--submit:disabled:hover,.feedback-dialog__action--submit:disabled:active{background:var(--neutral-400);color:#fff6;opacity:1}.feedback-dialog__retry{width:100%}.feedback-dialog__status{font-family:var(--family-mono);font-size:var(--size-14);font-weight:var(--weight-regular);line-height:var(--line-18);color:var(--color-text-muted);text-align:center;width:100%;margin:0}.feedback-dialog__status p{margin:0}
.icon-button{padding:var(--size-14);cursor:pointer;border:none;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.icon-button__icon{width:20px;height:20px;display:block}.icon-button--primary{background:var(--color-button-background);border:1px solid var(--color-button-background)}.icon-button--primary:hover:not(:disabled),.icon-button--primary:active:not(:disabled){background:var(--color-button-background-hover);border-color:var(--color-button-background-hover)}.icon-button--secondary{background:var(--color-dropdown-background);border:1px solid var(--color-dropdown-foreground)}.icon-button--secondary:hover:not(:disabled),.icon-button--secondary:active:not(:disabled){background:var(--color-dropdown-background-hover)}.icon-button:disabled{opacity:.5;cursor:not-allowed}
.navbar{z-index:50;height:var(--navbar-height);border-bottom:1px solid var(--neutral-100);background:0 0;background:var(--color-background);justify-content:center;align-items:center;width:100%;display:flex;position:fixed;top:0;left:0;right:0}.navbar__content{width:var(--layout-content-width);align-items:center;gap:12px;max-width:100%;display:flex}.navbar__section{align-items:center;min-width:0;display:flex}.navbar__section--start{flex:1}.navbar__section--end{flex-shrink:0;gap:12px}.navbar__greeting{color:var(--color-text-muted);white-space:nowrap;margin:0}.navbar__more-menu{position:relative}.navbar__more-panel{position:absolute;top:calc(100% + 8px);right:0}.navbar__more-button--open{background:var(--color-dropdown-background-hover)}@media (max-width:720px){.navbar__content{width:100%;padding:0 var(--size-20)}}
.page-loader{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex}