@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@layer base{._content_1hxhe_2{max-width:20rem;padding:var(--spacing-2) var(--spacing-3);background-color:var(--popup);color:var(--popup-foreground);border-radius:var(--radius);font-size:.875rem;line-height:1.4;box-shadow:var(--shadow-md);font-family:var(--font-family-base);border:1px solid var(--border);z-index:var(--z-overlay);overflow-wrap:break-word;word-break:keep-all;animation-duration:var(--animation-duration-normal);animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}._content_1hxhe_2[data-state=delayed-open][data-side=top]{animation-name:_slideDownAndFade_1hxhe_1}._content_1hxhe_2[data-state=delayed-open][data-side=bottom]{animation-name:_slideUpAndFade_1hxhe_1}._content_1hxhe_2[data-state=delayed-open][data-side=left]{animation-name:_slideRightAndFade_1hxhe_1}._content_1hxhe_2[data-state=delayed-open][data-side=right]{animation-name:_slideLeftAndFade_1hxhe_1}@keyframes _slideUpAndFade_1hxhe_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideDownAndFade_1hxhe_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideLeftAndFade_1hxhe_1{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes _slideRightAndFade_1hxhe_1{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}}@layer base{._toaster_uhdob_2{--viewport-padding: var(--spacing-4);--toast-width: 360px;--toast-border-radius: var(--radius);--toast-font-family: var(--font-family-base);--toast-animation-duration: var(--animation-duration-normal)}._toast_uhdob_2{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--card);color:var(--card-foreground);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);width:var(--toast-width);position:relative;animation:_slideIn_uhdob_1 var(--toast-animation-duration) cubic-bezier(.16,1,.3,1);transition:transform .2s ease,opacity .2s ease}._toast_uhdob_2:focus{outline:none;box-shadow:var(--shadow-focus)}._toast_uhdob_2:hover{transform:translateY(-2px)}._content_uhdob_35{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}._title_uhdob_43{font-weight:600;font-size:1rem;color:var(--card-foreground);line-height:1.4}._description_uhdob_50{font-size:.875rem;color:var(--muted-foreground);line-height:1.4}._icon_uhdob_56{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;color:var(--primary)}._actionButton_uhdob_66{padding:var(--spacing-2) var(--spacing-3);background-color:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color var(--animation-duration-fast) ease;margin-left:var(--spacing-2);white-space:nowrap}._actionButton_uhdob_66:hover{background-color:color-mix(in srgb,var(--primary) 90%,black)}._actionButton_uhdob_66:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._actionButton_uhdob_66:active{background-color:color-mix(in srgb,var(--primary) 80%,black)}._cancelButton_uhdob_93{padding:var(--spacing-2) var(--spacing-3);background-color:var(--muted);color:var(--muted-foreground);border:none;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color var(--animation-duration-fast) ease;white-space:nowrap}._cancelButton_uhdob_93:hover{background-color:color-mix(in srgb,var(--muted) 80%,white)}._cancelButton_uhdob_93:focus-visible{outline:none;box-shadow:var(--shadow-focus)}._cancelButton_uhdob_93:active{background-color:color-mix(in srgb,var(--muted) 75%,white)}._closeButton_uhdob_119{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);background-color:transparent;color:var(--muted-foreground);border:none;cursor:pointer;opacity:.7;transition:opacity var(--animation-duration-fast) ease,background-color var(--animation-duration-fast) ease}._closeButton_uhdob_119:hover{opacity:1;background-color:var(--muted)}._closeButton_uhdob_119:focus-visible{outline:none;box-shadow:var(--shadow-focus);opacity:1}.dark ._toast_uhdob_2{border-color:var(--border)}.dark ._actionButton_uhdob_66:hover{background-color:color-mix(in srgb,var(--primary) 90%,white)}.dark ._actionButton_uhdob_66:active{background-color:color-mix(in srgb,var(--primary) 80%,white)}.dark ._cancelButton_uhdob_93:hover{background-color:color-mix(in srgb,var(--muted) 80%,black)}.dark ._cancelButton_uhdob_93:active{background-color:color-mix(in srgb,var(--muted) 70%,black)}@keyframes _slideIn_uhdob_1{0%{transform:translate(calc(100% + var(--viewport-padding)));opacity:0}to{transform:translate(0);opacity:1}}}@layer base{._input_1pney_2{font-family:var(--font-family-base);font-size:1rem;line-height:1.5;color:var(--foreground);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-2) var(--spacing-3);width:100%;transition:border-color var(--animation-duration-normal) ease,background-color var(--animation-duration-normal) ease,box-shadow var(--animation-duration-normal) ease,transform var(--animation-duration-fast) ease;outline:none;height:2.5rem;box-shadow:inset 0 1px 2px #00000005,0 1px #ffffff4d}._input_1pney_2::placeholder{color:var(--muted-foreground);opacity:.7}._input_1pney_2:hover{border-color:color-mix(in srgb,var(--primary) 80%,transparent);background-color:color-mix(in srgb,var(--card) 98%,var(--primary) 2%);box-shadow:inset 0 1px 2px #00000005,0 2px 4px #0000000d}._input_1pney_2:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent),0 2px 4px #0000000d;background-color:var(--card)}._input_1pney_2:disabled{background-color:var(--muted);color:var(--muted-foreground);cursor:not-allowed;opacity:.75;box-shadow:none;transform:none}.dark ._input_1pney_2{background-color:color-mix(in srgb,var(--background) 80%,black);box-shadow:inset 0 1px 2px #0000001a,0 1px #ffffff0d}.dark ._input_1pney_2:hover{background-color:color-mix(in srgb,var(--background) 75%,black);border-color:color-mix(in srgb,var(--primary) 90%,white);box-shadow:inset 0 1px 2px #0000001a,0 2px 4px #00000026}.dark ._input_1pney_2:focus{background-color:color-mix(in srgb,var(--background) 80%,black);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent),0 2px 4px #00000026}}._swatch_dv8x7_1{width:100px;height:100px;border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:var(--shadow);transition:transform var(--animation-duration-fast) ease}._swatch_dv8x7_1:hover{transform:scale(1.05);z-index:var(--z-content-low);box-shadow:var(--shadow-lg)}._overlay_dv8x7_17{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-2);background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(100%);transition:opacity var(--animation-duration-fast) ease,transform var(--animation-duration-fast) ease}._swatch_dv8x7_1:hover ._overlay_dv8x7_17{opacity:1;transform:translateY(0)}._hexCode_dv8x7_40{font-family:var(--font-family-monospace);font-size:.875rem;font-weight:500}._copyButton_dv8x7_46{background:none;border:none;padding:var(--spacing-1);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background-color var(--animation-duration-fast) ease}._copyButton_dv8x7_46:hover{background-color:#fff3}._copyButton_dv8x7_46:focus-visible{outline:2px solid currentColor;outline-offset:2px}._container_1jose_1{max-width:960px;margin:0 auto;padding:3rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#000;background-color:#fff;min-height:100vh}._header_1jose_11{text-align:center;margin-bottom:3rem}._title_1jose_16{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.025em;color:#000}._subtitle_1jose_25{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto}._mainContent_1jose_32{display:flex;flex-direction:column;gap:3rem}._inputSection_1jose_38{max-width:400px;margin:0 auto;width:100%}._label_1jose_44{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#000}._inputWrapper_1jose_52{position:relative}._colorPreview_1jose_56{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;border-radius:.25rem;border:1px solid #e5e5e5;transition:background-color .3s ease}._colorInput_1jose_68{padding-left:2.75rem;font-family:Roboto Mono,monospace;font-size:1rem}._invalidInput_1jose_74{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}._errorMessage_1jose_79{color:#dc2626;font-size:.875rem;margin-top:.5rem}._resultsGrid_1jose_85{display:grid;gap:2rem}._relationshipRow_1jose_90{background-color:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e5e5;box-shadow:0 1px 3px #0000001a}._relationshipTitle_1jose_98{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:500;margin-bottom:1rem;text-transform:capitalize;color:#000}._swatchContainer_1jose_107{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}:root{--z-content-low: 10;--z-content: 20;--z-content-high: 30;--z-nav-low: 100;--z-nav: 200;--z-nav-sticky: 300;--z-overlay: 400;--z-spotlight: 1000;--z-critical: 2000;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem}:root{--background: hsl(220 20% 98%);--foreground: hsl(220 15% 20%);--surface: hsl(0 0% 100%);--surface-foreground: hsl(220 15% 20%);--sidebar: hsl(220 20% 96%);--sidebar-foreground: hsl(220 15% 25%);--card: hsl(0 0% 100%);--card-foreground: hsl(220 15% 20%);--popup: hsl(0 0% 100%);--popup-foreground: hsl(220 15% 20%);--primary: hsl(210 90% 55%);--primary-foreground: hsl(0 0% 100%);--secondary: hsl(260 85% 65%);--secondary-foreground: hsl(0 0% 100%);--accent: hsl(340 90% 60%);--accent-foreground: hsl(0 0% 100%);--muted: hsl(220 20% 94%);--muted-foreground: hsl(220 10% 45%);--success: hsl(140 70% 40%);--success-foreground: hsl(0 0% 100%);--error: hsl(0 80% 55%);--error-foreground: hsl(0 0% 100%);--warning: hsl(40 90% 50%);--warning-foreground: hsl(40 30% 10%);--info: hsl(190 80% 50%);--info-foreground: hsl(0 0% 100%);--info-hover: hsl(190 80% 55%);--info-active: hsl(190 80% 60%);--border: hsl(220 15% 88%);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-monospace: "Roboto Mono", monospace;--font-family-cursive: cursive;--shadow: 0 1px 2px 0 hsl(220 15% 20% / .05);--shadow-md: 0 4px 6px -1px hsl(220 15% 20% / .1), 0 2px 4px -2px hsl(220 15% 20% / .1);--shadow-lg: 0 10px 15px -3px hsl(220 15% 20% / .1), 0 4px 6px -4px hsl(220 15% 20% / .1);--shadow-focus: 0 0 0 2px hsl(210 90% 75%);--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--chart-color-1: hsl(210 90% 55%);--chart-color-2: hsl(160 80% 45%);--chart-color-3: hsl(40 90% 60%);--chart-color-4: hsl(340 90% 65%);--chart-color-5: hsl(260 85% 65%)}.dark{--background: hsl(220 20% 12%);--foreground: hsl(220 15% 88%);--surface: hsl(220 20% 16%);--surface-foreground: hsl(220 15% 88%);--sidebar: hsl(220 20% 14%);--sidebar-foreground: hsl(220 15% 85%);--card: hsl(220 20% 16%);--card-foreground: hsl(220 15% 88%);--popup: hsl(220 20% 16%);--popup-foreground: hsl(220 15% 88%);--primary: hsl(210 90% 60%);--primary-foreground: hsl(210 20% 10%);--secondary: hsl(260 85% 70%);--secondary-foreground: hsl(260 20% 10%);--accent: hsl(340 90% 65%);--accent-foreground: hsl(340 20% 10%);--muted: hsl(220 20% 20%);--muted-foreground: hsl(220 10% 60%);--success: hsl(140 60% 45%);--success-foreground: hsl(0 0% 100%);--error: hsl(0 80% 60%);--error-foreground: hsl(0 0% 100%);--warning: hsl(40 90% 55%);--warning-foreground: hsl(40 30% 10%);--info: hsl(190 80% 55%);--info-foreground: hsl(0 0% 100%);--info-hover: hsl(190 80% 60%);--info-active: hsl(190 80% 65%);--border: hsl(220 15% 25%);--shadow: 0 1px 2px 0 hsl(0 0% 0% / .05);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .1), 0 2px 4px -2px hsl(0 0% 0% / .1);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .1), 0 4px 6px -4px hsl(0 0% 0% / .1);--shadow-focus: 0 0 0 2px hsl(210 90% 40%);--chart-color-1: hsl(210 90% 60%);--chart-color-2: hsl(160 70% 50%);--chart-color-3: hsl(40 90% 65%);--chart-color-4: hsl(340 90% 70%);--chart-color-5: hsl(260 85% 70%)}@layer base{ul{list-style-type:none;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-family-base)}*{box-sizing:border-box;padding:0;margin:0}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}th,td{display:table-cell!important}}