@layer components{.ui-dropdown{position:absolute;z-index:var(--z-dropdown);min-width:180px;padding:var(--space-2);background:linear-gradient(180deg,#2c2c31f5,#232327f5);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff0f,var(--shadow-3);transform-origin:top center;animation:ui-dropdown-in var(--dur-2) var(--ease-out)}@keyframes ui-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.ui-dropdown{animation:none}}.ui-dropdown__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.ui-dropdown__item:hover,.ui-dropdown__item:focus-visible{background-color:var(--color-surface-2)}.ui-dropdown__item--danger{color:var(--color-error)}.ui-dropdown__separator{height:1px;margin:var(--space-2) 0;background-color:var(--color-border)}.ui-popover{display:flex;flex-direction:column;gap:var(--space-3);width:min(300px,calc(100vw - 24px));padding:var(--space-1)}.ui-popover__tabs{display:flex;gap:4px;padding:4px;background-color:var(--color-bg);border-radius:var(--radius-full)}.ui-popover__tab{flex:1;min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-2);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.ui-popover__tab:hover{color:var(--color-text)}.ui-popover__tab.is-active{background-color:var(--color-accent);color:var(--color-text-inverse);font-weight:var(--weight-bold);box-shadow:var(--shadow-1)}.ui-popover__tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-popover__title{margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-3)}.ui-popover__list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:216px;overflow-y:auto;scrollbar-width:thin}.ui-popover__option{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.ui-popover__option:hover:not(:disabled),.ui-popover__option:focus-visible{background-color:var(--color-surface-2)}.ui-popover__option:disabled{opacity:.5;cursor:not-allowed}.ui-popover__option-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--radius-full);background-color:var(--color-accent-tint);color:var(--color-accent);font-size:.7rem;transition:background-color var(--dur-1) var(--ease-out)}.ui-popover__option:hover:not(:disabled) .ui-popover__option-icon{background-color:var(--color-accent);color:var(--color-text-inverse)}.ui-popover__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-popover__option-add{flex:none;margin-left:auto;padding:2px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-accent-tint);color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-bold);transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.ui-popover__option:hover:not(:disabled) .ui-popover__option-add{background-color:var(--color-accent);color:var(--color-text-inverse)}.ui-popover__option.is-added,.ui-popover__option.is-added:hover:not(:disabled){background-color:var(--color-success-tint)}.ui-popover__option.is-added .ui-popover__option-icon,.ui-popover__option.is-added .ui-popover__option-add,.ui-popover__option.is-added:hover:not(:disabled) .ui-popover__option-icon,.ui-popover__option.is-added:hover:not(:disabled) .ui-popover__option-add{background-color:transparent;color:var(--color-success)}.ui-popover__check{display:flex;align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.ui-popover__check:hover{background-color:var(--color-surface-2)}.ui-popover__checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;display:grid;place-items:center;width:20px;height:20px;margin:0;border:1.5px solid var(--color-border-strong);border-radius:6px;background-color:var(--color-surface-1);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.ui-popover__checkbox:after{content:"";width:5px;height:10px;margin-top:-2px;border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity var(--dur-1) var(--ease-out)}.ui-popover__checkbox:checked{background-color:var(--color-accent);border-color:var(--color-accent)}.ui-popover__checkbox:checked:after{opacity:1}.ui-popover__checkbox:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-popover__checkbox:disabled{opacity:.5;cursor:not-allowed}.ui-popover__check-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ui-popover__grade{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-2);border-radius:var(--radius-md)}.ui-popover__grade-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.ui-popover__grade-scale{display:flex;justify-content:space-between;font-size:.65rem;font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-3)}.ui-popover__grade-value{flex:none;min-width:2.75em;padding:2px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-accent-tint);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-extrabold);text-align:center}.ui-popover__empty{padding:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-2);text-align:center}.ui-popover__empty a{color:var(--color-accent);font-weight:var(--weight-semibold)}.ui-popover__loading{padding:var(--space-3) var(--space-2);font-size:var(--text-sm);color:var(--color-text-2)}.ui-popover__feedback{display:flex;align-items:center;gap:var(--space-2);min-height:32px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);animation:ui-dropdown-in var(--dur-1) var(--ease-out)}.ui-popover__feedback.is-success{background-color:var(--color-success-tint);color:var(--color-success)}.ui-popover__feedback.is-error{background-color:var(--color-error-tint);color:var(--color-error)}.ui-popover__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.grade-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--radius-full);background:var(--color-bg);outline:none}.grade-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-accent);border:none;cursor:pointer;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.grade-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--color-accent-tint)}.grade-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.grade-slider::-moz-range-thumb{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-accent);border:none;cursor:pointer}.grade-slider:disabled{opacity:.5}}