:root{--background: oklch(.9842 .0034 247.8575);--foreground: oklch(.2795 .0368 260.031);--card: oklch(1 0 0);--card-foreground: oklch(.2795 .0368 260.031);--popover: oklch(1 0 0);--popover-foreground: oklch(.2795 .0368 260.031);--primary: oklch(.5854 .2041 277.1173);--primary-foreground: oklch(1 0 0);--secondary: oklch(.9276 .0058 264.5313);--secondary-foreground: oklch(.3729 .0306 259.7328);--muted: oklch(.967 .0029 264.5419);--muted-foreground: oklch(.551 .0234 264.3637);--accent: oklch(.9299 .0334 272.7879);--accent-foreground: oklch(.3729 .0306 259.7328);--destructive: oklch(.6368 .2078 25.3313);--destructive-foreground: oklch(1 0 0);--border: oklch(.8717 .0093 258.3382);--input: oklch(.8717 .0093 258.3382);--ring: oklch(.5854 .2041 277.1173);--color-bg-primary: var(--background);--color-bg-secondary: var(--muted);--color-bg-tertiary: var(--secondary);--color-bg-elevated: var(--card);--color-bg-overlay: oklch(0 0 0 / .5);--color-text-primary: var(--foreground);--color-text-secondary: var(--muted-foreground);--color-text-tertiary: oklch(.651 .0184 264.3637);--color-text-inverse: var(--primary-foreground);--color-text-placeholder: var(--muted-foreground);--color-border-primary: var(--border);--color-border-secondary: var(--input);--color-border-focus: var(--ring);--color-surface-hover: var(--accent);--color-surface-active: var(--secondary);--color-button-primary: var(--primary);--color-button-primary-hover: oklch(.5354 .2241 277.1173);--color-button-secondary: var(--muted-foreground);--color-button-secondary-hover: oklch(.451 .0334 264.3637);--color-button-danger: var(--destructive);--color-button-danger-hover: oklch(.5868 .2278 25.3313);--color-button-success: oklch(.5569 .1872 165.3313);--color-button-success-hover: oklch(.5069 .1972 165.3313);--shadow-2xs: 0px 4px 8px -1px oklch(0 0 0 / .05);--shadow-xs: 0px 4px 8px -1px oklch(0 0 0 / .05);--shadow-sm: 0px 4px 8px -1px oklch(0 0 0 / .1), 0px 1px 2px -2px oklch(0 0 0 / .1);--shadow: 0px 4px 8px -1px oklch(0 0 0 / .1), 0px 1px 2px -2px oklch(0 0 0 / .1);--shadow-md: 0px 4px 8px -1px oklch(0 0 0 / .1), 0px 2px 4px -2px oklch(0 0 0 / .1);--shadow-lg: 0px 4px 8px -1px oklch(0 0 0 / .1), 0px 4px 6px -2px oklch(0 0 0 / .1);--shadow-xl: 0px 4px 8px -1px oklch(0 0 0 / .1), 0px 8px 10px -2px oklch(0 0 0 / .1);--shadow-2xl: 0px 4px 8px -1px oklch(0 0 0 / .25);--radius: .5rem}.dark{--background: oklch(.2077 .0398 265.7549);--foreground: oklch(.9288 .0126 255.5078);--card: oklch(.2795 .0368 260.031);--card-foreground: oklch(.9288 .0126 255.5078);--popover: oklch(.2795 .0368 260.031);--popover-foreground: oklch(.9288 .0126 255.5078);--primary: oklch(.6801 .1583 276.9349);--primary-foreground: oklch(.2077 .0398 265.7549);--secondary: oklch(.3351 .0331 260.912);--secondary-foreground: oklch(.8717 .0093 258.3382);--muted: oklch(.2795 .0368 260.031);--muted-foreground: oklch(.7137 .0192 261.3246);--accent: oklch(.3729 .0306 259.7328);--accent-foreground: oklch(.8717 .0093 258.3382);--destructive: oklch(.6368 .2078 25.3313);--destructive-foreground: oklch(.2077 .0398 265.7549);--border: oklch(.4461 .0263 256.8018);--input: oklch(.4461 .0263 256.8018);--ring: oklch(.6801 .1583 276.9349);--color-bg-primary: var(--background);--color-bg-secondary: var(--muted);--color-bg-tertiary: var(--secondary);--color-bg-elevated: var(--card);--color-bg-overlay: oklch(0 0 0 / .75);--color-text-primary: var(--foreground);--color-text-secondary: var(--muted-foreground);--color-text-tertiary: oklch(.6137 .0292 261.3246);--color-text-inverse: var(--primary-foreground);--color-text-placeholder: var(--muted-foreground);--color-border-primary: var(--border);--color-border-secondary: var(--input);--color-border-focus: var(--ring);--color-surface-hover: var(--accent);--color-surface-active: var(--secondary);--color-button-primary: var(--primary);--color-button-primary-hover: oklch(.7301 .1783 276.9349);--color-button-secondary: var(--muted-foreground);--color-button-secondary-hover: oklch(.7637 .0193 261.3246);--color-button-danger: var(--destructive);--color-button-danger-hover: oklch(.5868 .2278 25.3313);--color-button-success: oklch(.5569 .1872 165.3313);--color-button-success-hover: oklch(.6069 .1772 165.3313)}.my-library-table{width:100%;min-width:1600px;max-width:none;scroll-behavior:smooth}.my-library-table::-webkit-scrollbar{width:8px}.my-library-table::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:4px}.my-library-table::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:4px}.my-library-table::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.custom-tag{display:inline-flex;align-items:center;font-weight:500;border-radius:.375rem;border-width:1px;transition:all .2s ease-in-out;white-space:nowrap}.custom-tag:hover{box-shadow:var(--shadow-sm)}.custom-tag.clickable{cursor:pointer}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-elevated{background-color:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-focus{border-color:var(--color-border-focus)}.hover-surface:hover{background-color:var(--color-surface-hover)}.active-surface:active{background-color:var(--color-surface-active)}.input-base{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-primary);color:var(--color-text-primary);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s ease-in-out}.input-base:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px oklch(from var(--ring) l c h / .1)}.input-base::placeholder{color:var(--color-text-placeholder)}.btn-base{font-weight:500;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s ease-in-out;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--color-button-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-button-primary-hover)}.btn-secondary{background-color:var(--color-button-secondary);color:var(--color-text-inverse)}.btn-secondary:hover:not(:disabled){background-color:var(--color-button-secondary-hover)}.btn-danger{background-color:var(--color-button-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--color-button-danger-hover)}.btn-success{background-color:var(--color-button-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background-color:var(--color-button-success-hover)}.btn-base:disabled{cursor:not-allowed}.library-tag{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);transition:background-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;line-height:1.25;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-2xs);will-change:transform}.library-tag:hover{background-color:oklch(from var(--secondary) calc(l*.95) c h);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.library-tag:focus{outline:2px solid var(--ring);outline-offset:2px}.library-tag:active{transform:translateY(0);box-shadow:var(--shadow-2xs)}.library-tag.status-none{color:var(--muted-foreground);opacity:.7}.library-tag.status-none:hover{background-color:var(--secondary);transform:none;box-shadow:var(--shadow-2xs);opacity:.7}.status-indicator{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0;border:1px solid oklch(from var(--background) calc(l*.9) c h)}.status-indicator.available{background-color:var(--color-button-success);border-color:oklch(from var(--color-button-success) calc(l*.8) c h);box-shadow:0 0 0 1px oklch(from var(--color-button-success) l c h / .2)}.status-indicator.unavailable{background-color:var(--color-button-danger);border-color:oklch(from var(--color-button-danger) calc(l*.8) c h);box-shadow:0 0 0 1px oklch(from var(--color-button-danger) l c h / .2)}.status-indicator.none{background-color:var(--muted-foreground);border-color:oklch(from var(--muted-foreground) calc(l*.8) c h)}.library-tag-sm{gap:.2rem;padding:.15rem .35rem;font-size:.65rem;line-height:1.2}.library-tag-sm .status-indicator{width:.35rem;height:.35rem}@media (max-width: 640px){.library-tag{gap:.25rem;padding:.2rem .4rem;font-size:.7rem}.status-indicator{width:.4rem;height:.4rem}}.theme-button-group{width:100%}@media (prefers-reduced-motion: reduce){.library-tag{transition:none}.library-tag:hover,.library-tag:active{transform:none}}.tag-primary{background-color:var(--primary);color:var(--primary-foreground);border:1px solid transparent;box-shadow:var(--shadow-sm);transition:all .2s ease-in-out}.tag-primary:hover{background-color:oklch(from var(--primary) calc(l*.9) c h)}.tag-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border:1px solid transparent;transition:all .2s ease-in-out}.tag-secondary:hover{background-color:oklch(from var(--secondary) calc(l*.9) c h)}.tag-tertiary{background-color:var(--color-button-secondary);color:var(--color-text-inverse);border:1px solid transparent;transition:all .2s ease-in-out}.tag-tertiary:hover{background-color:oklch(from var(--color-button-secondary) calc(l*.9) c h)}.item-dropdown-btn{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.item-dropdown-btn:hover{background-color:var(--color-surface-hover)}.item-dropdown-btn:focus{outline:2px solid var(--ring);outline-offset:2px}